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

package/fesm2022/rt-tools-ui-kit-v2-delta-view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-delta-view.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/delta-view/rt-delta-view.component.ts","../../../projects/ui-kit-v2/src/lib/components/delta-view/rt-tools-ui-kit-v2-delta-view.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, InputSignal, ViewEncapsulation } from '@angular/core';\n\nimport { IQuillDelta, IQuillDeltaAttributes } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-delta-view';\n\n/** Inline-атрибут → оборачивающий тег. Порядок задаёт вложенность обёрток. */\nconst INLINE_TAGS: ReadonlyArray<[keyof IQuillDeltaAttributes, string]> = [\n    ['bold', 'strong'],\n    ['italic', 'em'],\n    ['underline', 'u'],\n    ['strike', 's'],\n];\n\n/** Одна строка треда: накопленные inline-узлы + атрибуты завершающего перевода строки. */\ninterface IDeltaLine {\n    nodes: Node[];\n    attrs?: IQuillDeltaAttributes;\n}\n\n/**\n * Безопасный рендер Quill delta: обход ops со сборкой DOM через нативный API\n * (`createElement`/`createTextNode` — текст экранируется автоматически). Никакого\n * `innerHTML`: содержимое `insert` — произвольный пользовательский текст. Блочные\n * атрибуты (list/header/blockquote/code-block) Quill вешает на op перевода строки —\n * накопленный inline-буфер закрывается этим блоком.\n */\n@Component({\n    selector: 'rt-delta-view',\n    template: '',\n    styleUrl: './rt-delta-view.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDeltaViewComponent {\n    readonly #doc: Document = inject(DOCUMENT);\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n\n    public readonly delta: InputSignal<IQuillDelta | null> = input<IQuillDelta | null>(null);\n\n    constructor() {\n        effect((): void => {\n            const value: IQuillDelta | null = this.delta();\n            const host: HTMLElement = this.#host.nativeElement;\n            host.textContent = '';\n            if (value !== null) {\n                host.appendChild(this.#build(value));\n            }\n        });\n    }\n\n    /** Собирает фрагмент из строк delta, группируя подряд идущие list-элементы. */\n    #build(delta: IQuillDelta): DocumentFragment {\n        const fragment: DocumentFragment = this.#doc.createDocumentFragment();\n        let list: HTMLElement | null = null;\n        for (const line of this.#splitLines(delta)) {\n            const listType: 'ordered' | 'bullet' | undefined = line.attrs?.list;\n            if (listType !== undefined) {\n                list = this.#appendListItem(fragment, list, line, listType);\n                continue;\n            }\n            list = null;\n            fragment.appendChild(this.#blockElement(line));\n        }\n        return fragment;\n    }\n\n    /** Разбивает ops на строки по `\\n`: inline-текст копится, `\\n` закрывает строку. */\n    #splitLines(delta: IQuillDelta): IDeltaLine[] {\n        const lines: IDeltaLine[] = [];\n        let buffer: Node[] = [];\n        for (const op of delta.ops) {\n            const parts: string[] = op.insert.split('\\n');\n            parts.forEach((part: string, index: number): void => {\n                if (part.length > 0) {\n                    buffer.push(this.#inlineNode(part, op.attributes));\n                }\n                if (index < parts.length - 1) {\n                    lines.push({ nodes: buffer, attrs: op.attributes });\n                    buffer = [];\n                }\n            });\n        }\n        if (buffer.length > 0) {\n            lines.push({ nodes: buffer });\n        }\n        return lines;\n    }\n\n    /** Текстовый узел, обёрнутый в inline-теги по whitelist-атрибутам. */\n    #inlineNode(text: string, attrs: IQuillDeltaAttributes | undefined): Node {\n        let node: Node = this.#doc.createTextNode(text);\n        for (const [attr, tag] of INLINE_TAGS) {\n            if (attrs?.[attr] === true) {\n                const wrapper: HTMLElement = this.#doc.createElement(tag);\n                wrapper.appendChild(node);\n                node = wrapper;\n            }\n        }\n        return node;\n    }\n\n    /** Блочный элемент строки (header/blockquote/code-block/абзац). */\n    #blockElement(line: IDeltaLine): HTMLElement {\n        if (line.attrs?.['code-block'] === true) {\n            const pre: HTMLElement = this.#doc.createElement('pre');\n            const code: HTMLElement = this.#doc.createElement('code');\n            this.#fill(code, line.nodes);\n            pre.appendChild(code);\n            return pre;\n        }\n        const element: HTMLElement = this.#doc.createElement(this.#blockTag(line.attrs));\n        this.#fill(element, line.nodes);\n        return element;\n    }\n\n    /** Тег блока по whitelist-атрибутам перевода строки. */\n    #blockTag(attrs: IQuillDeltaAttributes | undefined): string {\n        if (attrs?.header !== undefined) {\n            return `h${attrs.header}`;\n        }\n        if (attrs?.blockquote === true) {\n            return 'blockquote';\n        }\n        return 'p';\n    }\n\n    /** Обеспечивает список нужного типа и добавляет в него элемент строки. */\n    #appendListItem(\n        fragment: DocumentFragment,\n        current: HTMLElement | null,\n        line: IDeltaLine,\n        listType: 'ordered' | 'bullet'\n    ): HTMLElement {\n        const tag: string = listType === 'ordered' ? 'ol' : 'ul';\n        let list: HTMLElement | null = current;\n        if (list === null || list.tagName.toLowerCase() !== tag) {\n            list = this.#doc.createElement(tag);\n            fragment.appendChild(list);\n        }\n        const item: HTMLElement = this.#doc.createElement('li');\n        this.#fill(item, line.nodes);\n        list.appendChild(item);\n        return list;\n    }\n\n    #fill(element: HTMLElement, nodes: Node[]): void {\n        for (const node of nodes) {\n            element.appendChild(node);\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAKA,MAAM,SAAS,GAAW,eAAe;AAEzC;AACA,MAAM,WAAW,GAAyD;IACtE,CAAC,MAAM,EAAE,QAAQ,CAAC;IAClB,CAAC,QAAQ,EAAE,IAAI,CAAC;IAChB,CAAC,WAAW,EAAE,GAAG,CAAC;IAClB,CAAC,QAAQ,EAAE,GAAG,CAAC;CAClB;AAQD;;;;;;AAMG;MAWU,oBAAoB,CAAA;AACpB,IAAA,IAAI;AACJ,IAAA,KAAK;AAId,IAAA,WAAA,GAAA;AALS,QAAA,IAAA,CAAA,IAAI,GAAa,MAAM,CAAC,QAAQ,CAAC;AACjC,QAAA,IAAA,CAAA,KAAK,GAA4B,MAAM,CAAC,UAAU,CAAC;QAE5C,IAAA,CAAA,KAAK,GAAoC,KAAK,CAAqB,IAAI;kFAAC;QAGpF,MAAM,CAAC,MAAW;AACd,YAAA,MAAM,KAAK,GAAuB,IAAI,CAAC,KAAK,EAAE;AAC9C,YAAA,MAAM,IAAI,GAAgB,IAAI,CAAC,KAAK,CAAC,aAAa;AAClD,YAAA,IAAI,CAAC,WAAW,GAAG,EAAE;AACrB,YAAA,IAAI,KAAK,KAAK,IAAI,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YACxC;AACJ,QAAA,CAAC,CAAC;IACN;;AAGA,IAAA,MAAM,CAAC,KAAkB,EAAA;QACrB,MAAM,QAAQ,GAAqB,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE;QACrE,IAAI,IAAI,GAAuB,IAAI;QACnC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE;AACxC,YAAA,MAAM,QAAQ,GAAqC,IAAI,CAAC,KAAK,EAAE,IAAI;AACnE,YAAA,IAAI,QAAQ,KAAK,SAAS,EAAE;AACxB,gBAAA,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC;gBAC3D;YACJ;YACA,IAAI,GAAG,IAAI;YACX,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAClD;AACA,QAAA,OAAO,QAAQ;IACnB;;AAGA,IAAA,WAAW,CAAC,KAAkB,EAAA;QAC1B,MAAM,KAAK,GAAiB,EAAE;QAC9B,IAAI,MAAM,GAAW,EAAE;AACvB,QAAA,KAAK,MAAM,EAAE,IAAI,KAAK,CAAC,GAAG,EAAE;YACxB,MAAM,KAAK,GAAa,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;YAC7C,KAAK,CAAC,OAAO,CAAC,CAAC,IAAY,EAAE,KAAa,KAAU;AAChD,gBAAA,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AACjB,oBAAA,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC;gBACtD;gBACA,IAAI,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AAC1B,oBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,EAAE,CAAC;oBACnD,MAAM,GAAG,EAAE;gBACf;AACJ,YAAA,CAAC,CAAC;QACN;AACA,QAAA,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QACjC;AACA,QAAA,OAAO,KAAK;IAChB;;IAGA,WAAW,CAAC,IAAY,EAAE,KAAwC,EAAA;QAC9D,IAAI,IAAI,GAAS,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QAC/C,KAAK,MAAM,CAAC,IAAI,EAAE,GAAG,CAAC,IAAI,WAAW,EAAE;YACnC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;gBACxB,MAAM,OAAO,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AACzD,gBAAA,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;gBACzB,IAAI,GAAG,OAAO;YAClB;QACJ;AACA,QAAA,OAAO,IAAI;IACf;;AAGA,IAAA,aAAa,CAAC,IAAgB,EAAA;QAC1B,IAAI,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,IAAI,EAAE;YACrC,MAAM,GAAG,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;YACvD,MAAM,IAAI,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC;YACzD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC5B,YAAA,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC;AACrB,YAAA,OAAO,GAAG;QACd;AACA,QAAA,MAAM,OAAO,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChF,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC;AAC/B,QAAA,OAAO,OAAO;IAClB;;AAGA,IAAA,SAAS,CAAC,KAAwC,EAAA;AAC9C,QAAA,IAAI,KAAK,EAAE,MAAM,KAAK,SAAS,EAAE;AAC7B,YAAA,OAAO,CAAA,CAAA,EAAI,KAAK,CAAC,MAAM,EAAE;QAC7B;AACA,QAAA,IAAI,KAAK,EAAE,UAAU,KAAK,IAAI,EAAE;AAC5B,YAAA,OAAO,YAAY;QACvB;AACA,QAAA,OAAO,GAAG;IACd;;AAGA,IAAA,eAAe,CACX,QAA0B,EAC1B,OAA2B,EAC3B,IAAgB,EAChB,QAA8B,EAAA;AAE9B,QAAA,MAAM,GAAG,GAAW,QAAQ,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI;QACxD,IAAI,IAAI,GAAuB,OAAO;AACtC,QAAA,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE;YACrD,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC;AACnC,YAAA,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC;QAC9B;QACA,MAAM,IAAI,GAAgB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;QACvD,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACtB,QAAA,OAAO,IAAI;IACf;IAEA,KAAK,CAAC,OAAoB,EAAE,KAAa,EAAA;AACrC,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACtB,YAAA,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC;QAC7B;IACJ;8GApHS,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,wPARnB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+gBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQH,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;+BACI,eAAe,EAAA,QAAA,EACf,EAAE,EAAA,eAAA,EAEK,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACF,wBAAA,KAAK,EAAE,SAAS;AACnB,qBAAA,EAAA,MAAA,EAAA,CAAA,+gBAAA,CAAA,EAAA;;;ACpCL;;AAEG;;;;"}
+{"version":3,"file":"rt-tools-ui-kit-v2-delta-view.mjs","names":[],"sources":["../../../projects/ui-kit-v2/src/lib/components/delta-view/rt-delta-view.component.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, effect, ElementRef, inject, input, InputSignal, ViewEncapsulation } from '@angular/core';\n\nimport { IQuillDelta, IQuillDeltaAttributes } from '@rt-tools/ui-kit-v2/core';\n\nconst BEM_BLOCK: string = 'rt-delta-view';\n\n/** Inline-атрибут → оборачивающий тег. Порядок задаёт вложенность обёрток. */\nconst INLINE_TAGS: ReadonlyArray<[keyof IQuillDeltaAttributes, string]> = [\n    ['bold', 'strong'],\n    ['italic', 'em'],\n    ['underline', 'u'],\n    ['strike', 's'],\n];\n\n/** Одна строка треда: накопленные inline-узлы + атрибуты завершающего перевода строки. */\ninterface IDeltaLine {\n    nodes: Node[];\n    attrs?: IQuillDeltaAttributes;\n}\n\n/**\n * Безопасный рендер Quill delta: обход ops со сборкой DOM через нативный API\n * (`createElement`/`createTextNode` — текст экранируется автоматически). Никакого\n * `innerHTML`: содержимое `insert` — произвольный пользовательский текст. Блочные\n * атрибуты (list/header/blockquote/code-block) Quill вешает на op перевода строки —\n * накопленный inline-буфер закрывается этим блоком.\n */\n@Component({\n    selector: 'rt-delta-view',\n    template: '',\n    styleUrl: './rt-delta-view.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDeltaViewComponent {\n    readonly #doc: Document = inject(DOCUMENT);\n    readonly #host: ElementRef<HTMLElement> = inject(ElementRef);\n\n    public readonly delta: InputSignal<IQuillDelta | null> = input<IQuillDelta | null>(null);\n\n    constructor() {\n        effect((): void => {\n            const value: IQuillDelta | null = this.delta();\n            const host: HTMLElement = this.#host.nativeElement;\n            host.textContent = '';\n            if (value !== null) {\n                host.appendChild(this.#build(value));\n            }\n        });\n    }\n\n    /** Собирает фрагмент из строк delta, группируя подряд идущие list-элементы. */\n    #build(delta: IQuillDelta): DocumentFragment {\n        const fragment: DocumentFragment = this.#doc.createDocumentFragment();\n        let list: HTMLElement | null = null;\n        for (const line of this.#splitLines(delta)) {\n            const listType: 'ordered' | 'bullet' | undefined = line.attrs?.list;\n            if (listType !== undefined) {\n                list = this.#appendListItem(fragment, list, line, listType);\n                continue;\n            }\n            list = null;\n            fragment.appendChild(this.#blockElement(line));\n        }\n        return fragment;\n    }\n\n    /** Разбивает ops на строки по `\\n`: inline-текст копится, `\\n` закрывает строку. */\n    #splitLines(delta: IQuillDelta): IDeltaLine[] {\n        const lines: IDeltaLine[] = [];\n        let buffer: Node[] = [];\n        for (const op of delta.ops) {\n            const parts: string[] = op.insert.split('\\n');\n            parts.forEach((part: string, index: number): void => {\n                if (part.length > 0) {\n                    buffer.push(this.#inlineNode(part, op.attributes));\n                }\n                if (index < parts.length - 1) {\n                    lines.push({ nodes: buffer, attrs: op.attributes });\n                    buffer = [];\n                }\n            });\n        }\n        if (buffer.length > 0) {\n            lines.push({ nodes: buffer });\n        }\n        return lines;\n    }\n\n    /** Текстовый узел, обёрнутый в inline-теги по whitelist-атрибутам. */\n    #inlineNode(text: string, attrs: IQuillDeltaAttributes | undefined): Node {\n        let node: Node = this.#doc.createTextNode(text);\n        for (const [attr, tag] of INLINE_TAGS) {\n            if (attrs?.[attr] === true) {\n                const wrapper: HTMLElement = this.#doc.createElement(tag);\n                wrapper.appendChild(node);\n                node = wrapper;\n            }\n        }\n        return node;\n    }\n\n    /** Блочный элемент строки (header/blockquote/code-block/абзац). */\n    #blockElement(line: IDeltaLine): HTMLElement {\n        if (line.attrs?.['code-block'] === true) {\n            const pre: HTMLElement = this.#doc.createElement('pre');\n            const code: HTMLElement = this.#doc.createElement('code');\n            this.#fill(code, line.nodes);\n            pre.appendChild(code);\n            return pre;\n        }\n        const element: HTMLElement = this.#doc.createElement(this.#blockTag(line.attrs));\n        this.#fill(element, line.nodes);\n        return element;\n    }\n\n    /** Тег блока по whitelist-атрибутам перевода строки. */\n    #blockTag(attrs: IQuillDeltaAttributes | undefined): string {\n        if (attrs?.header !== undefined) {\n            return `h${attrs.header}`;\n        }\n        if (attrs?.blockquote === true) {\n            return 'blockquote';\n        }\n        return 'p';\n    }\n\n    /** Обеспечивает список нужного типа и добавляет в него элемент строки. */\n    #appendListItem(\n        fragment: DocumentFragment,\n        current: HTMLElement | null,\n        line: IDeltaLine,\n        listType: 'ordered' | 'bullet'\n    ): HTMLElement {\n        const tag: string = listType === 'ordered' ? 'ol' : 'ul';\n        let list: HTMLElement | null = current;\n        if (list === null || list.tagName.toLowerCase() !== tag) {\n            list = this.#doc.createElement(tag);\n            fragment.appendChild(list);\n        }\n        const item: HTMLElement = this.#doc.createElement('li');\n        this.#fill(item, line.nodes);\n        list.appendChild(item);\n        return list;\n    }\n\n    #fill(element: HTMLElement, nodes: Node[]): void {\n        for (const node of nodes) {\n            element.appendChild(node);\n        }\n    }\n}\n"],"mappings":"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"}

package/fesm2022/rt-tools-ui-kit-v2-detail-list.mjs

@@ -1,68 +1,178 @@
-import * as i0 from '@angular/core';
-import { ViewEncapsulation, ChangeDetectionStrategy, Component, input, booleanAttribute } from '@angular/core';
-import { BlockDirective, ElemDirective } from '@rt-tools/core';
-import { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';
-
-const BEM_BLOCK$1 = 'rt-detail-list';
-/**
- * Контейнер для стопки `rt-detail-row` — задаёт единый вертикальный gap между
- * строками «лейбл + значение». Используется в read-only details-панелях асайдов
- * (детали заявки, профиля) вместо самопальных `div`-обёрток.
- *
- * Контент — только `rt-detail-row` через проекцию.
- */
-class RtDetailListComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDetailListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.6", type: RtDetailListComponent, isStandalone: true, selector: "rt-detail-list", host: { classAttribute: "rt-detail-list" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-detail-list\">\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-list{display:flex;flex-direction:column;gap:var(--rt-space-md)}}\n"], dependencies: [{ kind: "directive", type: 
-                // standalone components / directives
-                BlockDirective, selector: "[rtBlock]", inputs: ["rtMod"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDetailListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-detail-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        BlockDirective,
-                    ], host: {
-                        class: BEM_BLOCK$1,
-                    }, template: "<ng-container rtBlock=\"rt-detail-list\">\n    <ng-content />\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-list{display:flex;flex-direction:column;gap:var(--rt-space-md)}}\n"] }]
-        }] });
-
-const BEM_BLOCK = 'rt-detail-row';
-/**
- * Одна read-only строка «лейбл + значение» в stacked-раскладке: приглушённый
- * лейбл сверху, значение снизу. Единый паттерн info-строки для всех асайдов
- * (раньше — пять разных реализаций).
- *
- * Значение проецируется через `<ng-content>` — допустим текст, дата через pipe
- * или `rt-tag`. При `[loading]="true"` значение замещается скелетоном (потребитель
- * не оборачивает `rt-skeleton-wrapper` вручную).
- */
-class RtDetailRowComponent {
-    constructor() {
-        this.label = input('', /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-        this.loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: RtDetailRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: RtDetailRowComponent, isStandalone: true, selector: "rt-detail-row", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "rt-detail-row" }, ngImport: i0, template: "<ng-container rtBlock=\"rt-detail-row\">\n    <span rtElem=\"label\" qa-dataid=\"detail-row-label\">{{ label() }}</span>\n    <div rtElem=\"value\" qa-dataid=\"detail-row-value\">\n        <rt-skeleton-wrapper width=\"180px\" height=\"16px\" [isLoading]=\"loading()\">\n            <ng-content />\n        </rt-skeleton-wrapper>\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-row{display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-detail-row__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight)}.rt-detail-row__value{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}}\n"], dependencies: [{ kind: "component", type: 
-                // standalone components / directives
-                RtSkeletonWrapperComponent, selector: "rt-skeleton-wrapper", inputs: ["width", "height", "shape", "size", "radius", "animation", "isLoading"] }, { 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: RtDetailRowComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'rt-detail-row', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
-                        // standalone components / directives
-                        RtSkeletonWrapperComponent,
-                        BlockDirective,
-                        ElemDirective,
-                    ], host: {
-                        class: BEM_BLOCK,
-                    }, template: "<ng-container rtBlock=\"rt-detail-row\">\n    <span rtElem=\"label\" qa-dataid=\"detail-row-label\">{{ label() }}</span>\n    <div rtElem=\"value\" qa-dataid=\"detail-row-value\">\n        <rt-skeleton-wrapper width=\"180px\" height=\"16px\" [isLoading]=\"loading()\">\n            <ng-content />\n        </rt-skeleton-wrapper>\n    </div>\n</ng-container>\n", styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-row{display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-detail-row__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight)}.rt-detail-row__value{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}}\n"] }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ViewEncapsulation, booleanAttribute, input } from "@angular/core";
+import { BlockDirective, ElemDirective } from "@rt-tools/core";
+import { RtSkeletonWrapperComponent } from "@rt-tools/ui-kit-v2/skeleton-wrapper";
+const BEM_BLOCK$1 = "rt-detail-list";
+var RtDetailListComponent = class RtDetailListComponent {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtDetailListComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			type: RtDetailListComponent,
+			isStandalone: true,
+			selector: "rt-detail-list",
+			host: { classAttribute: "rt-detail-list" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-detail-list\">\n    <ng-content />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-list{display:flex;flex-direction:column;gap:var(--rt-space-md)}}\n"],
+			dependencies: [{
+				kind: "directive",
+				type: BlockDirective,
+				selector: "[rtBlock]",
+				inputs: ["rtMod"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RtDetailListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-detail-list",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [BlockDirective],
+			host: { class: BEM_BLOCK$1 },
+			template: "<ng-container rtBlock=\"rt-detail-list\">\n    <ng-content />\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-list{display:flex;flex-direction:column;gap:var(--rt-space-md)}}\n"]
+		}]
+	}]
+});
+const BEM_BLOCK = "rt-detail-row";
+var RtDetailRowComponent = class RtDetailRowComponent {
+	constructor() {
+		this.label = input("", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+		this.loading = input(false, {
+			...ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {},
+			transform: booleanAttribute
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: RtDetailRowComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.1.0",
+			version: "22.2.2",
+			type: RtDetailRowComponent,
+			isStandalone: true,
+			selector: "rt-detail-row",
+			inputs: {
+				label: {
+					classPropertyName: "label",
+					publicName: "label",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				},
+				loading: {
+					classPropertyName: "loading",
+					publicName: "loading",
+					isSignal: true,
+					isRequired: false,
+					transformFunction: null
+				}
+			},
+			host: { classAttribute: "rt-detail-row" },
+			ngImport: i0,
+			template: "<ng-container rtBlock=\"rt-detail-row\">\n    <span rtElem=\"label\" qa-dataid=\"detail-row-label\">{{ label() }}</span>\n    <div rtElem=\"value\" qa-dataid=\"detail-row-value\">\n        <rt-skeleton-wrapper width=\"180px\" height=\"16px\" [isLoading]=\"loading()\">\n            <ng-content />\n        </rt-skeleton-wrapper>\n    </div>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-row{display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-detail-row__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight)}.rt-detail-row__value{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}}\n"],
+			dependencies: [
+				{
+					kind: "component",
+					type: RtSkeletonWrapperComponent,
+					selector: "rt-skeleton-wrapper",
+					inputs: [
+						"width",
+						"height",
+						"shape",
+						"size",
+						"radius",
+						"animation",
+						"isLoading"
+					]
+				},
+				{
+					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: RtDetailRowComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "rt-detail-row",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			imports: [
+				RtSkeletonWrapperComponent,
+				BlockDirective,
+				ElemDirective
+			],
+			host: { class: BEM_BLOCK },
+			template: "<ng-container rtBlock=\"rt-detail-row\">\n    <span rtElem=\"label\" qa-dataid=\"detail-row-label\">{{ label() }}</span>\n    <div rtElem=\"value\" qa-dataid=\"detail-row-value\">\n        <rt-skeleton-wrapper width=\"180px\" height=\"16px\" [isLoading]=\"loading()\">\n            <ng-content />\n        </rt-skeleton-wrapper>\n    </div>\n</ng-container>\n",
+			styles: ["@charset \"UTF-8\";@layer rt-kit.components{.rt-detail-row{display:flex;flex-direction:column;gap:var(--rt-field-gap)}.rt-detail-row__label{color:var(--rt-field-label-color);font-size:var(--rt-field-label-font-size);font-weight:var(--rt-field-label-font-weight)}.rt-detail-row__value{color:var(--rt-field-value-color);font-size:var(--rt-field-value-font-size)}}\n"]
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}]
+	}
+});
 export { RtDetailListComponent, RtDetailRowComponent };
-//# sourceMappingURL=rt-tools-ui-kit-v2-detail-list.mjs.map
+
+//# sourceMappingURL=rt-tools-ui-kit-v2-detail-list.mjs.map

package/fesm2022/rt-tools-ui-kit-v2-detail-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rt-tools-ui-kit-v2-detail-list.mjs","sources":["../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-list.component.ts","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-list.component.html","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-row.component.ts","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-row.component.html","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-tools-ui-kit-v2-detail-list.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-detail-list';\n\n/**\n * Контейнер для стопки `rt-detail-row` — задаёт единый вертикальный gap между\n * строками «лейбл + значение». Используется в read-only details-панелях асайдов\n * (детали заявки, профиля) вместо самопальных `div`-обёрток.\n *\n * Контент — только `rt-detail-row` через проекцию.\n */\n@Component({\n    selector: 'rt-detail-list',\n    templateUrl: './rt-detail-list.component.html',\n    styleUrl: './rt-detail-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDetailListComponent {}\n","<ng-container rtBlock=\"rt-detail-list\">\n    <ng-content />\n</ng-container>\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\n\nconst BEM_BLOCK: string = 'rt-detail-row';\n\n/**\n * Одна read-only строка «лейбл + значение» в stacked-раскладке: приглушённый\n * лейбл сверху, значение снизу. Единый паттерн info-строки для всех асайдов\n * (раньше — пять разных реализаций).\n *\n * Значение проецируется через `<ng-content>` — допустим текст, дата через pipe\n * или `rt-tag`. При `[loading]=\"true\"` значение замещается скелетоном (потребитель\n * не оборачивает `rt-skeleton-wrapper` вручную).\n */\n@Component({\n    selector: 'rt-detail-row',\n    templateUrl: './rt-detail-row.component.html',\n    styleUrl: './rt-detail-row.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDetailRowComponent {\n    public readonly label: InputSignal<string> = input<string>('');\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<ng-container rtBlock=\"rt-detail-row\">\n    <span rtElem=\"label\" qa-dataid=\"detail-row-label\">{{ label() }}</span>\n    <div rtElem=\"value\" qa-dataid=\"detail-row-value\">\n        <rt-skeleton-wrapper width=\"180px\" height=\"16px\" [isLoading]=\"loading()\">\n            <ng-content />\n        </rt-skeleton-wrapper>\n    </div>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["BEM_BLOCK"],"mappings":"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"}
+{"version":3,"file":"rt-tools-ui-kit-v2-detail-list.mjs","names":["BEM_BLOCK"],"sources":["../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-list.component.ts","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-list.component.html","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-row.component.ts","../../../projects/ui-kit-v2/src/lib/components/detail-list/rt-detail-row.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\nimport { BlockDirective } from '@rt-tools/core';\n\nconst BEM_BLOCK: string = 'rt-detail-list';\n\n/**\n * Контейнер для стопки `rt-detail-row` — задаёт единый вертикальный gap между\n * строками «лейбл + значение». Используется в read-only details-панелях асайдов\n * (детали заявки, профиля) вместо самопальных `div`-обёрток.\n *\n * Контент — только `rt-detail-row` через проекцию.\n */\n@Component({\n    selector: 'rt-detail-list',\n    templateUrl: './rt-detail-list.component.html',\n    styleUrl: './rt-detail-list.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        BlockDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDetailListComponent {}\n","<ng-container rtBlock=\"rt-detail-list\">\n    <ng-content />\n</ng-container>\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    input,\n    InputSignal,\n    InputSignalWithTransform,\n    ViewEncapsulation,\n} from '@angular/core';\n\nimport { BlockDirective, ElemDirective } from '@rt-tools/core';\n\nimport { RtSkeletonWrapperComponent } from '@rt-tools/ui-kit-v2/skeleton-wrapper';\n\nconst BEM_BLOCK: string = 'rt-detail-row';\n\n/**\n * Одна read-only строка «лейбл + значение» в stacked-раскладке: приглушённый\n * лейбл сверху, значение снизу. Единый паттерн info-строки для всех асайдов\n * (раньше — пять разных реализаций).\n *\n * Значение проецируется через `<ng-content>` — допустим текст, дата через pipe\n * или `rt-tag`. При `[loading]=\"true\"` значение замещается скелетоном (потребитель\n * не оборачивает `rt-skeleton-wrapper` вручную).\n */\n@Component({\n    selector: 'rt-detail-row',\n    templateUrl: './rt-detail-row.component.html',\n    styleUrl: './rt-detail-row.component.scss',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        // standalone components / directives\n        RtSkeletonWrapperComponent,\n        BlockDirective,\n        ElemDirective,\n    ],\n    host: {\n        class: BEM_BLOCK,\n    },\n})\nexport class RtDetailRowComponent {\n    public readonly label: InputSignal<string> = input<string>('');\n\n    public readonly loading: InputSignalWithTransform<boolean, BooleanInput> = input<boolean, BooleanInput>(false, {\n        transform: booleanAttribute,\n    });\n}\n","<ng-container rtBlock=\"rt-detail-row\">\n    <span rtElem=\"label\" qa-dataid=\"detail-row-label\">{{ label() }}</span>\n    <div rtElem=\"value\" qa-dataid=\"detail-row-value\">\n        <rt-skeleton-wrapper width=\"180px\" height=\"16px\" [isLoading]=\"loading()\">\n            <ng-content />\n        </rt-skeleton-wrapper>\n    </div>\n</ng-container>\n"],"mappings":";;;;AAIA,MAAMA,cAAoB;AAuB1B,IAAa,wBAAb,MAAa,sBAAqB;CAArB;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAqB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAArB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAqB,cAAA;GAAA,UAAA;GAAA,MAAA,EAAA,gBAAA,iBAAA;GAAA,UAAA;GAAA,UC3BlC;GAGA,QAAA,CAAA,2HAAA;GAAA,cAAA,CAAA;IAAA,MAAA;IAAA,MDkBQ;IAAc,UAAA;IAAA,QAAA,CAAA,OAAA;GAAA,CAAA;GAAA,iBAAA,GAAA,wBAAA;GAAA,eAAA,GAAA,kBAAA;EAAA,CAAA;CAAA;;AAMT,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAqB,YAAA,CAAA;EAdjC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAgB,iBAGT,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B,CAEL,cACH;GAAA,MACK,EACF,OAAOA,YACV;GAAA,UAAA;GAAA,QAAA,CAAA,2HAAA;EAAA,CAAA;;;AEVL,MAAM,YAAoB;AA2B1B,IAAa,uBAAb,MAAa,qBAAoB;CAhBjC,cAAA;EAiBoB,KAAA,QAA6B,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;EAE9C,KAAA,UAA2D,MAA6B,OAAK;GAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;GACzG,WAAW;EAAgB,CAAA;CAElC;CANY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAoB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAApB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAoB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;IAAA,SAAA;KAAA,mBAAA;KAAA,YAAA;KAAA,UAAA;KAAA,YAAA;KAAA,mBAAA;IAAA;GAAA;GAAA,MAAA,EAAA,gBAAA,gBAAA;GAAA,UAAA;GAAA,UC1CjC;GAQA,QAAA,CAAA,6WAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MD0BQ;KAA0B,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAC1B;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;CAAoB,YAAA,CAAA;EAhBhC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAe,iBAGR,wBAAwB;GAAM,eAChC,kBAAkB;GAAI,SAC5B;IAEL;IACA;IACA;GACH;GAAA,MACK,EACF,OAAO,UACV;GAAA,UAAA;GAAA,QAAA,CAAA,6WAAA;EAAA,CAAA"}