@dotcms/angular/fesm2022/dotcms-angular.mjs.map

Official Angular Components library to render a dotCMS page.

{"version":3,"file":"dotcms-angular.mjs","sources":["../../../../../libs/sdk/angular/src/lib/components/dot-editable-text/utils.ts","../../../../../libs/sdk/angular/src/lib/components/dot-editable-text/dot-editable-text.component.ts","../../../../../libs/sdk/angular/src/lib/components/dot-editable-text/dot-editable-text.component.html","../../../../../libs/sdk/angular/src/lib/services/dotcms-context/page-context.service.ts","../../../../../libs/sdk/angular/src/lib/utils/index.ts","../../../../../libs/sdk/angular/src/lib/components/no-component/no-component.component.ts","../../../../../libs/sdk/angular/src/lib/layout/contentlet/contentlet.component.ts","../../../../../libs/sdk/angular/src/lib/layout/container/container.component.ts","../../../../../libs/sdk/angular/src/lib/layout/container/container.component.html","../../../../../libs/sdk/angular/src/lib/layout/column/column.component.ts","../../../../../libs/sdk/angular/src/lib/layout/row/row.component.ts","../../../../../libs/sdk/angular/src/lib/layout/dotcms-layout/dotcms-layout.component.ts","../../../../../libs/sdk/angular/src/lib/models/dotcms.model.ts","../../../../../libs/sdk/angular/src/lib/models/index.ts","../../../../../libs/sdk/angular/src/dotcms-angular.ts"],"sourcesContent":["import { EditorComponent } from '@tinymce/tinymce-angular';\n\nexport type DOT_EDITABLE_TEXT_MODE = 'minimal' | 'full' | 'plain';\n\nexport type DOT_EDITABLE_TEXT_FORMAT = 'html' | 'text';\n\nconst DEFAULT_TINYMCE_CONFIG: EditorComponent['init'] = {\n    menubar: false,\n    inline: true,\n    valid_styles: {\n        '*': 'font-size,font-family,color,text-decoration,text-align'\n    },\n    powerpaste_word_import: 'clean',\n    powerpaste_html_import: 'clean',\n    suffix: '.min', // Suffix to use when loading resources\n    license_key: 'gpl'\n};\n\nexport const TINYMCE_CONFIG: {\n    [key in DOT_EDITABLE_TEXT_MODE]: EditorComponent['init'];\n} = {\n    minimal: {\n        ...DEFAULT_TINYMCE_CONFIG,\n        plugins: 'link autolink',\n        toolbar: 'bold italic underline | link',\n        valid_elements: 'strong,em,span[style],a[href]'\n    },\n    full: {\n        ...DEFAULT_TINYMCE_CONFIG,\n        plugins: 'link lists autolink charmap',\n        style_formats: [\n            { title: 'Paragraph', format: 'p' },\n            { title: 'Header 1', format: 'h1' },\n            { title: 'Header 2', format: 'h2' },\n            { title: 'Header 3', format: 'h3' },\n            { title: 'Header 4', format: 'h4' },\n            { title: 'Header 5', format: 'h5' },\n            { title: 'Header 6', format: 'h6' },\n            { title: 'Pre', format: 'pre' },\n            { title: 'Code', format: 'code' }\n        ],\n        toolbar: [\n            'styleselect undo redo | bold italic underline | forecolor backcolor | alignleft aligncenter alignright alignfull | numlist bullist outdent indent | hr charmap removeformat | link'\n        ]\n    },\n    plain: {\n        ...DEFAULT_TINYMCE_CONFIG,\n        plugins: '',\n        toolbar: ''\n    }\n};\n","import { EditorComponent, TINYMCE_SCRIPT_SRC } from '@tinymce/tinymce-angular';\nimport { EventObj } from '@tinymce/tinymce-angular/editor/Events';\n\nimport {\n    Component,\n    ElementRef,\n    HostListener,\n    inject,\n    Input,\n    OnChanges,\n    OnInit,\n    Renderer2,\n    SecurityContext,\n    ViewChild\n} from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\nimport {\n    CLIENT_ACTIONS,\n    DotCmsClient,\n    isInsideEditor,\n    NOTIFY_CLIENT,\n    postMessageToEditor\n} from '@dotcms/client';\n\nimport { TINYMCE_CONFIG, DOT_EDITABLE_TEXT_FORMAT, DOT_EDITABLE_TEXT_MODE } from './utils';\n\nimport { DotCMSContentlet } from '../../models';\n\n/**\n * Dot editable text component.\n * This component is responsible to render a text field that can be edited inline.\n *\n * @export\n * @class DotEditableTextComponent\n * @implements {OnInit}\n * @implements {OnChanges}\n */\n@Component({\n    selector: 'dot-editable-text',\n    standalone: true,\n    templateUrl: './dot-editable-text.component.html',\n    styleUrl: './dot-editable-text.component.css',\n    imports: [EditorComponent],\n    providers: [\n        {\n            provide: TINYMCE_SCRIPT_SRC,\n            useFactory: () => {\n                return `${DotCmsClient.dotcmsUrl}/ext/tinymcev7/tinymce.min.js`;\n            }\n        }\n    ]\n})\nexport class DotEditableTextComponent implements OnInit, OnChanges {\n    @ViewChild(EditorComponent) editorComponent!: EditorComponent;\n\n    /**\n     * Represents the mode of the editor which can be `plain`, `minimal`, or `full`\n     *\n     * @type {DOT_EDITABLE_TEXT_MODE}\n     * @memberof DotEditableTextComponent\n     */\n    @Input() mode: DOT_EDITABLE_TEXT_MODE = 'plain';\n    /**\n     * Represents the format of the editor which can be `text` or `html`\n     *\n     * @type {DOT_EDITABLE_TEXT_FORMAT}\n     * @memberof DotEditableTextComponent\n     */\n    @Input() format: DOT_EDITABLE_TEXT_FORMAT = 'text';\n    /**\n     * Represents the `contentlet` that can be inline edited\n     *\n     * @type {DotCMSContentlet}\n     * @memberof DotEditableTextComponent\n     */\n    @Input() contentlet!: DotCMSContentlet;\n    /**\n     * Represents the field name of the `contentlet` that can be edited\n     *\n     * @memberof DotEditableTextComponent\n     */\n    @Input() fieldName = '';\n\n    /**\n     * Represents the content of the `contentlet` that can be edited\n     *\n     * @protected\n     * @memberof DotEditableTextComponent\n     */\n    protected content = '';\n    /**\n     * Represents the configuration of the editor\n     *\n     * @protected\n     * @type {EditorComponent['init']}\n     * @memberof DotEditableTextComponent\n     */\n    protected init!: EditorComponent['init'];\n    /**\n     * Represents if the component is inside the editor\n     *\n     * @protected\n     * @type {boolean}\n     * @memberof DotEditableTextComponent\n     */\n    protected isInsideEditor!: boolean;\n\n    readonly #sanitizer = inject<DomSanitizer>(DomSanitizer);\n    readonly #renderer = inject<Renderer2>(Renderer2);\n    readonly #elementRef = inject<ElementRef>(ElementRef);\n\n    /**\n     * The TinyMCE editor\n     *\n     * @readonly\n     * @memberof DotEditableTextComponent\n     */\n    get editor() {\n        return this.editorComponent?.editor;\n    }\n\n    /**\n     * Returns the number of pages the contentlet is on\n     *\n     * @readonly\n     * @memberof DotEditableTextComponent\n     */\n    get onNumberOfPages() {\n        return this.contentlet['onNumberOfPages'] || 1;\n    }\n\n    /**\n     * Handle copy contentlet inline editing success event\n     *\n     * @param {MessageEvent} { data }\n     * @return {*}\n     * @memberof DotEditableTextComponent\n     */\n    @HostListener('window:message', ['$event'])\n    onMessage({ data }: MessageEvent) {\n        const { name, payload } = data;\n        if (name !== NOTIFY_CLIENT.UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS) {\n            return;\n        }\n\n        const { oldInode, inode } = payload;\n        const currentInode = this.contentlet.inode;\n\n        if (currentInode === oldInode || currentInode === inode) {\n            this.editorComponent.editor.focus();\n\n            return;\n        }\n    }\n\n    ngOnInit() {\n        this.isInsideEditor = isInsideEditor();\n\n        if (!this.isInsideEditor) {\n            this.innerHTMLToElement();\n\n            return;\n        }\n\n        this.init = {\n            ...TINYMCE_CONFIG[this.mode],\n            base_url: `${DotCmsClient.dotcmsUrl}/ext/tinymcev7`\n        };\n    }\n\n    ngOnChanges() {\n        this.content = this.contentlet[this.fieldName] || '';\n        if (this.editor) {\n            this.editor.setContent(this.content, { format: this.format });\n        }\n    }\n\n    /**\n     * Handle mouse down event\n     *\n     * @param {EventObj<MouseEvent>} { event }\n     * @return {*}\n     * @memberof DotEditableTextComponent\n     */\n    onMouseDown({ event }: EventObj<MouseEvent>) {\n        if (this.onNumberOfPages <= 1 || this.editorComponent.editor.hasFocus()) {\n            return;\n        }\n\n        const { inode, languageId: language } = this.contentlet;\n\n        event.stopPropagation();\n        event.preventDefault();\n\n        try {\n            postMessageToEditor({\n                action: CLIENT_ACTIONS.COPY_CONTENTLET_INLINE_EDITING,\n                payload: {\n                    dataset: {\n                        inode,\n                        language,\n                        fieldName: this.fieldName\n                    }\n                }\n            });\n        } catch (error) {\n            console.error('Failed to post message to editor:', error);\n        }\n    }\n    /**\n     * Handle focus out event\n     *\n     * @return {*}\n     * @memberof DotEditableTextComponent\n     */\n    onFocusOut() {\n        const content = this.editor.getContent({ format: this.format });\n\n        if (!this.editor.isDirty() || !this.didContentChange(content)) {\n            return;\n        }\n\n        const { inode, languageId: langId } = this.contentlet;\n\n        try {\n            postMessageToEditor({\n                action: CLIENT_ACTIONS.UPDATE_CONTENTLET_INLINE_EDITING,\n                payload: {\n                    content,\n                    dataset: {\n                        inode,\n                        langId,\n                        fieldName: this.fieldName\n                    }\n                }\n            });\n        } catch (error) {\n            console.error('Failed to post message to editor:', error);\n        }\n    }\n\n    /**\n     * inner HTML to element\n     *\n     * @private\n     * @param {string} editedContent\n     * @return {*}\n     * @memberof DotEditableTextComponent\n     */\n    private innerHTMLToElement() {\n        const element = this.#elementRef.nativeElement;\n        const safeHtml = this.#sanitizer.bypassSecurityTrustHtml(this.content);\n        const content = this.#sanitizer.sanitize(SecurityContext.HTML, safeHtml) || '';\n\n        this.#renderer.setProperty(element, 'innerHTML', content);\n    }\n\n    /**\n     * Check if the content has changed\n     *\n     * @private\n     * @param {string} editedContent\n     * @return {*}\n     * @memberof DotEditableTextComponent\n     */\n    private didContentChange(editedContent: string) {\n        return this.content !== editedContent;\n    }\n}\n","@if (isInsideEditor) {\n    <editor\n        #tinyEditor\n        [init]=\"init\"\n        [initialValue]=\"content\"\n        (onMouseDown)=\"onMouseDown($event)\"\n        (onFocusOut)=\"onFocusOut()\" />\n}\n","import { BehaviorSubject, Observable } from 'rxjs';\n\nimport { Injectable } from '@angular/core';\n\nimport { map } from 'rxjs/operators';\n\nimport { isInsideEditor } from '@dotcms/client';\n\nimport { DotCMSPageComponent, DotCMSPageContext } from '../../models';\nimport { DotCMSPageAsset } from '../../models/dotcms.model';\n\n/**\n * @author dotCMS\n * @description This service is responsible for managing the page context.\n * @export\n * @class PageContextService\n */\n@Injectable({\n    providedIn: 'root'\n})\nexport class PageContextService {\n    private context$ = new BehaviorSubject<DotCMSPageContext | null>(null);\n\n    /**\n     * @description Get the context\n     * @readonly\n     * @type {DotCMSPageContext}\n     * @memberof PageContextService\n     */\n    get context(): DotCMSPageContext {\n        return this.context$.getValue() as DotCMSPageContext;\n    }\n\n    /**\n     * @description Get the context as an observable\n     * @readonly\n     * @memberof PageContextService\n     */\n    get contextObs$() {\n        return this.context$.asObservable();\n    }\n\n    /**\n     * @description Get the current page asset\n     * @readonly\n     * @type {(Observable<DotCMSPageAsset | null>)}\n     * @memberof PageContextService\n     */\n    get currentPage$(): Observable<DotCMSPageAsset | null> {\n        return this.contextObs$.pipe(map((context) => context?.pageAsset || null));\n    }\n\n    /**\n     *\n     * @description Set the context\n     * @param {DotCMSPageAsset} value\n     * @memberof DotcmsContextService\n     */\n    setContext(pageAsset: DotCMSPageAsset, components: DotCMSPageComponent) {\n        this.context$.next({\n            pageAsset,\n            components,\n            isInsideEditor: isInsideEditor()\n        });\n    }\n\n    /**\n     * @description Set the page asset in the context\n     * @param {DotCMSPageAsset} pageAsset\n     * @memberof PageContextService\n     */\n    setPageAsset(pageAsset: DotCMSPageAsset) {\n        this.context$.next({\n            ...this.context,\n            pageAsset\n        });\n    }\n}\n","import { DotCMSContainer, DotCMSPageAssetContainer } from '../models/dotcms.model';\n\n//Changed the type, to avoid SQ issue.\n//This should be put inside a lib\n/**\n * Represents a mapping of numbers to corresponding CSS class names for column end values.\n * @typedef {Record<number, string | null>} EndClassMap\n */\nconst endClassMap: Record<number, string | null> = {\n    1: 'col-end-1',\n    2: 'col-end-2',\n    3: 'col-end-3',\n    4: 'col-end-4',\n    5: 'col-end-5',\n    6: 'col-end-6',\n    7: 'col-end-7',\n    8: 'col-end-8',\n    9: 'col-end-9',\n    10: 'col-end-10',\n    11: 'col-end-11',\n    12: 'col-end-12',\n    13: 'col-end-13'\n};\n\n//Changed the type, to avoid SQ issue.\n//This should be put inside a lib\n/**\n * Represents a mapping of numbers to CSS class names for starting columns.\n * @typedef {Record<number, string | null>} StartClassMap\n */\nconst startClassMap: Record<number, string | null> = {\n    1: 'col-start-1',\n    2: 'col-start-2',\n    3: 'col-start-3',\n    4: 'col-start-4',\n    5: 'col-start-5',\n    6: 'col-start-6',\n    7: 'col-start-7',\n    8: 'col-start-8',\n    9: 'col-start-9',\n    10: 'col-start-10',\n    11: 'col-start-11',\n    12: 'col-start-12'\n};\n\n/**\n * Retrieves the data for a set of containers.\n *\n * @param containers - The DotCMSPageAssetContainer object containing the containers.\n * @param containerRef - The DotCMSContainer object representing the container reference.\n * @returns An object containing the container data, accept types, contentlets, and variant ID.\n */\nexport const getContainersData = (\n    containers: DotCMSPageAssetContainer,\n    containerRef: DotCMSContainer\n) => {\n    const { identifier, uuid } = containerRef;\n\n    const { containerStructures, container } = containers[identifier];\n\n    const { variantId } = container?.parentPermissionable || {};\n\n    const acceptTypes: string = containerStructures\n        .map((structure) => structure.contentTypeVar)\n        .join(',');\n\n    // Get the contentlets for \"this\" container\n    const contentlets =\n        containers[identifier].contentlets[`uuid-${uuid}`] ??\n        containers[identifier].contentlets[`uuid-dotParser_${uuid}`];\n\n    if (!contentlets) {\n        console.warn(\n            `We couldn't find the contentlets for the container with the identifier ${identifier} and the uuid ${uuid} becareful by adding content to this container.\\nWe recommend to change the container in the layout and add the content again.`\n        );\n    }\n\n    return {\n        ...containers[identifier].container,\n        acceptTypes,\n        contentlets: contentlets ?? [],\n        variantId\n    };\n};\n\n/**\n * Returns the position style classes based on the start and end values.\n * Used to set the grid column start and end values.\n * @param start - The start value.\n * @param end - The end value.\n * @returns An object containing the startClass and endClass.\n */\nexport const getPositionStyleClasses = (start: number, end: number) => {\n    const startClass = startClassMap[start];\n    const endClass = endClassMap[end];\n\n    return {\n        startClass,\n        endClass\n    };\n};\n","import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\n\nimport { DotCMSContentlet } from '../../models';\n\n/**\n * This component is responsible to display a message when there is no component for a contentlet.\n *\n * @export\n * @class NoComponent\n */\n@Component({\n    selector: 'dotcms-no-component',\n    standalone: true,\n    template: `\n        No Component for {{ contentlet.contentType }}\n    `,\n    styleUrl: './no-component.component.css',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class NoComponent {\n    /**\n     * The contentlet object containing content data.\n     * The component displays a message based on the content type of this contentlet.\n     */\n    @Input() contentlet!: DotCMSContentlet;\n\n    /**\n     * The data-testid attribute used for identifying the component during testing.\n     */\n    @HostBinding('attr.data-testid') testId = 'no-component';\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, OnChanges } from '@angular/core';\n\nimport { DotCMSContentlet } from '../../models';\n\n/**\n * This component is responsible to display a contentlet.\n *\n * @export\n * @class ContentletComponent\n * @implements {OnChanges}\n */\n@Component({\n    selector: 'dotcms-contentlet-wrapper',\n    standalone: true,\n    template: '<ng-content></ng-content>',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContentletComponent implements OnChanges {\n    /**\n     * The contentlet object containing content data.\n     *\n     * @type {DotCMSContentlet}\n     * @memberof ContentletComponent\n     */\n    @Input({ required: true }) contentlet!: DotCMSContentlet;\n    /**\n     * The container data (as string) where the contentlet is located.\n     *\n     * @type {string}\n     * @memberof ContentletComponent\n     */\n    @Input() container!: string;\n\n    /**\n     * The identifier of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-identifier') identifier: string | null = null;\n    /**\n     * The base type of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-basetype') baseType: string | null = null;\n    /**\n     * The title of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-title') title: string | null = null;\n    /**\n     * The inode of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-inode') inode: string | null = null;\n    /**\n     * The type of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-type') dotType: string | null = null;\n    /**\n     * The container of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-container') dotContainer: string | null = null;\n    /**\n     * The number of pages where the contentlet appears\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-on-number-of-pages') numberOfPages: string | null = null;\n    /**\n     * The content of contentlet component.\n     *\n     * @type {(string | null)}\n     * @memberof ContentletComponent\n     */\n    @HostBinding('attr.data-dot-object') dotContent: string | null = null;\n\n    ngOnChanges() {\n        this.identifier = this.contentlet.identifier;\n        this.baseType = this.contentlet.baseType;\n        this.title = this.contentlet.title;\n        this.inode = this.contentlet.inode;\n        this.dotType = this.contentlet.contentType;\n        this.dotContainer = this.container;\n        this.numberOfPages = this.contentlet['onNumberOfPages'];\n        this.dotContent = 'contentlet';\n    }\n}\n","import { AsyncPipe, NgComponentOutlet } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    HostBinding,\n    Input,\n    OnChanges,\n    computed,\n    inject,\n    signal\n} from '@angular/core';\n\nimport { NoComponent } from '../../components/no-component/no-component.component';\nimport { DynamicComponentEntity } from '../../models';\nimport { DotCMSContainer, DotCMSContentlet } from '../../models/dotcms.model';\nimport { PageContextService } from '../../services/dotcms-context/page-context.service';\nimport { getContainersData } from '../../utils';\nimport { ContentletComponent } from '../contentlet/contentlet.component';\n\ninterface DotContainer {\n    acceptTypes: string;\n    identifier: string;\n    maxContentlets: number;\n    uuid: string;\n    variantId?: string;\n}\n\n/**\n * This component is responsible to display a container with contentlets.\n *\n * @export\n * @class ContainerComponent\n * @implements {OnChanges}\n */\n@Component({\n    selector: 'dotcms-container',\n    standalone: true,\n    imports: [AsyncPipe, NgComponentOutlet, NoComponent, ContentletComponent],\n    templateUrl: './container.component.html',\n    styleUrl: './container.component.css',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ContainerComponent implements OnChanges {\n    /**\n     * The container object containing the contentlets.\n     *\n     * @type {DotCMSContainer}\n     * @memberof ContainerComponent\n     */\n    @Input({ required: true }) container!: DotCMSContainer;\n\n    private readonly pageContextService: PageContextService = inject(PageContextService);\n    protected readonly NoComponent = NoComponent;\n    protected readonly $isInsideEditor = signal<boolean>(false);\n\n    protected componentsMap!: Record<string, DynamicComponentEntity>;\n    protected $contentlets = signal<DotCMSContentlet[]>([]);\n    protected $dotContainer = signal<DotContainer | null>(null);\n    protected $dotContainerAsString = computed(() => JSON.stringify(this.$dotContainer()));\n\n    /**\n     * The accept types for the container component.\n     *\n     * @type {(string | null)}\n     * @memberof ContainerComponent\n     */\n    @HostBinding('attr.data-dot-accept-types') acceptTypes: string | null = null;\n\n    /**\n     * The identifier for the container component.\n     *\n     * @type {(string | null)}\n     * @memberof ContainerComponent\n     */\n    @HostBinding('attr.data-dot-identifier') identifier: string | null = null;\n    /**\n     * The max contentlets for the container component.\n     *\n     * @type {(number | null)}\n     * @memberof ContainerComponent\n     */\n    @HostBinding('attr.data-max-contentlets') maxContentlets: number | null = null;\n    /**\n     * The uuid for the container component.\n     *\n     * @type {(string | null)}\n     * @memberof ContainerComponent\n     */\n    @HostBinding('attr.data-dot-uuid') uuid: string | null = null;\n    /**\n     * The class for the container component.\n     *\n     * @type {(string | null)}\n     * @memberof ContainerComponent\n     */\n    @HostBinding('class') class: string | null = null;\n    /**\n     * The dot object for the container component.\n     *\n     * @type {(string | null)}\n     * @memberof ContainerComponent\n     */\n    @HostBinding('attr.data-dot-object') dotObject: string | null = null;\n    /**\n     * The data-testid attribute used for identifying the component during testing.\n     *\n     * @memberof ContainerComponent\n     */\n    @HostBinding('attr.data-testid') testId = 'dot-container';\n\n    ngOnChanges() {\n        const { pageAsset, components, isInsideEditor } = this.pageContextService.context;\n        const { acceptTypes, maxContentlets, variantId, path, contentlets } = getContainersData(\n            pageAsset.containers,\n            this.container\n        );\n        const { identifier, uuid } = this.container;\n\n        this.componentsMap = components;\n\n        this.$isInsideEditor.set(isInsideEditor);\n        this.$contentlets.set(contentlets);\n        this.$dotContainer.set({\n            identifier: path ?? identifier,\n            acceptTypes,\n            maxContentlets,\n            variantId,\n            uuid\n        });\n\n        if (this.$isInsideEditor()) {\n            this.acceptTypes = acceptTypes;\n            this.identifier = identifier;\n            this.maxContentlets = maxContentlets;\n            this.uuid = uuid;\n            this.class = this.$contentlets().length ? null : 'empty-container';\n            this.dotObject = 'container';\n        }\n    }\n}\n","@if ($isInsideEditor()) {\n    @if ($contentlets().length) {\n        @for (contentlet of $contentlets(); track $index) {\n            <dotcms-contentlet-wrapper\n                [contentlet]=\"contentlet\"\n                [container]=\"$dotContainerAsString()\">\n                <ng-container\n                    *ngComponentOutlet=\"\n                        (componentsMap[contentlet.contentType] || componentsMap['CustomNoComponent']\n                            | async) || NoComponent;\n                        inputs: { contentlet }\n                    \" />\n            </dotcms-contentlet-wrapper>\n        }\n    } @else {\n        This container is empty.\n    }\n} @else {\n    @for (contentlet of $contentlets(); track $index) {\n        <ng-container\n            *ngComponentOutlet=\"\n                componentsMap[contentlet.contentType] | async;\n                inputs: { contentlet }\n            \" />\n    }\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, OnInit } from '@angular/core';\n\nimport { DotPageAssetLayoutColumn } from '../../models';\nimport { getPositionStyleClasses } from '../../utils';\nimport { ContainerComponent } from '../container/container.component';\n\n/**\n * This component is responsible to display a column with containers.\n *\n * @export\n * @class ColumnComponent\n * @implements {OnInit}\n */\n@Component({\n    selector: 'dotcms-column',\n    standalone: true,\n    imports: [ContainerComponent],\n    template: `\n        @for (container of column.containers; track $index) {\n            <dotcms-container [container]=\"container\" />\n        }\n    `,\n    styleUrl: './column.component.css',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ColumnComponent implements OnInit {\n    /**\n     * The column object containing the containers.\n     *\n     * @type {DotPageAssetLayoutColumn}\n     * @memberof ColumnComponent\n     */\n    @Input() column!: DotPageAssetLayoutColumn;\n\n    /**\n     * The data-testid attribute used for identifying the component during testing.\n     *\n     * @memberof ColumnComponent\n     */\n    @HostBinding('class') containerClasses = '';\n\n    ngOnInit() {\n        const { startClass, endClass } = getPositionStyleClasses(\n            this.column.leftOffset,\n            this.column.width + this.column.leftOffset\n        );\n        this.containerClasses = `${startClass} ${endClass}`;\n    }\n}\n","import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { DotPageAssetLayoutRow } from '../../models';\nimport { ColumnComponent } from '../column/column.component';\n\n/**\n * This component is responsible to display a row with columns.\n *\n * @export\n * @class RowComponent\n */\n@Component({\n    selector: 'dotcms-row',\n    standalone: true,\n    imports: [ColumnComponent],\n    template: `\n        @for (column of row.columns; track $index) {\n            <dotcms-column [column]=\"column\" />\n        }\n    `,\n    styleUrl: './row.component.css',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RowComponent {\n    /**\n     * The row object containing the columns.\n     *\n     * @type {DotPageAssetLayoutRow}\n     * @memberof RowComponent\n     */\n    @Input({ required: true }) row!: DotPageAssetLayoutRow;\n}\n","import { AsyncPipe } from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    Input,\n    OnInit,\n    inject\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ActivatedRoute } from '@angular/router';\n\nimport {\n    CLIENT_ACTIONS,\n    DotCmsClient,\n    EditorConfig,\n    initEditor,\n    isInsideEditor,\n    postMessageToEditor,\n    updateNavigation\n} from '@dotcms/client';\n\nimport { DotCMSPageComponent } from '../../models';\nimport { DotCMSPageAsset } from '../../models/dotcms.model';\nimport { PageContextService } from '../../services/dotcms-context/page-context.service';\nimport { RowComponent } from '../row/row.component';\n\n/**\n * `DotcmsLayoutComponent` is a class that represents the layout for a DotCMS page.\n *  It includes a `pageAsset` property that represents the DotCMS page asset and a `components` property that represents the dynamic components for the page.\n *\n * @export\n * @class DotcmsLayoutComponent\n */\n@Component({\n    selector: 'dotcms-layout',\n    standalone: true,\n    imports: [RowComponent, AsyncPipe],\n    template: `\n        @if (pageAsset$ | async; as page) {\n            @for (row of page?.layout?.body?.rows; track $index) {\n                <dotcms-row [row]=\"row\" />\n            }\n        }\n    `,\n    styleUrl: './dotcms-layout.component.css',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class DotcmsLayoutComponent implements OnInit {\n    private _pageAsset!: DotCMSPageAsset;\n\n    /**\n     * Represents the DotCMS page asset.\n     *\n     * @type {DotCMSPageAsset}\n     * @memberof DotcmsLayoutComponent\n     */\n    @Input({ required: true })\n    set pageAsset(value: DotCMSPageAsset) {\n        this._pageAsset = value;\n        if (!value.layout) {\n            console.warn(\n                'Warning: pageAsset does not have a `layout` property. Might be using an advaced template or your dotCMS instance not have a enterprise license.'\n            );\n        }\n    }\n\n    /**\n     * Returns the DotCMS page asset.\n     *\n     * @readonly\n     * @type {DotCMSPageAsset}\n     * @memberof DotcmsLayoutComponent\n     */\n    get pageAsset(): DotCMSPageAsset {\n        return this._pageAsset;\n    }\n\n    /**\n     * The `components` property is a record of dynamic components for each Contentlet on the page.\n     *\n     * @type {DotCMSPageComponent}\n     * @memberof DotcmsLayoutComponent\n     * @required\n     */\n    @Input({ required: true }) components!: DotCMSPageComponent;\n\n    /**\n     * The `onReload` property is a function that reloads the page after changes are made.\n     *\n     * @memberof DotcmsLayoutComponent\n     * @deprecated In future implementation we will be listening for the changes from the editor to update the page state so reload will not be needed.\n     */\n    @Input() onReload!: () => void;\n\n    /**\n     *\n     * @type {DotCMSFetchConfig}\n     * @memberof DotCMSPageEditorConfig\n     * @description The configuration custom params for data fetching on Edit Mode.\n     * @example <caption>Example with Custom GraphQL query</caption>\n     * <dotcms-layout [editor]=\"{ query: 'query { ... }' }\"/>\n     *\n     * @example <caption>Example usage with Custom Page API parameters</caption>\n     * <dotcms-layout [editor]=\"{ params: { depth: '2' } }\"/>;\n     */\n    @Input() editor!: EditorConfig;\n\n    private readonly route = inject(ActivatedRoute);\n    private readonly pageContextService = inject(PageContextService);\n    private readonly destroyRef$ = inject(DestroyRef);\n    private client!: DotCmsClient;\n    protected readonly pageAsset$ = this.pageContextService.currentPage$;\n\n    ngOnInit() {\n        this.pageContextService.setContext(this.pageAsset, this.components);\n\n        if (!isInsideEditor()) {\n            return;\n        }\n\n        this.client = DotCmsClient.instance;\n        this.route.url.pipe(takeUntilDestroyed(this.destroyRef$)).subscribe((urlSegments) => {\n            const pathname = '/' + urlSegments.join('/');\n\n            initEditor({ pathname });\n            updateNavigation(pathname || '/');\n        });\n\n        this.client.editor.on('changes', (data) => {\n            if (this.onReload) {\n                this.onReload();\n\n                return;\n            }\n\n            this.pageContextService.setPageAsset(data as DotCMSPageAsset);\n        });\n\n        postMessageToEditor({ action: CLIENT_ACTIONS.CLIENT_READY, payload: this.editor });\n    }\n\n    ngOnDestroy() {\n        if (!isInsideEditor()) {\n            return;\n        }\n\n        this.client.editor.off('changes');\n    }\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport interface DotCMSPageAsset {\n    canCreateTemplate: boolean;\n    containers: DotCMSPageAssetContainer;\n    layout: DotCMSLayout;\n    page: DotCMSPage;\n    site: DotCMSSite;\n    template: DotCMSTemplate;\n    viewAs: DotCMSViewAs;\n    vanityUrl?: {\n        pattern: string;\n        vanityUrlId: string;\n        url: string;\n        siteId: string;\n        languageId: number;\n        forwardTo: string;\n        response: number;\n        order: number;\n        temporaryRedirect: boolean;\n        permanentRedirect: boolean;\n        forward: boolean;\n    };\n}\n\nexport interface DotPageAssetLayoutRow {\n    identifier: number;\n    value?: string;\n    id?: string;\n    columns: DotPageAssetLayoutColumn[];\n    styleClass?: string;\n}\n\nexport interface DotPageAssetLayoutColumn {\n    preview: boolean;\n    containers: DotCMSContainer[];\n    widthPercent: number;\n    width: number;\n    leftOffset: number;\n    left: number;\n    styleClass?: string;\n}\n\nexport interface DotCMSPageAssetContainer {\n    [key: string]: {\n        container: DotCMSContainer;\n        containerStructures: DotCMSContainerStructure[];\n        contentlets: {\n            [key: string]: DotCMSContentlet[];\n        };\n    };\n}\n\nexport interface DotCMSContainer {\n    identifier: string;\n    uuid: string;\n    iDate: number;\n    type: string;\n    owner?: string;\n    inode: string;\n    source: string;\n    title: string;\n    friendlyName: string;\n    modDate: number;\n    modUser: string;\n    sortOrder: number;\n    showOnMenu: boolean;\n    code?: string;\n    maxContentlets: number;\n    useDiv: boolean;\n    sortContentletsBy?: string;\n    preLoop: string;\n    postLoop: string;\n    staticify: boolean;\n    luceneQuery?: string;\n    notes: string;\n    languageId?: number;\n    path?: string;\n    live: boolean;\n    locked: boolean;\n    working: boolean;\n    deleted: boolean;\n    name: string;\n    archived: boolean;\n    permissionId: string;\n    versionId: string;\n    versionType: string;\n    permissionType: string;\n    categoryId: string;\n    idate: number;\n    new: boolean;\n    acceptTypes: string;\n    contentlets: DotCMSContentlet[];\n    parentPermissionable: DotCMSSiteParentPermissionable;\n}\n\nexport interface DotCMSContentlet {\n    archived: boolean;\n    baseType: string;\n    deleted?: boolean;\n    binary?: string;\n    binaryContentAsset?: string;\n    binaryVersion?: string;\n    contentType: string;\n    file?: string;\n    folder: string;\n    hasLiveVersion?: boolean;\n    hasTitleImage: boolean;\n    host: string;\n    hostName: string;\n    identifier: string;\n    inode: string;\n    image?: string;\n    languageId: number;\n    language?: string;\n    live: boolean;\n    locked: boolean;\n    mimeType?: string;\n    modDate: string;\n    modUser: string;\n    modUserName: string;\n    owner: string;\n    sortOrder: number;\n    stInode: string;\n    title: string;\n    titleImage: string;\n    text?: string;\n    url: string;\n    working: boolean;\n    body?: string;\n    contentTypeIcon?: string;\n    variant?: string;\n    __icon__?: string;\n    [key: string]: any; // This is a catch-all for any other custom properties that might be on the contentlet.\n}\n\nexport interface DotcmsNavigationItem {\n    code?: any;\n    folder: string;\n    children?: DotcmsNavigationItem[];\n    host: string;\n    languageId: number;\n    href: string;\n    title: string;\n    type: string;\n    hash: number;\n    target: string;\n    order: number;\n}\n\ninterface DotCMSTemplate {\n    iDate: number;\n    type: string;\n    owner: string;\n    inode: string;\n    identifier: string;\n    source: string;\n    title: string;\n    friendlyName: string;\n    modDate: number;\n    modUser: string;\n    sortOrder: number;\n    showOnMenu: boolean;\n    image: string;\n    drawed: boolean;\n    drawedBody: string;\n    theme: string;\n    anonymous: boolean;\n    template: boolean;\n    name: string;\n    live: boolean;\n    archived: boolean;\n    locked: boolean;\n    working: boolean;\n    permissionId: string;\n    versionId: string;\n    versionType: string;\n    deleted: boolean;\n    permissionType: string;\n    categoryId: string;\n    idate: number;\n    new: boolean;\n    canEdit: boolean;\n}\n\ninterface DotCMSPage {\n    template: string;\n    modDate: number;\n    metadata: string;\n    cachettl: string;\n    pageURI: string;\n    title: string;\n    type: string;\n    showOnMenu: string;\n    httpsRequired: boolean;\n    inode: string;\n    disabledWYSIWYG: any[];\n    seokeywords: string;\n    host: string;\n    lastReview: number;\n    working: boolean;\n    locked: boolean;\n    stInode: string;\n    friendlyName: string;\n    live: boolean;\n    owner: string;\n    identifier: string;\n    nullProperties: any[];\n    friendlyname: string;\n    pagemetadata: string;\n    languageId: number;\n    url: string;\n    seodescription: string;\n    modUserName: string;\n    folder: string;\n    deleted: boolean;\n    sortOrder: number;\n    modUser: string;\n    pageUrl: string;\n    workingInode: string;\n    shortyWorking: string;\n    canEdit: boolean;\n    canRead: boolean;\n    canLock: boolean;\n    lockedOn: number;\n    lockedBy: string;\n    lockedByName: string;\n    liveInode: string;\n    shortyLive: string;\n}\n\ninterface DotCMSViewAs {\n    language: {\n        id: number;\n        languageCode: string;\n        countryCode: string;\n        language: string;\n        country: string;\n    };\n    mode: string;\n}\n\ninterface DotCMSLayout {\n    pageWidth: string;\n    width: string;\n    layout: string;\n    title: string;\n    header: boolean;\n    footer: boolean;\n    body: DotPageAssetLayoutBody;\n    sidebar: DotPageAssetLayoutSidebar;\n}\n\ninterface DotCMSContainerStructure {\n    id: string;\n    structureId: string;\n    containerInode: string;\n    containerId: string;\n    code: string;\n    contentTypeVar: string;\n}\n\ninterface DotPageAssetLayoutSidebar {\n    preview: boolean;\n    containers: DotCMSContainer[];\n    location: string;\n    widthPercent: number;\n    width: string;\n}\n\ninterface DotPageAssetLayoutBody {\n    rows: DotPageAssetLayoutRow[];\n}\n\ninterface DotCMSSite {\n    lowIndexPriority: boolean;\n    name: string;\n    default: boolean;\n    aliases: string;\n    parent: boolean;\n    tagStorage: string;\n    systemHost: boolean;\n    inode: string;\n    versionType: string;\n    structureInode: string;\n    hostname: string;\n    hostThumbnail?: any;\n    owner: string;\n    permissionId: string;\n    permissionType: string;\n    type: string;\n    identifier: string;\n    modDate: number;\n    host: string;\n    live: boolean;\n    indexPolicy: string;\n    categoryId: string;\n    actionId?: any;\n    new: boolean;\n    archived: boolean;\n    locked: boolean;\n    disabledWysiwyg: any[];\n    modUser: string;\n    working: boolean;\n    titleImage: {\n        present: boolean;\n    };\n    folder: string;\n    htmlpage: boolean;\n    fileAsset: boolean;\n    vanityUrl: boolean;\n    keyValue: boolean;\n    structure?: DotCMSSiteStructure;\n    title: string;\n    languageId: number;\n    indexPolicyDependencies: string;\n    contentTypeId: string;\n    versionId: string;\n    lastReview: number;\n    nextReview?: any;\n    reviewInterval?: any;\n    sortOrder: number;\n    contentType: DotCMSSiteContentType;\n}\n\ninterface DotCMSSiteContentType {\n    owner?: any;\n    parentPermissionable: DotCMSSiteParentPermissionable;\n    permissionId: string;\n    permissionType: string;\n}\n\nexport interface DotCMSSiteParentPermissionable {\n    Inode: string;\n    Identifier: string;\n    permissionByIdentifier: boolean;\n    type: string;\n    owner?: any;\n    identifier: string;\n    permissionId: string;\n    parentPermissionable?: any;\n    permissionType: string;\n    inode: string;\n    childrenPermissionable?: any;\n    variantId?: string;\n}\n\ninterface DotCMSSiteStructure {\n    iDate: number;\n    type: string;\n    owner?: any;\n    inode: string;\n    identifier: string;\n    name: string;\n    description: string;\n    defaultStructure: boolean;\n    reviewInterval?: any;\n    reviewerRole?: any;\n    pagedetail?: any;\n    structureType: number;\n    fixed: boolean;\n    system: boolean;\n    velocityVarName: string;\n    urlMapPattern?: any;\n    host: string;\n    folder: string;\n    publishDateVar?: any;\n    expireDateVar?: any;\n    modDate: number;\n    fields: DotCMSSiteField[];\n    widget: boolean;\n    detailPage?: any;\n    fieldsBySortOrder: DotCMSSiteField[];\n    form: boolean;\n    htmlpageAsset: boolean;\n    content: boolean;\n    fileAsset: boolean;\n    persona: boolean;\n    permissionId: string;\n    permissionType: string;\n    live: boolean;\n    categoryId: string;\n    idate: number;\n    new: boolean;\n    archived: boolean;\n    locked: boolean;\n    modUser: string;\n    working: boolean;\n    title: string;\n    versionId: string;\n    versionType: string;\n}\n\ninterface DotCMSSiteField {\n    iDate: number;\n    type: string;\n    owner?: any;\n    inode: string;\n    identifier: string;\n    structureInode: string;\n    fieldName: string;\n    fieldType: string;\n    fieldRelationType?: any;\n    fieldContentlet: string;\n    required: boolean;\n    velocityVarName: string;\n    sortOrder: number;\n    values?: any;\n    regexCheck?: any;\n    hint?: any;\n    defaultValue?: any;\n    indexed: boolean;\n    listed: boolean;\n    fixed: boolean;\n    readOnly: boolean;\n    searchable: boolean;\n    unique: boolean;\n    modDate: number;\n    dataType: string;\n    live: boolean;\n    categoryId: string;\n    idate: number;\n    new: boolean;\n    archived: boolean;\n    locked: boolean;\n    modUser: string;\n    working: boolean;\n    permissionId: string;\n    parentPermissionable?: any;\n    permissionType: string;\n    title: string;\n    versionId: string;\n    versionType: string;\n}\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nexport * from './dotcms.model';\n\nimport { Type } from '@angular/core';\n\nimport { DotCMSPageAsset } from './dotcms.model';\n\n/**\n * Represents a dynamic component entity.\n * @typedef {Promise<Type<any>>} DynamicComponentEntity\n * @memberof @dotcms/angular\n */\nexport type DynamicComponentEntity = Promise<Type<any>>;\n\n/**\n * Represents the context of a DotCMS page.\n */\nexport interface DotCMSPageContext {\n    /**\n     * Represents the DotCMS page asset.\n     * @type {DotCMSPageAsset}\n     * @memberof DotCMSPageContext\n     */\n    pageAsset: DotCMSPageAsset;\n\n    /**\n     * Represents the dynamic components of the page for each Content Type.\n     * @type {DotCMSPageComponent}\n     * @memberof DotCMSPageContext\n     */\n    components: DotCMSPageComponent;\n\n    /**\n     * Indicates whether the page is being viewed inside the editor.\n     * @type {boolean}\n     * @memberof DotCMSPageContext\n     */\n    isInsideEditor: boolean;\n}\n\n/**\n * Represents a DotCMS page component.\n * Used to store the dynamic components of a DotCMS page.\n * @typedef {Record<string, DynamicComponentEntity>} DotCMSPageComponent\n * @memberof @dotcms/angular\n */\nexport type DotCMSPageComponent = Record<string, DynamicComponentEntity>;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,sBAAsB,GAA4B;AACpD,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,YAAY,EAAE;AACV,QAAA,GAAG,EAAE,wDAAwD;AAChE,KAAA;AACD,IAAA,sBAAsB,EAAE,OAAO;AAC/B,IAAA,sBAAsB,EAAE,OAAO;IAC/B,MAAM,EAAE,MAAM;AACd,IAAA,WAAW,EAAE,KAAK;CACrB,CAAC;AAEK,MAAM,cAAc,GAEvB;AACA,IAAA,OAAO,EAAE;AACL,QAAA,GAAG,sBAAsB;AACzB,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,OAAO,EAAE,8BAA8B;AACvC,QAAA,cAAc,EAAE,+BAA+B;AAClD,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,GAAG,sBAAsB;AACzB,QAAA,OAAO,EAAE,6BAA6B;AACtC,QAAA,aAAa,EAAE;AACX,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,EAAE;AACnC,YAAA,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;AACpC,SAAA;AACD,QAAA,OAAO,EAAE;YACL,oLAAoL;AACvL,SAAA;AACJ,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,GAAG,sBAAsB;AACzB,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,OAAO,EAAE,EAAE;AACd,KAAA;CACJ;;ACrBD;;;;;;;;AAQG;MAgBU,wBAAwB,CAAA;AAfrC,IAAA,WAAA,GAAA;AAkBI;;;;;AAKG;QACM,IAAI,CAAA,IAAA,GAA2B,OAAO,CAAC;AAChD;;;;;AAKG;QACM,IAAM,CAAA,MAAA,GAA6B,MAAM,CAAC;AAQnD;;;;AAIG;QACM,IAAS,CAAA,SAAA,GAAG,EAAE,CAAC;AAExB;;;;;AAKG;QACO,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;AAkBd,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAe,YAAY,CAAC,CAAC;AAChD,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAY,SAAS,CAAC,CAAC;AACzC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAa,UAAU,CAAC,CAAC;AA+JzD,KAAA;AAjKY,IAAA,UAAU,CAAsC;AAChD,IAAA,SAAS,CAAgC;AACzC,IAAA,WAAW,CAAkC;AAEtD;;;;;AAKG;AACH,IAAA,IAAI,MAAM,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC;KACvC;AAED;;;;;AAKG;AACH,IAAA,IAAI,eAAe,GAAA;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAClD;AAED;;;;;;AAMG;IAEH,SAAS,CAAC,EAAE,IAAI,EAAgB,EAAA;AAC5B,QAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;AAC/B,QAAA,IAAI,IAAI,KAAK,aAAa,CAAC,0CAA0C,EAAE;YACnE,OAAO;SACV;AAED,QAAA,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;AACpC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QAE3C,IAAI,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,KAAK,EAAE;AACrD,YAAA,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YAEpC,OAAO;SACV;KACJ;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,cAAc,GAAG,cAAc,EAAE,CAAC;AAEvC,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAE1B,OAAO;SACV;QAED,IAAI,CAAC,IAAI,GAAG;AACR,YAAA,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC;AAC5B,YAAA,QAAQ,EAAE,CAAA,EAAG,YAAY,CAAC,SAAS,CAAgB,cAAA,CAAA;SACtD,CAAC;KACL;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;AACrD,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACb,YAAA,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;SACjE;KACJ;AAED;;;;;;AAMG;IACH,WAAW,CAAC,EAAE,KAAK,EAAwB,EAAA;AACvC,QAAA,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE;YACrE,OAAO;SACV;QAED,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;QAExD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,cAAc,EAAE,CAAC;AAEvB,QAAA,IAAI;AACA,YAAA,mBAAmB,CAAC;gBAChB,MAAM,EAAE,cAAc,CAAC,8BAA8B;AACrD,gBAAA,OAAO,EAAE;AACL,oBAAA,OAAO,EAAE;wBACL,KAAK;wBACL,QAAQ;wBACR,SAAS,EAAE,IAAI,CAAC,SAAS;AAC5B,qBAAA;AACJ,iBAAA;AACJ,aAAA,CAAC,CAAC;SACN;QAAC,OAAO,KAAK,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;SAC7D;KACJ;AACD;;;;;AAKG;IACH,UAAU,GAAA;AACN,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AAEhE,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE;YAC3D,OAAO;SACV;QAED,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC;AAEtD,QAAA,IAAI;AACA,YAAA,mBAAmB,CAAC;gBAChB,MAAM,EAAE,cAAc,CAAC,gCAAgC;AACvD,gBAAA,OAAO,EAAE;oBACL,OAAO;AACP,oBAAA,OAAO,EAAE;wBACL,KAAK;wBACL,MAAM;wBACN,SAAS,EAAE,IAAI,CAAC,SAAS;AAC5B,qBAAA;AACJ,iBAAA;AACJ,aAAA,CAAC,CAAC;SACN;QAAC,OAAO,KAAK,EAAE;AACZ,YAAA,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;SAC7D;KACJ;AAED;;;;;;;AAOG;IACK,kBAAkB,GAAA;AACtB,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC;AAC/C,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACvE,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC;QAE/E,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;KAC7D;AAED;;;;;;;AAOG;AACK,IAAA,gBAAgB,CAAC,aAAqB,EAAA;AAC1C,QAAA,OAAO,IAAI,CAAC,OAAO,KAAK,aAAa,CAAC;KACzC;8GAvNQ,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EATtB,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,gBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,YAAA;AACI,gBAAA,OAAO,EAAE,kBAAkB;gBAC3B,UAAU,EAAE,MAAK;AACb,oBAAA,OAAO,CAAG,EAAA,YAAY,CAAC,SAAS,+BAA+B,CAAC;iBACnE;AACJ,aAAA;AACJ,SAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAGU,eAAe,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtD9B,qNAQA,EAAA,MAAA,EAAA,CAAA,6GAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDmCc,eAAe,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,MAAA,EAAA,IAAA,EAAA,cAAA,EAAA,cAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAUhB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAfpC,SAAS;AAC