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

package/fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs

@@ -1,57 +1,119 @@
-import { NgTemplateOutlet } from '@angular/common';
-import * as i0 from '@angular/core';
-import { computed, input, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
-import { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';
-import { ERtMarkdownBlock, ERtMarkdownInline, parseMarkdown } 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 BEM_BLOCK = 'rt-markdown-text';
-/**
- * Текст, написанный разметкой, показанный узлами.
- *
- * Перечень разметки зашит в разборщике и входом не задаётся: вход у компонента один — сам
- * текст. Настраивать нечего, значит нечем и ослабить.
- *
- * Присланная строка в страницу не отдаётся ни разу: компонент рисует дерево узлов, которое
- * вернул разбор, и другого пути у текста внутрь страницы нет. Поэтому сырой HTML, картинки и
- * адреса чужих схем показываются видимым текстом — узла для них разборщик не строит.
- *
- * Таблица рисуется своей разметкой, а не таблицей кита: та объявляет колонки заранее
- * директивами, а число столбцов здесь приходит из текста и заранее не известно никому.
- */
-class RtMarkdownTextComponent {
-    constructor() {
-        /** Роды блоков в шаблоне: сравнение идёт со значением перечисления, а не со строкой. */
-        this.blockKind = ERtMarkdownBlock;
-        /** Роды кусков строки в шаблоне. */
-        this.inlineKind = ERtMarkdownInline;
-        this.blocks = computed(() => parseMarkdown(this.text()), /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "blocks" }] : /* istanbul ignore next */ []));
-        this.text = input.required(/* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMarkdownTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: RtMarkdownTextComponent, isStandalone: true, selector: "rt-markdown-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "rt-markdown-text" }, hostDirectives: [{ directive: i1.RtRadiusDirective, inputs: ["radius", "radius"] }], ngImport: i0, template: "<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        \u0412\u0435\u0442\u043A\u0438 \u0448\u0430\u0431\u043B\u043E\u043D\u0430 \u043A\u0443\u0441\u043A\u043E\u0432 \u043F\u0438\u0448\u0443\u0442\u0441\u044F \u0431\u0435\u0437 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432, \u0430 \u0444\u043E\u0440\u043C\u0430\u0442\u0442\u0435\u0440 \u043E\u0442\u043A\u043B\u044E\u0447\u0451\u043D \u0434\u043B\u044F \u043D\u0438\u0445 \u043D\u0430\u0440\u043E\u0447\u043D\u043E: \u043F\u0435\u0440\u0435\u043D\u043E\u0441\n        \u0441\u0442\u0440\u043E\u043A\u0438 \u0432 \u0440\u0430\u0437\u043C\u0435\u0442\u043A\u0435 \u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0441\u044F \u043F\u0440\u043E\u0431\u0435\u043B\u043E\u043C, \u0438 \u0440\u0430\u0437\u043C\u0435\u0447\u0435\u043D\u043D\u044B\u0439 \u043A\u0443\u0441\u043E\u043A \u043E\u0442\u044A\u0435\u0437\u0436\u0430\u0435\u0442 \u043E\u0442 \u0441\u043E\u0441\u0435\u0434\u043D\u0435\u0433\u043E \u0437\u043D\u0430\u043A\u0430 \u2014\n        \u00AB\u0436\u0438\u0440\u043D\u043E , \u0430 \u0440\u044F\u0434\u043E\u043C\u00BB.\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }, { kind: "directive", type: ElemDirective, selector: "[rtElem]", inputs: ["rtMod"] }, { kind: "directive", type: ModDirective, selector: "[rtMod]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtMarkdownTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-markdown-text', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                        ElemDirective,
-                        ModDirective,
-                        NgTemplateOutlet,
-                    ], hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        \u0412\u0435\u0442\u043A\u0438 \u0448\u0430\u0431\u043B\u043E\u043D\u0430 \u043A\u0443\u0441\u043A\u043E\u0432 \u043F\u0438\u0448\u0443\u0442\u0441\u044F \u0431\u0435\u0437 \u043F\u0435\u0440\u0435\u043D\u043E\u0441\u043E\u0432, \u0430 \u0444\u043E\u0440\u043C\u0430\u0442\u0442\u0435\u0440 \u043E\u0442\u043A\u043B\u044E\u0447\u0451\u043D \u0434\u043B\u044F \u043D\u0438\u0445 \u043D\u0430\u0440\u043E\u0447\u043D\u043E: \u043F\u0435\u0440\u0435\u043D\u043E\u0441\n        \u0441\u0442\u0440\u043E\u043A\u0438 \u0432 \u0440\u0430\u0437\u043C\u0435\u0442\u043A\u0435 \u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0441\u044F \u043F\u0440\u043E\u0431\u0435\u043B\u043E\u043C, \u0438 \u0440\u0430\u0437\u043C\u0435\u0447\u0435\u043D\u043D\u044B\u0439 \u043A\u0443\u0441\u043E\u043A \u043E\u0442\u044A\u0435\u0437\u0436\u0430\u0435\u0442 \u043E\u0442 \u0441\u043E\u0441\u0435\u0434\u043D\u0435\u0433\u043E \u0437\u043D\u0430\u043A\u0430 \u2014\n        \u00AB\u0436\u0438\u0440\u043D\u043E , \u0430 \u0440\u044F\u0434\u043E\u043C\u00BB.\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"] }]
-        }], propDecorators: { text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, computed, input } from "@angular/core";
+import { BlockDirective, ElemDirective, ModDirective } from "@rt-tools/core";
+import { ERtMarkdownBlock, ERtMarkdownInline, parseMarkdown } 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 BEM_BLOCK = "rt-markdown-text";
+var RtMarkdownTextComponent = class RtMarkdownTextComponent {
+	constructor() {
+		this.blockKind = ERtMarkdownBlock;
+		this.inlineKind = ERtMarkdownInline;
+		this.blocks = computed(() => parseMarkdown(this.text()), ...ngDevMode ? [{ debugName: "blocks" }] : /* istanbul ignore next */ []);
+		this.text = input.required(...ngDevMode ? [{ debugName: "text" }] : /* istanbul ignore next */ []);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtMarkdownTextComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: RtMarkdownTextComponent,
+			isStandalone: true,
+			selector: "rt-markdown-text",
+			inputs: { text: {
+				classPropertyName: "text",
+				publicName: "text",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			} },
+			host: { classAttribute: "rt-markdown-text" },
+			hostDirectives: [{
+				directive: i1.RtRadiusDirective,
+				inputs: ["radius", "radius"]
+			}],
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-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]"
+				},
+				{
+					kind: "directive",
+					type: NgTemplateOutlet,
+					selector: "[ngTemplateOutlet]",
+					inputs: [
+						"ngTemplateOutletContext",
+						"ngTemplateOutlet",
+						"ngTemplateOutletInjector"
+					]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtMarkdownTextComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-markdown-text",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				BlockDirective,
+				ElemDirective,
+				ModDirective,
+				NgTemplateOutlet
+			],
+			hostDirectives: [{
+				directive: RtRadiusDirective,
+				inputs: ["radius"]
+			}],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-markdown-text{--rt-markdown-text-radius: var(--rt-radius-sm);--rt-markdown-text-border-width: var(--rt-border-width-thin);display:flex;min-width:0;max-width:100%;flex-direction:column;color:var(--rt-color-text-primary);font-family:var(--rt-font-family-sans);font-size:var(--rt-text-xs);font-weight:var(--rt-font-weight-regular);gap:var(--rt-space-sm);letter-spacing:var(--rt-letter-spacing-wide);line-height:var(--rt-leading-snug)}.rt-markdown-text__heading{margin:0;color:var(--rt-color-text-primary);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__heading--level--1{font-size:var(--rt-text-lg)}.rt-markdown-text__heading--level--2{font-size:var(--rt-text-md)}.rt-markdown-text__heading--level--3,.rt-markdown-text__heading--level--4,.rt-markdown-text__heading--level--5,.rt-markdown-text__heading--level--6{font-size:var(--rt-text-sm)}.rt-markdown-text__paragraph{margin:0}.rt-markdown-text__list{padding-left:var(--rt-space-md);margin:0;list-style:disc}.rt-markdown-text__list--ordered{list-style:decimal}.rt-markdown-text__item--level--1{margin-left:var(--rt-space-md)}.rt-markdown-text__item--level--2{margin-left:var(--rt-space-lg)}.rt-markdown-text__quote{padding-left:var(--rt-space-sm);border-left:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);margin:0;color:var(--rt-color-text-muted)}.rt-markdown-text__code{max-width:100%;padding:var(--rt-space-sm);border-radius:var(--rt-markdown-text-radius);margin:0;background:var(--rt-color-bg-subtle);color:var(--rt-color-text-primary);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs);line-height:var(--rt-leading-snug);overflow-x:auto}.rt-markdown-text__code-inline{padding:0 var(--rt-space-2xs);border-radius:var(--rt-markdown-text-radius);background:var(--rt-color-bg-subtle);font-family:var(--rt-font-family-mono);font-size:var(--rt-text-2xs)}.rt-markdown-text__table-scroll{max-width:100%;overflow-x:auto}.rt-markdown-text__table{width:100%;border-collapse:collapse}.rt-markdown-text__head-cell,.rt-markdown-text__cell{padding:var(--rt-space-2xs) var(--rt-space-sm);border:var(--rt-markdown-text-border-width) solid var(--rt-color-border-default);text-align:left}.rt-markdown-text__head-cell{color:var(--rt-color-text-muted);font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__strong{font-weight:var(--rt-font-weight-semibold)}.rt-markdown-text__emphasis{font-style:italic}.rt-markdown-text__strike{text-decoration:line-through}.rt-markdown-text__link{color:var(--rt-color-text-link);text-decoration:underline}.rt-markdown-text[data-rt-radius=none]{--rt-markdown-text-radius: var(--rt-radius-none)}.rt-markdown-text[data-rt-radius=xs]{--rt-markdown-text-radius: var(--rt-radius-xs)}.rt-markdown-text[data-rt-radius=sm]{--rt-markdown-text-radius: var(--rt-radius-sm)}.rt-markdown-text[data-rt-radius=ms]{--rt-markdown-text-radius: var(--rt-radius-ms)}.rt-markdown-text[data-rt-radius=md]{--rt-markdown-text-radius: var(--rt-radius-md)}.rt-markdown-text[data-rt-radius=lg]{--rt-markdown-text-radius: var(--rt-radius-lg)}.rt-markdown-text[data-rt-radius=xl]{--rt-markdown-text-radius: var(--rt-radius-xl)}.rt-markdown-text[data-rt-radius=\"2xl\"]{--rt-markdown-text-radius: var(--rt-radius-2xl)}.rt-markdown-text[data-rt-radius=full]{--rt-markdown-text-radius: var(--rt-radius-full)}}\n"]
+		}]
+	}],
+	propDecorators: { text: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "text",
+			required: true
+		}]
+	}] }
+});
 export { RtMarkdownTextComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-markdown-text.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-markdown-text.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-markdown-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-markdown-text.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.html","../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-tools-ui-kit-v2-markdown-text.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { computed, input, ChangeDetectionStrategy, Component, InputSignal, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { parseMarkdown } from '@rt-tools/ui-kit-v2/core';\nimport { ERtMarkdownBlock, ERtMarkdownInline, IRtMarkdownBlockNode } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-markdown-text';\n\n/**\n * Текст, написанный разметкой, показанный узлами.\n *\n * Перечень разметки зашит в разборщике и входом не задаётся: вход у компонента один — сам\n * текст. Настраивать нечего, значит нечем и ослабить.\n *\n * Присланная строка в страницу не отдаётся ни разу: компонент рисует дерево узлов, которое\n * вернул разбор, и другого пути у текста внутрь страницы нет. Поэтому сырой HTML, картинки и\n * адреса чужих схем показываются видимым текстом — узла для них разборщик не строит.\n *\n * Таблица рисуется своей разметкой, а не таблицей кита: та объявляет колонки заранее\n * директивами, а число столбцов здесь приходит из текста и заранее не известно никому.\n */\n@Component({\n    selector: 'rt-markdown-text',\n    templateUrl: './rt-markdown-text.component.html',\n    styleUrl: './rt-markdown-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        NgTemplateOutlet,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMarkdownTextComponent {\n    /** Роды блоков в шаблоне: сравнение идёт со значением перечисления, а не со строкой. */\n    protected readonly blockKind: typeof ERtMarkdownBlock = ERtMarkdownBlock;\n\n    /** Роды кусков строки в шаблоне. */\n    protected readonly inlineKind: typeof ERtMarkdownInline = ERtMarkdownInline;\n\n    protected readonly blocks: Signal<readonly IRtMarkdownBlockNode[]> = computed((): readonly IRtMarkdownBlockNode[] =>\n        parseMarkdown(this.text())\n    );\n\n    public readonly text: InputSignal<string | null> = input.required<string | null>();\n}\n","<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,SAAS,GAAW,kBAAkB;AAE5C;;;;;;;;;;;;AAYG;MAmBU,uBAAuB,CAAA;AAlBpC,IAAA,WAAA,GAAA;;QAoBuB,IAAA,CAAA,SAAS,GAA4B,gBAAgB;;QAGrD,IAAA,CAAA,UAAU,GAA6B,iBAAiB;AAExD,QAAA,IAAA,CAAA,MAAM,GAA4C,QAAQ,CAAC,MAC1E,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;mFAC7B;QAEe,IAAA,CAAA,IAAI,GAA+B,KAAK,CAAC,QAAQ;iFAAiB;AACrF,IAAA;8GAZY,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,+UC1CpC,knLA0FA,EAAA,MAAA,EAAA,CAAA,gyGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA;;AD1DQ,gBAAA,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,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACb,YAAY,oDACZ,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAOX,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAlBnC,SAAS;+BACI,kBAAkB,EAAA,eAAA,EAGX,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;;wBAEL,cAAc;wBACd,aAAa;wBACb,YAAY;wBACZ,gBAAgB;AACnB,qBAAA,EAAA,cAAA,EACe,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAA,IAAA,EAChE;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,QAAA,EAAA,knLAAA,EAAA,MAAA,EAAA,CAAA,gyGAAA,CAAA,EAAA;;;AExCL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-markdown-text.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.ts","../../../projects/ui-kit-v2/src/lib/components/markdown-text/rt-markdown-text.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { computed, input, ChangeDetectionStrategy, Component, InputSignal, Signal, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective, ElemDirective, ModDirective } from '@rt-tools/core';\n\nimport { parseMarkdown } from '@rt-tools/ui-kit-v2/core';\nimport { ERtMarkdownBlock, ERtMarkdownInline, IRtMarkdownBlockNode } from '@rt-tools/ui-kit-v2/core';\nimport { RtRadiusDirective } from '@rt-tools/ui-kit-v2/radius';\n\nconst BEM_BLOCK: string = 'rt-markdown-text';\n\n/**\n * Текст, написанный разметкой, показанный узлами.\n *\n * Перечень разметки зашит в разборщике и входом не задаётся: вход у компонента один — сам\n * текст. Настраивать нечего, значит нечем и ослабить.\n *\n * Присланная строка в страницу не отдаётся ни разу: компонент рисует дерево узлов, которое\n * вернул разбор, и другого пути у текста внутрь страницы нет. Поэтому сырой HTML, картинки и\n * адреса чужих схем показываются видимым текстом — узла для них разборщик не строит.\n *\n * Таблица рисуется своей разметкой, а не таблицей кита: та объявляет колонки заранее\n * директивами, а число столбцов здесь приходит из текста и заранее не известно никому.\n */\n@Component({\n    selector: 'rt-markdown-text',\n    templateUrl: './rt-markdown-text.component.html',\n    styleUrl: './rt-markdown-text.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n        ElemDirective,\n        ModDirective,\n        NgTemplateOutlet,\n    ],\n    hostDirectives: [{ directive: RtRadiusDirective, inputs: ['radius'] }],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtMarkdownTextComponent {\n    /** Роды блоков в шаблоне: сравнение идёт со значением перечисления, а не со строкой. */\n    protected readonly blockKind: typeof ERtMarkdownBlock = ERtMarkdownBlock;\n\n    /** Роды кусков строки в шаблоне. */\n    protected readonly inlineKind: typeof ERtMarkdownInline = ERtMarkdownInline;\n\n    protected readonly blocks: Signal<readonly IRtMarkdownBlockNode[]> = computed((): readonly IRtMarkdownBlockNode[] =>\n        parseMarkdown(this.text())\n    );\n\n    public readonly text: InputSignal<string | null> = input.required<string | null>();\n}\n","<ng-container rtBlock=\"rt-markdown-text\">\n    @for (item of blocks(); track $index) {\n        <ng-container *ngTemplateOutlet=\"blockTpl; context: { $implicit: item }\" />\n    }\n\n    <ng-template #blockTpl let-item>\n        @switch (item.kind) {\n            @case (blockKind.Heading) {\n                <div\n                    rtElem=\"heading\"\n                    qa-dataid=\"markdown-heading\"\n                    role=\"heading\"\n                    [attr.aria-level]=\"item.level\"\n                    [rtMod]=\"{ level: item.levelName }\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </div>\n            }\n            @case (blockKind.List) {\n                @if (item.ordered) {\n                    <ol rtElem=\"list\" qa-dataid=\"markdown-list\" [rtMod]=\"{ ordered: true }\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ol>\n                } @else {\n                    <ul rtElem=\"list\" qa-dataid=\"markdown-list\">\n                        <ng-container *ngTemplateOutlet=\"itemsTpl; context: { $implicit: item.items }\" />\n                    </ul>\n                }\n            }\n            @case (blockKind.Quote) {\n                <blockquote rtElem=\"quote\" qa-dataid=\"markdown-quote\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </blockquote>\n            }\n            @case (blockKind.Code) {\n                <pre rtElem=\"code\" qa-dataid=\"markdown-code\"><code>{{ item.code }}</code></pre>\n            }\n            @case (blockKind.Table) {\n                <ng-container *ngTemplateOutlet=\"tableTpl; context: { $implicit: item }\" />\n            }\n            @default {\n                <p rtElem=\"paragraph\" qa-dataid=\"markdown-paragraph\">\n                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: item.content }\" />\n                </p>\n            }\n        }\n    </ng-template>\n\n    <ng-template #itemsTpl let-items>\n        @for (point of items; track $index) {\n            <li rtElem=\"item\" qa-dataid=\"markdown-item\" [rtMod]=\"{ level: point.levelName }\">\n                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: point.content }\" />\n            </li>\n        }\n    </ng-template>\n\n    <ng-template #tableTpl let-item>\n        <div rtElem=\"table-scroll\" qa-dataid=\"markdown-table-scroll\">\n            <table rtElem=\"table\" qa-dataid=\"markdown-table\">\n                <thead>\n                    <tr>\n                        @for (cell of item.head; track $index) {\n                            <th rtElem=\"head-cell\" qa-dataid=\"markdown-head-cell\">\n                                <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                            </th>\n                        }\n                    </tr>\n                </thead>\n                <tbody>\n                    @for (row of item.rows; track $index) {\n                        <tr>\n                            @for (cell of row; track $index) {\n                                <td rtElem=\"cell\" qa-dataid=\"markdown-cell\">\n                                    <ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: cell }\" />\n                                </td>\n                            }\n                        </tr>\n                    }\n                </tbody>\n            </table>\n        </div>\n    </ng-template>\n\n    <!--\n        Ветки шаблона кусков пишутся без переносов, а форматтер отключён для них нарочно: перенос\n        строки в разметке становится пробелом, и размеченный кусок отъезжает от соседнего знака —\n        «жирно , а рядом».\n    -->\n    <!-- prettier-ignore -->\n    <ng-template #inlineTpl let-nodes>@for (node of nodes; track $index) {@switch (node.kind) {@case (inlineKind.Strong) {<strong rtElem=\"strong\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></strong>}@case (inlineKind.Emphasis) {<em rtElem=\"emphasis\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></em>}@case (inlineKind.Strike) {<s rtElem=\"strike\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></s>}@case (inlineKind.Code) {<code rtElem=\"code-inline\" qa-dataid=\"markdown-code-inline\">{{ node.text }}</code>}@case (inlineKind.Link) {<a rtElem=\"link\" qa-dataid=\"markdown-link\" rel=\"noopener noreferrer\" target=\"_blank\" [href]=\"node.href\"><ng-container *ngTemplateOutlet=\"inlineTpl; context: { $implicit: node.children }\" /></a>}@case (inlineKind.Break) {<br />}@default {{{ node.text }}}}}</ng-template>\n</ng-container>\n"],"mappings":";;;;;;;AASA,MAAM,YAAoB;AAiC1B,IAAa,0BAAb,MAAa,wBAAuB;CAlBpC,cAAA;EAoBuB,KAAA,YAAqC;EAGrC,KAAA,aAAuC;EAEvC,KAAA,SAAkD,eACjE,cAAc,KAAK,KAAI,CAAE,GAC5B,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;EAEe,KAAA,OAAmC,MAAM,SAAyB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CACrF;CAZY;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,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA,EAAA;GAAA,MAAA,EAAA,gBAAA,mBAAA;GAAA,gBAAA,CAAA;IAAA,WAAA,GAAA;IAAA,QAAA,CAAA,UAAA,QAAA;GAAA,CAAA;GAAA,UAAA;GAAA,UC1CpC;GA0FA,QAAA,CAAA,gyGAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD1DQ;KAAc,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACd;KAAa,UAAA;KAAA,QAAA,CAAA,OAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACb;KAAY,UAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MACZ;KAAgB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAOX,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EAlBnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAkB,iBAGX,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;IACA;GACH;GAAA,gBACe,CAAC;IAAE,WAAW;IAAmB,QAAQ,CAAC,QAAQ;GAAC,CAAE;GAAC,MAChE,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,gyGAAA;EAAA,CAAA"}