@agorapulse/ui-components 18.1.13 → 18.2.0

package/fesm2022/agorapulse-ui-components-directives.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-directives.mjs","sources":["../../../libs/ui-components/directives/src/autosize-textarea.directive.ts","../../../libs/ui-components/directives/src/base-button.directive.ts","../../../libs/ui-components/directives/src/checkbox.directive.ts","../../../libs/ui-components/directives/src/default-image.directive.ts","../../../libs/ui-components/directives/src/ellipsis.directive.ts","../../../libs/ui-components/directives/src/equal-validator.directive.ts","../../../libs/ui-components/directives/src/frozen-gif.directive.ts","../../../libs/ui-components/directives/src/multi-style-text.directive.ts","../../../libs/ui-components/directives/src/agorapulse-ui-components-directives.ts"],"sourcesContent":["import { AfterContentChecked, Directive, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n    selector: 'textarea[apAutosize]',\n    standalone: true,\n})\n/**\n * expand textarea to fit content. Doesn't shrink.\n */\nexport class AutosizeTextareaDirective implements AfterContentChecked {\n    static maxHeight: number = 200;\n\n    constructor(public element: ElementRef) {}\n\n    @HostListener('input')\n    public onInput() {\n        this.resize();\n    }\n\n    public ngAfterContentChecked() {\n        this.resize();\n    }\n\n    public resize() {\n        const style = this.element.nativeElement.style;\n        const scrollHeight = this.element.nativeElement.scrollHeight;\n        const actualHeight = this.element.nativeElement.offsetHeight;\n        if (AutosizeTextareaDirective.maxHeight < scrollHeight) {\n            // we arrived at the max\n            style.overflow = 'auto';\n            style.height = `${AutosizeTextareaDirective.maxHeight}px`;\n        } else if (actualHeight < scrollHeight) {\n            style.overflow = 'hidden';\n            style.height = `${scrollHeight}px`;\n        }\n    }\n}\n","import { AfterViewInit, ChangeDetectorRef, Directive, ElementRef, inject, OnInit } from '@angular/core';\n\n@Directive({\n    selector: '[apBaseButton]',\n    standalone: true,\n})\nexport class BaseButtonDirective implements AfterViewInit, OnInit {\n    hostId: string | undefined = undefined;\n    hostDataTest: string | undefined = undefined;\n    hostType: string = 'button';\n\n    private elementRef: ElementRef = inject(ElementRef);\n    private changeDetectorRef: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    ngOnInit() {\n        this.hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');\n        this.hostId = this.elementRef.nativeElement.getAttribute('id');\n        this.elementRef.nativeElement.removeAttribute('data-test');\n        this.elementRef.nativeElement.removeAttribute('id');\n    }\n\n    // Sometimes attributes like the id, or the data-test are dynamic and can change between the constructor and the initialization.\n    // In order to have the last attributes value we check if it changes, and if it does, we run a mark for check to update the view.\n    ngAfterViewInit(): void {\n        const hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');\n        const hostId = this.elementRef.nativeElement.getAttribute('id');\n        const hostType = this.elementRef.nativeElement.getAttribute('type');\n        if (hostDataTest && this.hostDataTest !== hostDataTest) {\n            this.hostDataTest = hostDataTest;\n            this.elementRef.nativeElement.removeAttribute('data-test');\n            this.changeDetectorRef.markForCheck();\n        }\n        if (hostId && this.hostId !== hostId) {\n            this.hostId = hostId;\n            this.elementRef.nativeElement.removeAttribute('id');\n            this.changeDetectorRef.markForCheck();\n        }\n        if (hostType && this.hostType !== hostType) {\n            this.hostType = hostType;\n            this.elementRef.nativeElement.removeAttribute('type');\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n}\n","import {\n    booleanAttribute,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    signal\n} from '@angular/core';\n\n@Directive({\n    selector: 'input[type=\"checkbox\"][apCheckbox]',\n    standalone: true,\n    providers: [],\n})\nexport class CheckboxDirective implements OnInit, OnDestroy {\n    private readonly elementRef = inject(ElementRef<HTMLInputElement>);\n    private readonly renderer = inject(Renderer2);\n\n    // State signals\n    private _checked = signal(false);\n    private _indeterminate = signal(false);\n\n    // Input signal accessors that work with host bindings\n    checked = this._checked.asReadonly();\n    indeterminate = this._indeterminate.asReadonly();\n\n    // Input setters with proper aliases for template binding\n    // Couldn't be migrated to yet\n    @Input('checked')\n    set checkedInput(checked: boolean) {\n        this._checked.set(checked);\n        this.updateNativeElementSync();\n    }\n\n    @Input({\n        transform: booleanAttribute,\n        alias: 'indeterminate',\n    })\n    set indeterminateInput(indeterminate: boolean) {\n        if (indeterminate) {\n            this._checked.set(false);\n        }\n        this._indeterminate.set(indeterminate);\n        this.updateNativeElementSync();\n    }\n\n    private updateNativeElementSync(): void {\n        const input = this.elementRef.nativeElement;\n        if (input) {\n            input.checked = this.checked();\n            input.indeterminate = this.indeterminate();\n        }\n    }\n\n    // Private properties\n    private listeners: (() => void)[] = [];\n    private styleElement!: HTMLStyleElement;\n    private checkmarkSvg!: SVGElement;\n    private indeterminateBar!: HTMLElement;\n\n    constructor() {\n        effect(() => {\n            if (this.checkmarkSvg && this.indeterminateBar) {\n                this.updateCheckmarkVisibility();\n            }\n        });\n    }\n\n    // Custom SVG content\n    private readonly checkSvgContent = `\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" fill=\"white\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.238 3.337a.92.92 0 0 1 .025 1.301l-7.7 8a.92.92 0 0 1-1.326 0l-3.5-3.636a.92.92 0 1 1 1.326-1.276L5.9 10.674l7.037-7.312a.92.92 0 0 1 1.301-.025Z\" />\n        </svg>\n    `;\n\n    ngOnInit() {\n        this.createCheckboxStructure();\n        this.setupEventListeners();\n    }\n\n    ngOnDestroy(): void {\n        this.listeners.forEach(unlisten => unlisten());\n        if (this.styleElement && this.styleElement.parentNode) {\n            this.styleElement.parentNode.removeChild(this.styleElement);\n        }\n        if (this.checkmarkSvg && this.checkmarkSvg.parentNode) {\n            this.checkmarkSvg.parentNode.removeChild(this.checkmarkSvg);\n        }\n        if (this.indeterminateBar && this.indeterminateBar.parentNode) {\n            this.indeterminateBar.parentNode.removeChild(this.indeterminateBar);\n        }\n    }\n\n    private createCheckboxStructure(): void {\n        const input = this.elementRef.nativeElement;\n        const parent = input.parentElement;\n\n        // Make input's parent use inline-flex for alignment and position relative\n        if (parent) {\n            this.renderer.setStyle(parent, 'display', 'inline-flex');\n            this.renderer.setStyle(parent, 'align-items', 'center');\n            this.renderer.setStyle(parent, 'gap', 'var(--ref-spacing-xxs)');\n            this.renderer.setStyle(parent, 'position', 'relative');\n        }\n\n        this.renderer.addClass(input, 'ap-checkbox-styled');\n\n        this.createCheckmarkSvg();\n        this.createIndeterminateBar();\n\n        this.applyCheckboxStyles();\n\n        this.updateCheckmarkVisibility();\n    }\n\n    private createOverlayElement(element: HTMLElement | SVGElement): void {\n        const parent = this.elementRef.nativeElement.parentElement;\n\n        // Apply common positioning styles\n        this.renderer.setStyle(element, 'position', 'absolute');\n        this.renderer.setStyle(element, 'top', '50%');\n        this.renderer.setStyle(element, 'left', '8px'); // Center over 16px checkbox\n        this.renderer.setStyle(element, 'transform', 'translate(-50%, -50%)');\n        this.renderer.setStyle(element, 'pointer-events', 'none');\n        this.renderer.setStyle(element, 'opacity', '0');\n        this.renderer.setStyle(element, 'z-index', '1');\n\n        // Append to parent\n        this.renderer.appendChild(parent, element);\n    }\n\n    private createCheckmarkSvg(): void {\n        // Create SVG element from string\n        const tempDiv = this.renderer.createElement('div');\n        this.renderer.setProperty(tempDiv, 'innerHTML', this.checkSvgContent);\n        this.checkmarkSvg = tempDiv.firstElementChild as SVGElement;\n\n        this.createOverlayElement(this.checkmarkSvg);\n    }\n\n    private createIndeterminateBar(): void {\n        // Create the indeterminate bar element\n        this.indeterminateBar = this.renderer.createElement('span');\n        this.renderer.setStyle(this.indeterminateBar, 'height', '1.5px');\n        this.renderer.setStyle(this.indeterminateBar, 'background', 'var(--ref-color-white)');\n        this.renderer.setStyle(this.indeterminateBar, 'width', '8px');\n\n        this.createOverlayElement(this.indeterminateBar);\n    }\n\n    private updateCheckmarkVisibility(): void {\n        if (this.checkmarkSvg) {\n            const opacity = this.checked() && !this.indeterminate() ? '1' : '0';\n            this.renderer.setStyle(this.checkmarkSvg, 'opacity', opacity);\n        }\n        if (this.indeterminateBar) {\n            const opacity = this.indeterminate() && !this.checked() ? '1' : '0';\n            this.renderer.setStyle(this.indeterminateBar, 'opacity', opacity);\n        }\n    }\n\n    private setupEventListeners(): void {\n        const input = this.elementRef.nativeElement;\n\n        // Input change listener (native checkbox change)\n        const changeListener = this.renderer.listen(input, 'change', () => {\n            this.onValueChange();\n        });\n        this.listeners.push(changeListener);\n\n        // Listen for label clicks to ensure focus is maintained\n        const parent = input.parentElement;\n        if (parent) {\n            const labelClickListener = this.renderer.listen(parent, 'click', (event: MouseEvent) => {\n                const target = event.target as HTMLElement;\n                // If clicking on a label that targets our input, ensure focus\n                if (target.tagName === 'LABEL' && target.getAttribute('for') === input.id) {\n                    // Small delay to ensure the label click is processed first\n                    setTimeout(() => {\n                        input.focus();\n                    }, 0);\n                }\n            });\n            this.listeners.push(labelClickListener);\n        }\n    }\n\n    private applyCheckboxStyles(): void {\n        const styles = `\n            /* Minimal checkbox styling */\n            input[type=\"checkbox\"].ap-checkbox-styled {\n                appearance: none !important;\n                -webkit-appearance: none !important;\n                -moz-appearance: none !important;\n                \n                display: inline-block !important;\n                width: 16px !important;\n                height: 16px !important;\n                min-width: 16px !important;\n                min-height: 16px !important;\n                margin: 0 !important;\n                padding: 0 !important;\n                border: 1px solid var(--ref-color-grey-60);\n                border-radius: var(--sys-border-radius-sm);\n                background: var(--ref-color-white);\n                box-sizing: border-box;\n                cursor: pointer;\n                vertical-align: middle;\n            }\n            \n            /* Hover state */\n            input[type=\"checkbox\"].ap-checkbox-styled:hover {\n                border-color: var(--ref-color-grey-80);\n            }\n            \n            /* Active/pressed state */\n            input[type=\"checkbox\"].ap-checkbox-styled:active {\n                border-color: var(--ref-color-grey-100);\n            }\n            \n            /* Checked state */\n            input[type=\"checkbox\"].ap-checkbox-styled:checked {\n                background: var(--ref-color-electric-blue-100);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Checked hover state */\n            input[type=\"checkbox\"].ap-checkbox-styled:checked:hover {\n                background: var(--ref-color-electric-blue-80);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Checked active/pressed state */\n            input[type=\"checkbox\"].ap-checkbox-styled:checked:active {\n                background: var(--ref-color-electric-blue-60);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Indeterminate state */\n            input[type=\"checkbox\"].ap-checkbox-styled:indeterminate {\n                background: var(--ref-color-electric-blue-100);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Disabled state */\n            input[type=\"checkbox\"].ap-checkbox-styled:disabled {\n                border-color: var(--ref-color-grey-20);\n                background: var(--ref-color-grey-10);\n                cursor: default;\n            }\n            \n            input[type=\"checkbox\"].ap-checkbox-styled:disabled:checked {\n                background: var(--ref-color-grey-20);\n            }\n            \n            /* Focus state */\n            @media (hover: hover) {\n                input[type=\"checkbox\"].ap-checkbox-styled:focus:not(.disabled) {\n                    outline: 3px solid var(--ref-color-electric-blue-100) !important;\n                    outline-offset: 1px !important;\n                }\n            }\n            \n            /* Label styling */\n            input[type=\"checkbox\"].ap-checkbox-styled + label {\n                display: flex;\n                align-items: center;\n                font-family: var(--comp-forms-label-font-family);\n                font-size: var(--comp-forms-label-size);\n                font-weight: var(--comp-forms-label-font-weight);\n                line-height: var(--comp-forms-label-line-height);\n                color: var(--comp-forms-label-text-color);\n                cursor: pointer;\n            }\n            \n            /* Empty label styling */\n            input[type=\"checkbox\"].ap-checkbox-styled + label:empty {\n                display: none;\n            }\n            \n            /* Disabled label styling */\n            input[type=\"checkbox\"].ap-checkbox-styled:disabled + label {\n                color: var(--ref-color-grey-60);\n                cursor: default;\n            }\n        `;\n\n        // Create and append style element\n        this.styleElement = this.renderer.createElement('style');\n        this.renderer.appendChild(this.styleElement, this.renderer.createText(styles));\n        this.renderer.appendChild(document.head, this.styleElement);\n    }\n\n    private onValueChange(): void {\n        if (!this.elementRef.nativeElement.disabled) {\n            const input = this.elementRef.nativeElement;\n\n            if (this.indeterminate()) {\n                // When indeterminate, clicking should go to checked state\n                this._checked.set(true);\n                this._indeterminate.set(false);\n                input.checked = true;\n                input.indeterminate = false;\n            } else {\n                // Normal toggle behavior\n                this._checked.set(input.checked);\n            }\n        }\n    }\n}\n","import { Directive, Input } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'img[default]',\n    standalone: true,\n    // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n    host: {\n        '(error)': 'updateUrl()',\n        '[src]': 'src',\n    },\n})\nexport class DefaultImageDirective {\n    @Input({\n        required: true,\n    })\n    src = '';\n    @Input() default = '';\n\n    updateUrl() {\n        if (this.default) {\n            this.src = this.default;\n        } else {\n            this.src = 'assets/lib-ui-components/img/default-avatar.png';\n        }\n    }\n}\n","import { AfterContentChecked, Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';\n\n/**\n * Removes excess text from element until it fits in elements\n * and appends a ellipsis symbol to end of text. This requires that\n * the elements height be fixed\n *\n * @example\n * ```html\n * <p apEllipsis>Ullamco esse laborum</p>\n * ```\n *\n */\n@Directive({\n    selector: '[apEllipsis]',\n    standalone: true,\n})\nexport class EllipsisDirective implements AfterContentChecked {\n    @Input() apEllipsisSeparator = '';\n    @Input() apEllipsisClip = false;\n    @Input() apEllipsisIndex = -2;\n    @Input() apEllipsisChar = '...';\n    @Input() apEllipsisClickable = false;\n\n    @Output() apEllipsisRemovedElementsCount = new EventEmitter<number>();\n    @Output() apEllipsisRemovedText = new EventEmitter<string>();\n\n    private get hasOverflow(): boolean {\n        const el: HTMLElement = this.el.nativeElement;\n        return el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth;\n    }\n\n    constructor(private el: ElementRef) {}\n\n    ngAfterContentChecked() {\n        this.clipText();\n    }\n\n    private clipText(): void {\n        const el: HTMLElement = this.el.nativeElement;\n        let text = el.innerText;\n        let removedText = '';\n        if (this.apEllipsisIndex > -1) {\n            removedText = text.substring(this.apEllipsisIndex, text.length - 1) + removedText;\n            text = text.substring(0, this.apEllipsisIndex);\n            el.innerText = `${text}${this.apEllipsisChar}`;\n\n            if (this.apEllipsisClickable) {\n                el.addEventListener('click', () => {\n                    el.innerText = `${text}${removedText}`;\n                });\n            }\n        } else {\n            while (this.hasOverflow && text.length > 0) {\n                removedText = text[text.length - 1] + removedText;\n                text = text.substring(0, text.length - 1);\n                el.innerText = `${text}${this.apEllipsisChar}`;\n            }\n        }\n\n        if (this.apEllipsisSeparator) {\n            const removedElementsCount = removedText\n                .split(this.apEllipsisSeparator)\n                .filter(element => !!element && element.length > 0).length;\n            if (removedElementsCount > 0) {\n                this.apEllipsisRemovedElementsCount.emit(removedElementsCount);\n            }\n        }\n        if (removedText && removedText.length > 0) {\n            this.apEllipsisRemovedText.emit(removedText);\n        }\n    }\n}\n","// Based on https://scotch.io/tutorials/how-to-implement-a-custom-validator-directive-confirm-password-in-angular-2\nimport { Attribute, Directive, forwardRef } from '@angular/core';\nimport { AbstractControl, NG_VALIDATORS, Validator } from '@angular/forms';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',\n    providers: [\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => EqualValidatorDirective),\n            multi: true,\n        },\n    ],\n    standalone: true,\n})\nexport class EqualValidatorDirective implements Validator {\n    constructor(\n        @Attribute('validateEqual') public validateEqual: string,\n        @Attribute('validateEqualReference') public validateEqualReference: string\n    ) {}\n\n    validate(self: AbstractControl): { [key: string]: any } | null {\n        const other = self.root.get(this.validateEqual);\n        if (other) {\n            if (this.isReference()) {\n                if (self.value === other.value) {\n                    if (other.errors) {\n                        delete other.errors['validateEqual'];\n                        if (!Object.keys(other.errors).length) {\n                            other.setErrors(null);\n                        }\n                    } else {\n                        other.setErrors(null);\n                    }\n                } else {\n                    other.setErrors({ validateEqual: false });\n                }\n            } else if (self.value !== other.value) {\n                return { validateEqual: false };\n            }\n        }\n        return null;\n    }\n\n    private isReference(): boolean {\n        if (!this.validateEqualReference) {\n            return false;\n        }\n        return this.validateEqualReference === 'true';\n    }\n}\n","import { Directive, ElementRef, Input, OnChanges } from '@angular/core';\n\nexport class GifService {\n    static isGif(src: string) {\n        return src && src.split('?')[0].endsWith('.gif');\n    }\n}\n\n/**\n * If the image is a GIF then replace the img element by a canvas containing a frozen gif.\n * Note 1: if the image is displayed under a condition, the condition must be applied on the parent of the image, so the\n * new canvas element will have the same condition.\n * Note 2: the image must not have the properties \"display\" and \"visibility\" in its style. Since they are used to frozen\n * the GIF. You need to apply this properties on the parent element.\n * Note 3: If the GIF is frozen, all the event are propagated to the image. However, all events are dispatched\n * with an Event instance. Ex: click event is not dispatched with a MouseEvent instance.\n */\n\n@Directive({\n    selector: 'img[apFrozenGif]',\n    // eslint-disable-next-line @angular-eslint/no-host-metadata-property\n    host: {\n        '[src]': 'src',\n    },\n    standalone: true,\n})\nexport class FrozenGifDirective implements OnChanges {\n    @Input({\n        required: true,\n    })\n    src = '';\n    @Input() apFrozen = true;\n    // Add all the events that need to be propagated.\n    @Input() apGifEvents: string[] = ['click'];\n\n    private readonly element!: HTMLImageElement;\n    private canvas: HTMLCanvasElement | null = null;\n\n    constructor(private elementRef: ElementRef) {\n        const element = this.elementRef.nativeElement;\n        if (!(element instanceof HTMLImageElement)) {\n            return;\n        }\n\n        this.element = element;\n    }\n\n    ngOnChanges(changes: any): void {\n        let freeze = false;\n        if (changes.src) {\n            freeze = true;\n        }\n        if (changes.frozen) {\n            if (changes.frozen.currentValue) {\n                freeze = true;\n            } else {\n                this.unfreeze();\n            }\n        }\n\n        if (freeze) {\n            this.freeze();\n        }\n    }\n\n    private freeze() {\n        if (!GifService.isGif(this.src) || !this.apFrozen) {\n            this.unfreeze();\n            return;\n        }\n\n        // hack to avoid displaying the GIF before replacing it by the canvas\n        this.element.style.visibility = 'hidden';\n        this.element.addEventListener('load', () => this.addCanvas());\n    }\n\n    private addCanvas() {\n        if (this.canvas) {\n            this.canvas.remove();\n        }\n\n        this.canvas = document.createElement('canvas');\n        this.canvas.width = this.element.width;\n        this.canvas.height = this.element.height;\n        this.canvas.getContext('2d')?.drawImage(this.element, 0, 0, this.canvas.width, this.canvas.height);\n        for (let i = 0; i < this.element.attributes.length; i++) {\n            const attr = this.element.attributes[i];\n            if (attr.name === 'id') {\n                // avoid two elements with the same id\n                this.canvas.setAttribute('id', attr.value + '_frozenGif');\n            } else if ((attr.name === 'style' && attr.value.includes('visibility: hidden;')) || attr.value.includes('display: none;')) {\n                // remove the added 'visibility: hidden' and 'display: none'\n                const styleValue = attr.value;\n                this.canvas.setAttribute('style', styleValue.replace('visibility: hidden;', '').replace('display: none;', ''));\n            } else if (attr.name !== '\"') {\n                // test for invalid attributes\n                this.canvas.setAttribute(attr.name, attr.value);\n            }\n        }\n\n        this.addEvents();\n\n        this.element.parentNode?.insertBefore(this.canvas, this.element);\n        this.element.style.display = 'none';\n    }\n\n    private addEvents() {\n        this.apGifEvents.forEach((eventName: string) => {\n            this.canvas?.addEventListener(eventName, (ev: Event) =>\n                this.element.dispatchEvent(\n                    // wm: find a way to dispatch the right event type\n                    new Event(ev.type, ev)\n                )\n            );\n        });\n    }\n\n    private unfreeze() {\n        if (this.canvas) {\n            this.canvas.remove();\n            this.canvas = null;\n        }\n        this.element.style.visibility = 'inherit';\n        this.element.style.display = 'inherit';\n    }\n}\n","import { Directive, ElementRef, EventEmitter, Input, Output, Renderer2 } from '@angular/core';\nimport DOMPurify from 'dompurify';\n\nconst DATA_MST = 'data-mst';\n\n/**\n * This directive aims to parse simple string to extract some specific tags and to turn them into SPAN with styling classes attributes and optional event listening.\n * The specific tags must this schema: <ng-container data-mst=\"STYLING-CLASSES\">TEXT</ng-container>.\n * Example: 'Lorem <ng-container data-mst=\"my-style\">ipsum</ng-container> dolor sit amet'.\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[multiStyleText]',\n    standalone: true,\n})\nexport class MultiStyleTextDirective {\n    @Input() set multiStyleText(fullText: string) {\n        // First remove previously added children (on update).\n        this.renderer.setProperty(this.elRef.nativeElement, 'innerHTML', '');\n        if (!fullText || fullText.length <= 0) {\n            return;\n        }\n\n        this.renderer.setProperty(this.elRef.nativeElement, 'innerHTML', DOMPurify.sanitize(fullText.replace(/ng-container/g, 'span')));\n\n        Array.from(this.elRef.nativeElement.children).forEach((childNode: Element) => {\n            if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() === 'span') {\n                // Node.ELEMENT_NODE\n\n                const span: HTMLElement = this.renderer.createElement('span');\n                span.innerHTML = childNode.innerHTML;\n                this.elRef.nativeElement.replaceChild(span, childNode);\n\n                const mstValue = childNode.getAttribute(DATA_MST);\n                if (mstValue) {\n                    const mstContents = mstValue.split(';');\n                    // Bind click events\n                    if (mstContents[1]) {\n                        this.renderer.listen(span, 'click', () => this.partEvent.emit(mstContents[1]));\n                    }\n                    // Add classes\n                    if (mstContents[0] && mstContents[0].length > 0) {\n                        this.renderer.setAttribute(span, 'class', mstContents[0].replace(',', ' '));\n                    }\n                }\n            }\n        });\n    }\n\n    @Output() partEvent = new EventEmitter<string>();\n\n    public constructor(\n        private elRef: ElementRef<HTMLElement>,\n        private renderer: Renderer2\n    ) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-directives.mjs","sources":["../../../libs/ui-components/directives/src/autosize-textarea.directive.ts","../../../libs/ui-components/directives/src/base-button.directive.ts","../../../libs/ui-components/directives/src/checkbox.directive.ts","../../../libs/ui-components/directives/src/default-image.directive.ts","../../../libs/ui-components/directives/src/ellipsis.directive.ts","../../../libs/ui-components/directives/src/equal-validator.directive.ts","../../../libs/ui-components/directives/src/frozen-gif.directive.ts","../../../libs/ui-components/directives/src/multi-style-text.directive.ts","../../../libs/ui-components/directives/src/agorapulse-ui-components-directives.ts"],"sourcesContent":["import { AfterContentChecked, Directive, ElementRef, HostListener } from '@angular/core';\n\n@Directive({\n    selector: 'textarea[apAutosize]',\n    standalone: true,\n})\n/**\n * expand textarea to fit content. Doesn't shrink.\n */\nexport class AutosizeTextareaDirective implements AfterContentChecked {\n    static maxHeight: number = 200;\n\n    constructor(public element: ElementRef) {}\n\n    @HostListener('input')\n    public onInput() {\n        this.resize();\n    }\n\n    public ngAfterContentChecked() {\n        this.resize();\n    }\n\n    public resize() {\n        const style = this.element.nativeElement.style;\n        const scrollHeight = this.element.nativeElement.scrollHeight;\n        const actualHeight = this.element.nativeElement.offsetHeight;\n        if (AutosizeTextareaDirective.maxHeight < scrollHeight) {\n            // we arrived at the max\n            style.overflow = 'auto';\n            style.height = `${AutosizeTextareaDirective.maxHeight}px`;\n        } else if (actualHeight < scrollHeight) {\n            style.overflow = 'hidden';\n            style.height = `${scrollHeight}px`;\n        }\n    }\n}\n","import { AfterViewInit, ChangeDetectorRef, Directive, ElementRef, inject, OnInit } from '@angular/core';\n\n@Directive({\n    selector: '[apBaseButton]',\n    standalone: true,\n})\nexport class BaseButtonDirective implements AfterViewInit, OnInit {\n    hostId: string | undefined = undefined;\n    hostDataTest: string | undefined = undefined;\n    hostType: string = 'button';\n\n    private elementRef: ElementRef = inject(ElementRef);\n    private changeDetectorRef: ChangeDetectorRef = inject(ChangeDetectorRef);\n\n    ngOnInit() {\n        this.hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');\n        this.hostId = this.elementRef.nativeElement.getAttribute('id');\n        this.elementRef.nativeElement.removeAttribute('data-test');\n        this.elementRef.nativeElement.removeAttribute('id');\n    }\n\n    // Sometimes attributes like the id, or the data-test are dynamic and can change between the constructor and the initialization.\n    // In order to have the last attributes value we check if it changes, and if it does, we run a mark for check to update the view.\n    ngAfterViewInit(): void {\n        const hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');\n        const hostId = this.elementRef.nativeElement.getAttribute('id');\n        const hostType = this.elementRef.nativeElement.getAttribute('type');\n        if (hostDataTest && this.hostDataTest !== hostDataTest) {\n            this.hostDataTest = hostDataTest;\n            this.elementRef.nativeElement.removeAttribute('data-test');\n            this.changeDetectorRef.markForCheck();\n        }\n        if (hostId && this.hostId !== hostId) {\n            this.hostId = hostId;\n            this.elementRef.nativeElement.removeAttribute('id');\n            this.changeDetectorRef.markForCheck();\n        }\n        if (hostType && this.hostType !== hostType) {\n            this.hostType = hostType;\n            this.elementRef.nativeElement.removeAttribute('type');\n            this.changeDetectorRef.markForCheck();\n        }\n    }\n}\n","import {\n    booleanAttribute,\n    Directive,\n    effect,\n    ElementRef,\n    inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Renderer2,\n    signal\n} from '@angular/core';\n\n@Directive({\n    selector: 'input[type=\"checkbox\"][apCheckbox]',\n    standalone: true,\n    providers: [],\n})\nexport class CheckboxDirective implements OnInit, OnDestroy {\n    private readonly elementRef = inject(ElementRef<HTMLInputElement>);\n    private readonly renderer = inject(Renderer2);\n\n    // State signals\n    private _checked = signal(false);\n    private _indeterminate = signal(false);\n\n    // Input signal accessors that work with host bindings\n    checked = this._checked.asReadonly();\n    indeterminate = this._indeterminate.asReadonly();\n\n    // Input setters with proper aliases for template binding\n    // Couldn't be migrated to yet\n    @Input('checked')\n    set checkedInput(checked: boolean) {\n        this._checked.set(checked);\n        this.updateNativeElementSync();\n    }\n\n    @Input({\n        transform: booleanAttribute,\n        alias: 'indeterminate',\n    })\n    set indeterminateInput(indeterminate: boolean) {\n        if (indeterminate) {\n            this._checked.set(false);\n        }\n        this._indeterminate.set(indeterminate);\n        this.updateNativeElementSync();\n    }\n\n    private updateNativeElementSync(): void {\n        const input = this.elementRef.nativeElement;\n        if (input) {\n            input.checked = this.checked();\n            input.indeterminate = this.indeterminate();\n        }\n    }\n\n    // Private properties\n    private listeners: (() => void)[] = [];\n    private styleElement!: HTMLStyleElement;\n    private checkmarkSvg!: SVGElement;\n    private indeterminateBar!: HTMLElement;\n\n    constructor() {\n        effect(() => {\n            if (this.checkmarkSvg && this.indeterminateBar) {\n                this.updateCheckmarkVisibility();\n            }\n        });\n    }\n\n    // Custom SVG content\n    private readonly checkSvgContent = `\n        <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"10\" height=\"10\" fill=\"white\">\n            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.238 3.337a.92.92 0 0 1 .025 1.301l-7.7 8a.92.92 0 0 1-1.326 0l-3.5-3.636a.92.92 0 1 1 1.326-1.276L5.9 10.674l7.037-7.312a.92.92 0 0 1 1.301-.025Z\" />\n        </svg>\n    `;\n\n    ngOnInit() {\n        this.createCheckboxStructure();\n        this.setupEventListeners();\n    }\n\n    ngOnDestroy(): void {\n        this.listeners.forEach(unlisten => unlisten());\n        if (this.styleElement && this.styleElement.parentNode) {\n            this.styleElement.parentNode.removeChild(this.styleElement);\n        }\n        if (this.checkmarkSvg && this.checkmarkSvg.parentNode) {\n            this.checkmarkSvg.parentNode.removeChild(this.checkmarkSvg);\n        }\n        if (this.indeterminateBar && this.indeterminateBar.parentNode) {\n            this.indeterminateBar.parentNode.removeChild(this.indeterminateBar);\n        }\n    }\n\n    private createCheckboxStructure(): void {\n        const input = this.elementRef.nativeElement;\n        const parent = input.parentElement;\n\n        // Make input's parent use inline-flex for alignment and position relative\n        if (parent) {\n            this.renderer.setStyle(parent, 'display', 'inline-flex');\n            this.renderer.setStyle(parent, 'align-items', 'center');\n            this.renderer.setStyle(parent, 'gap', 'var(--ref-spacing-xxs)');\n            this.renderer.setStyle(parent, 'position', 'relative');\n        }\n\n        this.renderer.addClass(input, 'ap-checkbox-styled');\n\n        this.createCheckmarkSvg();\n        this.createIndeterminateBar();\n\n        this.applyCheckboxStyles();\n\n        this.updateCheckmarkVisibility();\n    }\n\n    private createOverlayElement(element: HTMLElement | SVGElement): void {\n        const parent = this.elementRef.nativeElement.parentElement;\n\n        // Apply common positioning styles\n        this.renderer.setStyle(element, 'position', 'absolute');\n        this.renderer.setStyle(element, 'top', '50%');\n        this.renderer.setStyle(element, 'left', '8px'); // Center over 16px checkbox\n        this.renderer.setStyle(element, 'transform', 'translate(-50%, -50%)');\n        this.renderer.setStyle(element, 'pointer-events', 'none');\n        this.renderer.setStyle(element, 'opacity', '0');\n        this.renderer.setStyle(element, 'z-index', '1');\n\n        // Append to parent\n        this.renderer.appendChild(parent, element);\n    }\n\n    private createCheckmarkSvg(): void {\n        // Create SVG element from string\n        const tempDiv = this.renderer.createElement('div');\n        this.renderer.setProperty(tempDiv, 'innerHTML', this.checkSvgContent);\n        this.checkmarkSvg = tempDiv.firstElementChild as SVGElement;\n\n        this.createOverlayElement(this.checkmarkSvg);\n    }\n\n    private createIndeterminateBar(): void {\n        // Create the indeterminate bar element\n        this.indeterminateBar = this.renderer.createElement('span');\n        this.renderer.setStyle(this.indeterminateBar, 'height', '1.5px');\n        this.renderer.setStyle(this.indeterminateBar, 'background', 'var(--ref-color-white)');\n        this.renderer.setStyle(this.indeterminateBar, 'width', '8px');\n\n        this.createOverlayElement(this.indeterminateBar);\n    }\n\n    private updateCheckmarkVisibility(): void {\n        if (this.checkmarkSvg) {\n            const opacity = this.checked() && !this.indeterminate() ? '1' : '0';\n            this.renderer.setStyle(this.checkmarkSvg, 'opacity', opacity);\n        }\n        if (this.indeterminateBar) {\n            const opacity = this.indeterminate() && !this.checked() ? '1' : '0';\n            this.renderer.setStyle(this.indeterminateBar, 'opacity', opacity);\n        }\n    }\n\n    private setupEventListeners(): void {\n        const input = this.elementRef.nativeElement;\n\n        // Input change listener (native checkbox change)\n        const changeListener = this.renderer.listen(input, 'change', () => {\n            this.onValueChange();\n        });\n        this.listeners.push(changeListener);\n\n        // Listen for label clicks to ensure focus is maintained\n        const parent = input.parentElement;\n        if (parent) {\n            const labelClickListener = this.renderer.listen(parent, 'click', (event: MouseEvent) => {\n                const target = event.target as HTMLElement;\n                // If clicking on a label that targets our input, ensure focus\n                if (target.tagName === 'LABEL' && target.getAttribute('for') === input.id) {\n                    // Small delay to ensure the label click is processed first\n                    setTimeout(() => {\n                        input.focus();\n                    }, 0);\n                }\n            });\n            this.listeners.push(labelClickListener);\n        }\n    }\n\n    private applyCheckboxStyles(): void {\n        const styles = `\n            /* Minimal checkbox styling */\n            input[type=\"checkbox\"].ap-checkbox-styled {\n                appearance: none !important;\n                -webkit-appearance: none !important;\n                -moz-appearance: none !important;\n                \n                display: inline-block !important;\n                width: 16px !important;\n                height: 16px !important;\n                min-width: 16px !important;\n                min-height: 16px !important;\n                margin: 0 !important;\n                padding: 0 !important;\n                border: 1px solid var(--ref-color-grey-60);\n                border-radius: var(--sys-border-radius-sm);\n                background: var(--ref-color-white);\n                box-sizing: border-box;\n                cursor: pointer;\n                vertical-align: middle;\n            }\n            \n            /* Hover state */\n            input[type=\"checkbox\"].ap-checkbox-styled:hover {\n                border-color: var(--ref-color-grey-80);\n            }\n            \n            /* Active/pressed state */\n            input[type=\"checkbox\"].ap-checkbox-styled:active {\n                border-color: var(--ref-color-grey-100);\n            }\n            \n            /* Checked state */\n            input[type=\"checkbox\"].ap-checkbox-styled:checked {\n                background: var(--ref-color-electric-blue-100);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Checked hover state */\n            input[type=\"checkbox\"].ap-checkbox-styled:checked:hover {\n                background: var(--ref-color-electric-blue-80);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Checked active/pressed state */\n            input[type=\"checkbox\"].ap-checkbox-styled:checked:active {\n                background: var(--ref-color-electric-blue-60);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Indeterminate state */\n            input[type=\"checkbox\"].ap-checkbox-styled:indeterminate {\n                background: var(--ref-color-electric-blue-100);\n                border-color: var(--ref-color-electric-blue-100);\n            }\n            \n            /* Disabled state */\n            input[type=\"checkbox\"].ap-checkbox-styled:disabled {\n                border-color: var(--ref-color-grey-20);\n                background: var(--ref-color-grey-10);\n                cursor: default;\n            }\n            \n            input[type=\"checkbox\"].ap-checkbox-styled:disabled:checked {\n                background: var(--ref-color-grey-20);\n            }\n            \n            /* Focus state */\n            @media (hover: hover) {\n                input[type=\"checkbox\"].ap-checkbox-styled:focus:not(.disabled) {\n                    outline: 3px solid var(--ref-color-electric-blue-100) !important;\n                    outline-offset: 1px !important;\n                }\n            }\n            \n            /* Label styling */\n            input[type=\"checkbox\"].ap-checkbox-styled + label {\n                display: flex;\n                align-items: center;\n                font-family: var(--comp-forms-label-font-family);\n                font-size: var(--comp-forms-label-size);\n                font-weight: var(--comp-forms-label-font-weight);\n                line-height: var(--comp-forms-label-line-height);\n                color: var(--comp-forms-label-text-color);\n                cursor: pointer;\n            }\n            \n            /* Empty label styling */\n            input[type=\"checkbox\"].ap-checkbox-styled + label:empty {\n                display: none;\n            }\n            \n            /* Disabled label styling */\n            input[type=\"checkbox\"].ap-checkbox-styled:disabled + label {\n                color: var(--ref-color-grey-60);\n                cursor: default;\n            }\n        `;\n\n        // Create and append style element\n        this.styleElement = this.renderer.createElement('style');\n        this.renderer.appendChild(this.styleElement, this.renderer.createText(styles));\n        this.renderer.appendChild(document.head, this.styleElement);\n    }\n\n    private onValueChange(): void {\n        if (!this.elementRef.nativeElement.disabled) {\n            const input = this.elementRef.nativeElement;\n\n            if (this.indeterminate()) {\n                // When indeterminate, clicking should go to checked state\n                this._checked.set(true);\n                this._indeterminate.set(false);\n                input.checked = true;\n                input.indeterminate = false;\n            } else {\n                // Normal toggle behavior\n                this._checked.set(input.checked);\n            }\n        }\n    }\n}\n","import { Directive, Input } from '@angular/core';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'img[default]',\n    standalone: true,\n    host: {\n        '(error)': 'updateUrl()',\n        '[src]': 'src',\n    },\n})\nexport class DefaultImageDirective {\n    @Input({\n        required: true,\n    })\n    src = '';\n    @Input() default = '';\n\n    updateUrl() {\n        if (this.default) {\n            this.src = this.default;\n        } else {\n            this.src = 'assets/lib-ui-components/img/default-avatar.png';\n        }\n    }\n}\n","import { AfterContentChecked, Directive, ElementRef, EventEmitter, Input, Output } from '@angular/core';\n\n/**\n * Removes excess text from element until it fits in elements\n * and appends a ellipsis symbol to end of text. This requires that\n * the elements height be fixed\n *\n * @example\n * ```html\n * <p apEllipsis>Ullamco esse laborum</p>\n * ```\n *\n */\n@Directive({\n    selector: '[apEllipsis]',\n    standalone: true,\n})\nexport class EllipsisDirective implements AfterContentChecked {\n    @Input() apEllipsisSeparator = '';\n    @Input() apEllipsisClip = false;\n    @Input() apEllipsisIndex = -2;\n    @Input() apEllipsisChar = '...';\n    @Input() apEllipsisClickable = false;\n\n    @Output() apEllipsisRemovedElementsCount = new EventEmitter<number>();\n    @Output() apEllipsisRemovedText = new EventEmitter<string>();\n\n    private get hasOverflow(): boolean {\n        const el: HTMLElement = this.el.nativeElement;\n        return el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth;\n    }\n\n    constructor(private el: ElementRef) {}\n\n    ngAfterContentChecked() {\n        this.clipText();\n    }\n\n    private clipText(): void {\n        const el: HTMLElement = this.el.nativeElement;\n        let text = el.innerText;\n        let removedText = '';\n        if (this.apEllipsisIndex > -1) {\n            removedText = text.substring(this.apEllipsisIndex, text.length - 1) + removedText;\n            text = text.substring(0, this.apEllipsisIndex);\n            el.innerText = `${text}${this.apEllipsisChar}`;\n\n            if (this.apEllipsisClickable) {\n                el.addEventListener('click', () => {\n                    el.innerText = `${text}${removedText}`;\n                });\n            }\n        } else {\n            while (this.hasOverflow && text.length > 0) {\n                removedText = text[text.length - 1] + removedText;\n                text = text.substring(0, text.length - 1);\n                el.innerText = `${text}${this.apEllipsisChar}`;\n            }\n        }\n\n        if (this.apEllipsisSeparator) {\n            const removedElementsCount = removedText\n                .split(this.apEllipsisSeparator)\n                .filter(element => !!element && element.length > 0).length;\n            if (removedElementsCount > 0) {\n                this.apEllipsisRemovedElementsCount.emit(removedElementsCount);\n            }\n        }\n        if (removedText && removedText.length > 0) {\n            this.apEllipsisRemovedText.emit(removedText);\n        }\n    }\n}\n","// Based on https://scotch.io/tutorials/how-to-implement-a-custom-validator-directive-confirm-password-in-angular-2\nimport { Attribute, Directive, forwardRef } from '@angular/core';\nimport { AbstractControl, NG_VALIDATORS, Validator } from '@angular/forms';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',\n    providers: [\n        {\n            provide: NG_VALIDATORS,\n            useExisting: forwardRef(() => EqualValidatorDirective),\n            multi: true,\n        },\n    ],\n    standalone: true,\n})\nexport class EqualValidatorDirective implements Validator {\n    constructor(\n        @Attribute('validateEqual') public validateEqual: string,\n        @Attribute('validateEqualReference') public validateEqualReference: string\n    ) {}\n\n    validate(self: AbstractControl): { [key: string]: any } | null {\n        const other = self.root.get(this.validateEqual);\n        if (other) {\n            if (this.isReference()) {\n                if (self.value === other.value) {\n                    if (other.errors) {\n                        delete other.errors['validateEqual'];\n                        if (!Object.keys(other.errors).length) {\n                            other.setErrors(null);\n                        }\n                    } else {\n                        other.setErrors(null);\n                    }\n                } else {\n                    other.setErrors({ validateEqual: false });\n                }\n            } else if (self.value !== other.value) {\n                return { validateEqual: false };\n            }\n        }\n        return null;\n    }\n\n    private isReference(): boolean {\n        if (!this.validateEqualReference) {\n            return false;\n        }\n        return this.validateEqualReference === 'true';\n    }\n}\n","import { Directive, ElementRef, Input, OnChanges } from '@angular/core';\n\nexport class GifService {\n    static isGif(src: string) {\n        return src && src.split('?')[0].endsWith('.gif');\n    }\n}\n\n/**\n * If the image is a GIF then replace the img element by a canvas containing a frozen gif.\n * Note 1: if the image is displayed under a condition, the condition must be applied on the parent of the image, so the\n * new canvas element will have the same condition.\n * Note 2: the image must not have the properties \"display\" and \"visibility\" in its style. Since they are used to frozen\n * the GIF. You need to apply this properties on the parent element.\n * Note 3: If the GIF is frozen, all the event are propagated to the image. However, all events are dispatched\n * with an Event instance. Ex: click event is not dispatched with a MouseEvent instance.\n */\n\n@Directive({\n    selector: 'img[apFrozenGif]',\n    host: {\n        '[src]': 'src',\n    },\n    standalone: true,\n})\nexport class FrozenGifDirective implements OnChanges {\n    @Input({\n        required: true,\n    })\n    src = '';\n    @Input() apFrozen = true;\n    // Add all the events that need to be propagated.\n    @Input() apGifEvents: string[] = ['click'];\n\n    private readonly element!: HTMLImageElement;\n    private canvas: HTMLCanvasElement | null = null;\n\n    constructor(private elementRef: ElementRef) {\n        const element = this.elementRef.nativeElement;\n        if (!(element instanceof HTMLImageElement)) {\n            return;\n        }\n\n        this.element = element;\n    }\n\n    ngOnChanges(changes: any): void {\n        let freeze = false;\n        if (changes.src) {\n            freeze = true;\n        }\n        if (changes.frozen) {\n            if (changes.frozen.currentValue) {\n                freeze = true;\n            } else {\n                this.unfreeze();\n            }\n        }\n\n        if (freeze) {\n            this.freeze();\n        }\n    }\n\n    private freeze() {\n        if (!GifService.isGif(this.src) || !this.apFrozen) {\n            this.unfreeze();\n            return;\n        }\n\n        // hack to avoid displaying the GIF before replacing it by the canvas\n        this.element.style.visibility = 'hidden';\n        this.element.addEventListener('load', () => this.addCanvas());\n    }\n\n    private addCanvas() {\n        if (this.canvas) {\n            this.canvas.remove();\n        }\n\n        this.canvas = document.createElement('canvas');\n        this.canvas.width = this.element.width;\n        this.canvas.height = this.element.height;\n        this.canvas.getContext('2d')?.drawImage(this.element, 0, 0, this.canvas.width, this.canvas.height);\n        for (let i = 0; i < this.element.attributes.length; i++) {\n            const attr = this.element.attributes[i];\n            if (attr.name === 'id') {\n                // avoid two elements with the same id\n                this.canvas.setAttribute('id', attr.value + '_frozenGif');\n            } else if ((attr.name === 'style' && attr.value.includes('visibility: hidden;')) || attr.value.includes('display: none;')) {\n                // remove the added 'visibility: hidden' and 'display: none'\n                const styleValue = attr.value;\n                this.canvas.setAttribute('style', styleValue.replace('visibility: hidden;', '').replace('display: none;', ''));\n            } else if (attr.name !== '\"') {\n                // test for invalid attributes\n                this.canvas.setAttribute(attr.name, attr.value);\n            }\n        }\n\n        this.addEvents();\n\n        this.element.parentNode?.insertBefore(this.canvas, this.element);\n        this.element.style.display = 'none';\n    }\n\n    private addEvents() {\n        this.apGifEvents.forEach((eventName: string) => {\n            this.canvas?.addEventListener(eventName, (ev: Event) =>\n                this.element.dispatchEvent(\n                    // wm: find a way to dispatch the right event type\n                    new Event(ev.type, ev)\n                )\n            );\n        });\n    }\n\n    private unfreeze() {\n        if (this.canvas) {\n            this.canvas.remove();\n            this.canvas = null;\n        }\n        this.element.style.visibility = 'inherit';\n        this.element.style.display = 'inherit';\n    }\n}\n","import { Directive, ElementRef, EventEmitter, Input, Output, Renderer2 } from '@angular/core';\nimport DOMPurify from 'dompurify';\n\nconst DATA_MST = 'data-mst';\n\n/**\n * This directive aims to parse simple string to extract some specific tags and to turn them into SPAN with styling classes attributes and optional event listening.\n * The specific tags must this schema: <ng-container data-mst=\"STYLING-CLASSES\">TEXT</ng-container>.\n * Example: 'Lorem <ng-container data-mst=\"my-style\">ipsum</ng-container> dolor sit amet'.\n */\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[multiStyleText]',\n    standalone: true,\n})\nexport class MultiStyleTextDirective {\n    @Input() set multiStyleText(fullText: string) {\n        // First remove previously added children (on update).\n        this.renderer.setProperty(this.elRef.nativeElement, 'innerHTML', '');\n        if (!fullText || fullText.length <= 0) {\n            return;\n        }\n\n        this.renderer.setProperty(this.elRef.nativeElement, 'innerHTML', DOMPurify.sanitize(fullText.replace(/ng-container/g, 'span')));\n\n        Array.from(this.elRef.nativeElement.children).forEach((childNode: Element) => {\n            if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() === 'span') {\n                // Node.ELEMENT_NODE\n\n                const span: HTMLElement = this.renderer.createElement('span');\n                span.innerHTML = childNode.innerHTML;\n                this.elRef.nativeElement.replaceChild(span, childNode);\n\n                const mstValue = childNode.getAttribute(DATA_MST);\n                if (mstValue) {\n                    const mstContents = mstValue.split(';');\n                    // Bind click events\n                    if (mstContents[1]) {\n                        this.renderer.listen(span, 'click', () => this.partEvent.emit(mstContents[1]));\n                    }\n                    // Add classes\n                    if (mstContents[0] && mstContents[0].length > 0) {\n                        this.renderer.setAttribute(span, 'class', mstContents[0].replace(',', ' '));\n                    }\n                }\n            }\n        });\n    }\n\n    @Output() partEvent = new EventEmitter<string>();\n\n    public constructor(\n        private elRef: ElementRef<HTMLElement>,\n        private renderer: Renderer2\n    ) {}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/agorapulse-ui-components-dot-stepper.mjs

@@ -26,12 +26,12 @@ class DotStepperComponent {
         this.index = index;
         this.dotClick.emit(this.index);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DotStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: DotStepperComponent, isStandalone: true, selector: "ap-dot-stepper", inputs: { interactive: ["interactive", "interactive", booleanAttribute], index: "index", items: "items" }, outputs: { dotClick: "dotClick" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n        <div\n            class=\"dot\"\n            tabindex=\"-1\"\n            [ngClass]=\"{\n                active: item === currentItem,\n                disabled: !interactive\n            }\"\n            (click)=\"onDotClick($event, item, i)\"\n            (keydown)=\"onDotClick($event, item, i)\"></div>\n    }\n</div>\n", styles: [".dots{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--comp-dot-stepper-spacing);place-content:stretch center;width:100%}.dots .dot{position:relative;transition:all .2s ease-in-out;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--comp-dot-stepper-dot-inactive-border-color);border-radius:50%;height:var(--comp-dot-stepper-dot-size);width:var(--comp-dot-stepper-dot-size);cursor:pointer}.dots .dot:hover{border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-60);background:var(--comp-dot-stepper-dot-inactive-focused-background-color)}.dots .dot:focus{background:var(--comp-dot-stepper-dot-inactive-hovered-background-color)}.dots .dot:focus:after{content:\"\";width:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));height:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));top:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));left:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));position:absolute;border-radius:50%;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-100)}.dots .dot.active{background:var(--comp-dot-stepper-dot-active-background-color);border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-150);cursor:initial}.dots .dot.disabled{cursor:initial;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DotStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: DotStepperComponent, isStandalone: true, selector: "ap-dot-stepper", inputs: { interactive: ["interactive", "interactive", booleanAttribute], index: "index", items: "items" }, outputs: { dotClick: "dotClick" }, usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n        <div\n            class=\"dot\"\n            tabindex=\"-1\"\n            [ngClass]=\"{\n                active: item === currentItem,\n                disabled: !interactive\n            }\"\n            (click)=\"onDotClick($event, item, i)\"\n            (keydown)=\"onDotClick($event, item, i)\"></div>\n    }\n</div>\n", styles: [".dots{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--comp-dot-stepper-spacing);place-content:stretch center;width:100%}.dots .dot{position:relative;transition:all .2s ease-in-out;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--comp-dot-stepper-dot-inactive-border-color);border-radius:50%;height:var(--comp-dot-stepper-dot-size);width:var(--comp-dot-stepper-dot-size);cursor:pointer}.dots .dot:hover{border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-60);background:var(--comp-dot-stepper-dot-inactive-focused-background-color)}.dots .dot:focus{background:var(--comp-dot-stepper-dot-inactive-hovered-background-color)}.dots .dot:focus:after{content:\"\";width:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));height:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));top:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));left:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));position:absolute;border-radius:50%;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-100)}.dots .dot.active{background:var(--comp-dot-stepper-dot-active-background-color);border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-150);cursor:initial}.dots .dot.disabled{cursor:initial;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: DotStepperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: DotStepperComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-dot-stepper', standalone: true, imports: [NgClass], template: "<div\n    class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n        <div\n            class=\"dot\"\n            tabindex=\"-1\"\n            [ngClass]=\"{\n                active: item === currentItem,\n                disabled: !interactive\n            }\"\n            (click)=\"onDotClick($event, item, i)\"\n            (keydown)=\"onDotClick($event, item, i)\"></div>\n    }\n</div>\n", styles: [".dots{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--comp-dot-stepper-spacing);place-content:stretch center;width:100%}.dots .dot{position:relative;transition:all .2s ease-in-out;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--comp-dot-stepper-dot-inactive-border-color);border-radius:50%;height:var(--comp-dot-stepper-dot-size);width:var(--comp-dot-stepper-dot-size);cursor:pointer}.dots .dot:hover{border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-60);background:var(--comp-dot-stepper-dot-inactive-focused-background-color)}.dots .dot:focus{background:var(--comp-dot-stepper-dot-inactive-hovered-background-color)}.dots .dot:focus:after{content:\"\";width:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));height:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));top:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));left:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));position:absolute;border-radius:50%;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-100)}.dots .dot.active{background:var(--comp-dot-stepper-dot-active-background-color);border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-150);cursor:initial}.dots .dot.disabled{cursor:initial;pointer-events:none}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-dot-stepper', imports: [NgClass], template: "<div\n    class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n        <div\n            class=\"dot\"\n            tabindex=\"-1\"\n            [ngClass]=\"{\n                active: item === currentItem,\n                disabled: !interactive\n            }\"\n            (click)=\"onDotClick($event, item, i)\"\n            (keydown)=\"onDotClick($event, item, i)\"></div>\n    }\n</div>\n", styles: [".dots{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:row;gap:var(--comp-dot-stepper-spacing);place-content:stretch center;width:100%}.dots .dot{position:relative;transition:all .2s ease-in-out;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--comp-dot-stepper-dot-inactive-border-color);border-radius:50%;height:var(--comp-dot-stepper-dot-size);width:var(--comp-dot-stepper-dot-size);cursor:pointer}.dots .dot:hover{border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-60);background:var(--comp-dot-stepper-dot-inactive-focused-background-color)}.dots .dot:focus{background:var(--comp-dot-stepper-dot-inactive-hovered-background-color)}.dots .dot:focus:after{content:\"\";width:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));height:calc(var(--comp-dot-stepper-dot-size) + var(--comp-dot-stepper-dot-inactive-border-width));top:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));left:calc(-1 * (var(--comp-dot-stepper-dot-inactive-border-width) * 2 + 1px));position:absolute;border-radius:50%;border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-100)}.dots .dot.active{background:var(--comp-dot-stepper-dot-active-background-color);border:var(--comp-dot-stepper-dot-inactive-border-width) solid var(--ref-color-electric-blue-150);cursor:initial}.dots .dot.disabled{cursor:initial;pointer-events:none}\n"] }]
         }], propDecorators: { interactive: [{
                 type: Input,
                 args: [{

package/fesm2022/agorapulse-ui-components-dot-stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-dot-stepper.mjs","sources":["../../../libs/ui-components/dot-stepper/src/dot-stepper.component.ts","../../../libs/ui-components/dot-stepper/src/dot-stepper.component.html","../../../libs/ui-components/dot-stepper/src/agorapulse-ui-components-dot-stepper.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, booleanAttribute } from '@angular/core';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-dot-stepper',\n    standalone: true,\n    templateUrl: './dot-stepper.component.html',\n    imports: [NgClass],\n    styleUrls: ['./dot-stepper.component.scss'],\n})\nexport class DotStepperComponent<T> implements OnChanges {\n\n    @Input({\n        transform: booleanAttribute,\n    }) interactive = true;\n    @Input() index = 0;\n    @Input() items: T[] = [];\n    @Output() dotClick: EventEmitter<number> = new EventEmitter<number>();\n\n    currentItem: T | undefined = undefined;\n\n    ngOnChanges(): void {\n        this.currentItem = this.items[this.index];\n    }\n\n    /**\n     * On dot click\n     * @param event Dom click event\n     * @param item Item clicked\n     * @param index Index of the item clicked\n     */\n    onDotClick(event: Event, item: T, index: number): void {\n        event.stopPropagation();\n        if (!this.interactive) {\n            return;\n        }\n        this.currentItem = item;\n        this.index = index;\n        this.dotClick.emit(this.index);\n    }\n}\n","<div\n    class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n        <div\n            class=\"dot\"\n            tabindex=\"-1\"\n            [ngClass]=\"{\n                active: item === currentItem,\n                disabled: !interactive\n            }\"\n            (click)=\"onDotClick($event, item, i)\"\n            (keydown)=\"onDotClick($event, item, i)\"></div>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAWa,mBAAmB,CAAA;IAIzB,WAAW,GAAG,IAAI;IACZ,KAAK,GAAG,CAAC;IACT,KAAK,GAAQ,EAAE;AACd,IAAA,QAAQ,GAAyB,IAAI,YAAY,EAAU;IAErE,WAAW,GAAkB,SAAS;IAEtC,WAAW,GAAA;QACP,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG7C;;;;;AAKG;AACH,IAAA,UAAU,CAAC,KAAY,EAAE,IAAO,EAAE,KAAa,EAAA;QAC3C,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACnB;;AAEJ,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;uGA5BzB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAGb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,gBAAgB,CCdnC,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,gaAcA,2gDDNc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAGR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,SAAS;sCACW,uBAAuB,CAAC,MAAM,EACrC,QAAA,EAAA,gBAAgB,cACd,IAAI,EAAA,OAAA,EAEP,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,gaAAA,EAAA,MAAA,EAAA,CAAA,m9CAAA,CAAA,EAAA;8BAOf,WAAW,EAAA,CAAA;sBAFb,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACS,QAAQ,EAAA,CAAA;sBAAjB;;;AElBL;;AAEG;;;;"}
+{"version":3,"file":"agorapulse-ui-components-dot-stepper.mjs","sources":["../../../libs/ui-components/dot-stepper/src/dot-stepper.component.ts","../../../libs/ui-components/dot-stepper/src/dot-stepper.component.html","../../../libs/ui-components/dot-stepper/src/agorapulse-ui-components-dot-stepper.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, booleanAttribute } from '@angular/core';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-dot-stepper',\n    templateUrl: './dot-stepper.component.html',\n    imports: [NgClass],\n    styleUrls: ['./dot-stepper.component.scss'],\n})\nexport class DotStepperComponent<T> implements OnChanges {\n    @Input({\n        transform: booleanAttribute,\n    })\n    interactive = true;\n    @Input() index = 0;\n    @Input() items: T[] = [];\n    @Output() dotClick: EventEmitter<number> = new EventEmitter<number>();\n\n    currentItem: T | undefined = undefined;\n\n    ngOnChanges(): void {\n        this.currentItem = this.items[this.index];\n    }\n\n    /**\n     * On dot click\n     * @param event Dom click event\n     * @param item Item clicked\n     * @param index Index of the item clicked\n     */\n    onDotClick(event: Event, item: T, index: number): void {\n        event.stopPropagation();\n        if (!this.interactive) {\n            return;\n        }\n        this.currentItem = item;\n        this.index = index;\n        this.dotClick.emit(this.index);\n    }\n}\n","<div\n    class=\"dots\">\n    @for (item of items; track item; let i = $index) {\n        <div\n            class=\"dot\"\n            tabindex=\"-1\"\n            [ngClass]=\"{\n                active: item === currentItem,\n                disabled: !interactive\n            }\"\n            (click)=\"onDotClick($event, item, i)\"\n            (keydown)=\"onDotClick($event, item, i)\"></div>\n    }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAUa,mBAAmB,CAAA;IAI5B,WAAW,GAAG,IAAI;IACT,KAAK,GAAG,CAAC;IACT,KAAK,GAAQ,EAAE;AACd,IAAA,QAAQ,GAAyB,IAAI,YAAY,EAAU;IAErE,WAAW,GAAkB,SAAS;IAEtC,WAAW,GAAA;QACP,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;;AAG7C;;;;;AAKG;AACH,IAAA,UAAU,CAAC,KAAY,EAAE,IAAO,EAAE,KAAa,EAAA;QAC3C,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACnB;;AAEJ,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;QAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;uGA5BzB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAEb,gBAAgB,CAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZnC,gaAcA,2gDDPc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAGR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,gBAAgB,EAAA,OAAA,EAEjB,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,gaAAA,EAAA,MAAA,EAAA,CAAA,m9CAAA,CAAA,EAAA;8BAOlB,WAAW,EAAA,CAAA;sBAHV,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA;gBAEQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACS,QAAQ,EAAA,CAAA;sBAAjB;;;AEjBL;;AAEG;;;;"}

package/fesm2022/agorapulse-ui-components-form-field.mjs

@@ -2,10 +2,10 @@ import * as i0 from '@angular/core';
 import { ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class FormFieldComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: FormFieldComponent, isStandalone: true, selector: "ap-form-field", ngImport: i0, template: "<div class=\"ap-form-field\">\n    <ng-content select=\"label\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ap-form-message\"></ng-content>\n</div>\n", styles: ["ap-form-field{display:block}.ap-form-field{display:inline-flex;flex-direction:column;gap:var(--comp-input-spacing-horizontal);width:100%}.ap-form-field label{display:flex;flex-direction:column;gap:var(--comp-forms-label-spacing-vertical);font-size:var(--comp-forms-label-size);font-weight:var(--comp-forms-label-font-weight);line-height:var(--comp-forms-label-line-height);font-family:var(--comp-forms-label-font-family);color:var(--comp-forms-label-text-color)}.ap-form-field label .description{font-size:var(--comp-forms-label-description-text-size);font-weight:var(--comp-forms-label-description-text-font-weight);line-height:var(--comp-forms-label-description-text-line-height);font-family:var(--comp-forms-label-description-text-font-family);color:var(--comp-forms-label-description-text-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: FormFieldComponent, isStandalone: true, selector: "ap-form-field", ngImport: i0, template: "<div class=\"ap-form-field\">\n    <ng-content select=\"label\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ap-form-message\"></ng-content>\n</div>\n", styles: ["ap-form-field{display:block}.ap-form-field{display:inline-flex;flex-direction:column;gap:var(--comp-input-spacing-horizontal);width:100%}.ap-form-field label{display:flex;flex-direction:column;gap:var(--comp-forms-label-spacing-vertical);font-size:var(--comp-forms-label-size);font-weight:var(--comp-forms-label-font-weight);line-height:var(--comp-forms-label-line-height);font-family:var(--comp-forms-label-font-family);color:var(--comp-forms-label-text-color)}.ap-form-field label .description{font-size:var(--comp-forms-label-description-text-size);font-weight:var(--comp-forms-label-description-text-font-weight);line-height:var(--comp-forms-label-description-text-line-height);font-family:var(--comp-forms-label-description-text-font-family);color:var(--comp-forms-label-description-text-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FormFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FormFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ap-form-field', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ap-form-field\">\n    <ng-content select=\"label\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ap-form-message\"></ng-content>\n</div>\n", styles: ["ap-form-field{display:block}.ap-form-field{display:inline-flex;flex-direction:column;gap:var(--comp-input-spacing-horizontal);width:100%}.ap-form-field label{display:flex;flex-direction:column;gap:var(--comp-forms-label-spacing-vertical);font-size:var(--comp-forms-label-size);font-weight:var(--comp-forms-label-font-weight);line-height:var(--comp-forms-label-line-height);font-family:var(--comp-forms-label-font-family);color:var(--comp-forms-label-text-color)}.ap-form-field label .description{font-size:var(--comp-forms-label-description-text-size);font-weight:var(--comp-forms-label-description-text-font-weight);line-height:var(--comp-forms-label-description-text-line-height);font-family:var(--comp-forms-label-description-text-font-family);color:var(--comp-forms-label-description-text-color)}\n"] }]
         }] });

package/fesm2022/agorapulse-ui-components-form-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-form-field.mjs","sources":["../../../libs/ui-components/form-field/src/form-field.component.ts","../../../libs/ui-components/form-field/src/form-field.component.html","../../../libs/ui-components/form-field/src/agorapulse-ui-components-form-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'ap-form-field',\n    templateUrl: './form-field.component.html',\n    styleUrls: ['./form-field.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class FormFieldComponent {}\n","<div class=\"ap-form-field\">\n    <ng-content select=\"label\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ap-form-message\"></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAUa,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,yECV/B,kLAKA,EAAA,MAAA,EAAA,CAAA,oyBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDKa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;+BACI,eAAe,EAAA,UAAA,EAGb,IAAI,EACC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,oyBAAA,CAAA,EAAA;;;AERzC;;AAEG;;;;"}
+{"version":3,"file":"agorapulse-ui-components-form-field.mjs","sources":["../../../libs/ui-components/form-field/src/form-field.component.ts","../../../libs/ui-components/form-field/src/form-field.component.html","../../../libs/ui-components/form-field/src/agorapulse-ui-components-form-field.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n    selector: 'ap-form-field',\n    templateUrl: './form-field.component.html',\n    styleUrls: ['./form-field.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class FormFieldComponent {}\n","<div class=\"ap-form-field\">\n    <ng-content select=\"label\"></ng-content>\n    <ng-content></ng-content>\n    <ng-content select=\"ap-form-message\"></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;MAUa,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,yECV/B,kLAKA,EAAA,MAAA,EAAA,CAAA,oyBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDKa,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAR9B,SAAS;+BACI,eAAe,EAAA,UAAA,EAGb,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,kLAAA,EAAA,MAAA,EAAA,CAAA,oyBAAA,CAAA,EAAA;;;AERzC;;AAEG;;;;"}

package/fesm2022/agorapulse-ui-components-form-message.mjs

@@ -7,20 +7,20 @@ class FormMessageComponent {
         this.messageTypeSignal.set(messageType);
     }
     message;
-    messageTypeSignal = signal('error');
+    messageTypeSignal = signal('error', ...(ngDevMode ? [{ debugName: "messageTypeSignal" }] : []));
     symbolIdSignal = computed(() => {
         return this.messageTypeSignal() === 'error' ? 'error_fill' : 'rounded-check_fill';
-    });
+    }, ...(ngDevMode ? [{ debugName: "symbolIdSignal" }] : []));
     symbolRegistry = inject(SymbolRegistry);
     constructor() {
         this.symbolRegistry.registerSymbols([apErrorFill, apRoundedCheckFill]);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FormMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.9", type: FormMessageComponent, isStandalone: true, selector: "ap-form-message", inputs: { messageType: "messageType", message: "message" }, host: { properties: { "class.error": "messageTypeSignal() === 'error'", "class.success": "messageTypeSignal() === 'success'" }, classAttribute: "ap-form-message" }, ngImport: i0, template: "<ap-symbol\n    size=\"sm\"\n    [symbolId]=\"symbolIdSignal()\" />\n<span>\n    {{ message }}\n</span>\n", styles: [".ap-form-message{font-size:var(--comp-forms-status-text-size);font-weight:var(--comp-forms-status-text-font-weight);line-height:var(--comp-forms-status-text-line-height);font-family:var(--comp-forms-status-text-font-family);margin:0;display:flex;align-items:center;gap:var(--ref-spacing-xxxs)}.ap-form-message.error{color:var(--comp-forms-status-text-error-color)}.ap-form-message.error ap-symbol{color:var(--comp-forms-status-icon-error-color)}.ap-form-message.success{color:var(--comp-forms-status-text-success-color)}.ap-form-message.success ap-symbol{color:var(--ref-color-green-150)}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FormMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.3", type: FormMessageComponent, isStandalone: true, selector: "ap-form-message", inputs: { messageType: "messageType", message: "message" }, host: { properties: { "class.error": "messageTypeSignal() === 'error'", "class.success": "messageTypeSignal() === 'success'" }, classAttribute: "ap-form-message" }, ngImport: i0, template: "<ap-symbol\n    size=\"sm\"\n    [symbolId]=\"symbolIdSignal()\" />\n<span>\n    {{ message }}\n</span>\n", styles: [".ap-form-message{font-size:var(--comp-forms-status-text-size);font-weight:var(--comp-forms-status-text-font-weight);line-height:var(--comp-forms-status-text-line-height);font-family:var(--comp-forms-status-text-font-family);margin:0;display:flex;align-items:center;gap:var(--ref-spacing-xxxs)}.ap-form-message.error{color:var(--comp-forms-status-text-error-color)}.ap-form-message.error ap-symbol{color:var(--comp-forms-status-icon-error-color)}.ap-form-message.success{color:var(--comp-forms-status-text-success-color)}.ap-form-message.success ap-symbol{color:var(--ref-color-green-150)}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: FormMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: FormMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ap-form-message', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SymbolComponent], host: {
+            args: [{ selector: 'ap-form-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [SymbolComponent], host: {
                         class: 'ap-form-message',
                         '[class.error]': "messageTypeSignal() === 'error'",
                         '[class.success]': "messageTypeSignal() === 'success'",

package/fesm2022/agorapulse-ui-components-form-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-form-message.mjs","sources":["../../../libs/ui-components/form-message/src/form-message.component.ts","../../../libs/ui-components/form-message/src/form-message.component.html","../../../libs/ui-components/form-message/src/agorapulse-ui-components-form-message.ts"],"sourcesContent":["import { SymbolComponent, SymbolRegistry, apErrorFill, apRoundedCheckFill } from '@agorapulse/ui-symbol';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, computed, inject, signal } from '@angular/core';\n\nexport type MessageType = 'error' | 'success';\n\n@Component({\n    selector: 'ap-form-message',\n    templateUrl: './form-message.component.html',\n    styleUrls: ['./form-message.component.scss'],\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [SymbolComponent],\n    host: {\n        class: 'ap-form-message',\n        '[class.error]': \"messageTypeSignal() === 'error'\",\n        '[class.success]': \"messageTypeSignal() === 'success'\",\n    },\n})\nexport class FormMessageComponent {\n    @Input({ required: true })\n    set messageType(messageType: MessageType) {\n        this.messageTypeSignal.set(messageType);\n    }\n\n    @Input({ required: true })\n    message!: string;\n\n    messageTypeSignal = signal<MessageType>('error');\n\n    symbolIdSignal = computed(() => {\n        return this.messageTypeSignal() === 'error' ? 'error_fill' : 'rounded-check_fill';\n    });\n\n    private symbolRegistry = inject(SymbolRegistry);\n\n    constructor() {\n        this.symbolRegistry.registerSymbols([apErrorFill, apRoundedCheckFill]);\n    }\n}\n","<ap-symbol\n    size=\"sm\"\n    [symbolId]=\"symbolIdSignal()\" />\n<span>\n    {{ message }}\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAmBa,oBAAoB,CAAA;IAC7B,IACI,WAAW,CAAC,WAAwB,EAAA;AACpC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;;AAI3C,IAAA,OAAO;AAEP,IAAA,iBAAiB,GAAG,MAAM,CAAc,OAAO,CAAC;AAEhD,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAC3B,QAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE,KAAK,OAAO,GAAG,YAAY,GAAG,oBAAoB;AACrF,KAAC,CAAC;AAEM,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,IAAA,WAAA,GAAA;QACI,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;;uGAlBjE,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,iCAAA,EAAA,eAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnBjC,2GAMA,EAAA,MAAA,EAAA,CAAA,glBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDMc,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAOhB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAdhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAGf,UAAA,EAAA,IAAI,EACC,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,eAAe,CAAC,EACpB,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,eAAe,EAAE,iCAAiC;AAClD,wBAAA,iBAAiB,EAAE,mCAAmC;AACzD,qBAAA,EAAA,QAAA,EAAA,2GAAA,EAAA,MAAA,EAAA,CAAA,glBAAA,CAAA,EAAA;wDAIG,WAAW,EAAA,CAAA;sBADd,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAMzB,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AEzB7B;;AAEG;;;;"}
+{"version":3,"file":"agorapulse-ui-components-form-message.mjs","sources":["../../../libs/ui-components/form-message/src/form-message.component.ts","../../../libs/ui-components/form-message/src/form-message.component.html","../../../libs/ui-components/form-message/src/agorapulse-ui-components-form-message.ts"],"sourcesContent":["import { SymbolComponent, SymbolRegistry, apErrorFill, apRoundedCheckFill } from '@agorapulse/ui-symbol';\nimport { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, computed, inject, signal } from '@angular/core';\n\nexport type MessageType = 'error' | 'success';\n\n@Component({\n    selector: 'ap-form-message',\n    templateUrl: './form-message.component.html',\n    styleUrls: ['./form-message.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    imports: [SymbolComponent],\n    host: {\n        class: 'ap-form-message',\n        '[class.error]': \"messageTypeSignal() === 'error'\",\n        '[class.success]': \"messageTypeSignal() === 'success'\",\n    },\n})\nexport class FormMessageComponent {\n    @Input({ required: true })\n    set messageType(messageType: MessageType) {\n        this.messageTypeSignal.set(messageType);\n    }\n\n    @Input({ required: true })\n    message!: string;\n\n    messageTypeSignal = signal<MessageType>('error');\n\n    symbolIdSignal = computed(() => {\n        return this.messageTypeSignal() === 'error' ? 'error_fill' : 'rounded-check_fill';\n    });\n\n    private symbolRegistry = inject(SymbolRegistry);\n\n    constructor() {\n        this.symbolRegistry.registerSymbols([apErrorFill, apRoundedCheckFill]);\n    }\n}\n","<ap-symbol\n    size=\"sm\"\n    [symbolId]=\"symbolIdSignal()\" />\n<span>\n    {{ message }}\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;MAkBa,oBAAoB,CAAA;IAC7B,IACI,WAAW,CAAC,WAAwB,EAAA;AACpC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;;AAI3C,IAAA,OAAO;AAEP,IAAA,iBAAiB,GAAG,MAAM,CAAc,OAAO,6DAAC;AAEhD,IAAA,cAAc,GAAG,QAAQ,CAAC,MAAK;AAC3B,QAAA,OAAO,IAAI,CAAC,iBAAiB,EAAE,KAAK,OAAO,GAAG,YAAY,GAAG,oBAAoB;AACrF,KAAC,0DAAC;AAEM,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC;AAE/C,IAAA,WAAA,GAAA;QACI,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;;uGAlBjE,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,iCAAA,EAAA,eAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,iBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBjC,2GAMA,EAAA,MAAA,EAAA,CAAA,glBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDKc,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAOhB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,eAAA,EAGV,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B,CAAC,eAAe,CAAC,EAAA,IAAA,EACpB;AACF,wBAAA,KAAK,EAAE,iBAAiB;AACxB,wBAAA,eAAe,EAAE,iCAAiC;AAClD,wBAAA,iBAAiB,EAAE,mCAAmC;AACzD,qBAAA,EAAA,QAAA,EAAA,2GAAA,EAAA,MAAA,EAAA,CAAA,glBAAA,CAAA,EAAA;wDAIG,WAAW,EAAA,CAAA;sBADd,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;gBAMzB,OAAO,EAAA,CAAA;sBADN,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;AExB7B;;AAEG;;;;"}

package/fesm2022/agorapulse-ui-components-icon-button.mjs

@@ -14,7 +14,7 @@ class IconButtonComponent {
     color = 'none';
     disabled = false;
     menuTrigger = null;
-    symbolId = input();
+    symbolId = input(...(ngDevMode ? [undefined, { debugName: "symbolId" }] : []));
     set locked(locked) {
         this._locked = locked;
         if (locked) {
@@ -74,12 +74,12 @@ class IconButtonComponent {
             this.buttonElement.nativeElement.click();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IconButtonComponent, deps: [{ token: i1.SymbolRegistry }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.9", type: IconButtonComponent, isStandalone: true, selector: "ap-icon-button", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, menuTrigger: { classPropertyName: "menuTrigger", publicName: "menuTrigger", isSignal: false, isRequired: false, transformFunction: null }, symbolId: { classPropertyName: "symbolId", publicName: "symbolId", isSignal: true, isRequired: false, transformFunction: null }, locked: { classPropertyName: "locked", publicName: "locked", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { listeners: { "window:keyup.space": "onSpaceKeyUp($event)" }, properties: { "attr.disabled": "loading || disabled || null" } }, queries: [{ propertyName: "symbolComponent", first: true, predicate: SymbolComponent, descendants: true }], viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n    #button\n    #trigger=\"matMenuTrigger\"\n    class=\"icon-button\"\n    type=\"button\"\n    [name]=\"name\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClickHandle($event)\"\n    (blur)=\"onBlurHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\">\n    @if (!loading) {\n        @if (symbolId()) {\n            <ap-symbol [symbolId]=\"symbolId()\" />\n        } @else {\n            <ng-content />\n        }\n    }\n    @if (loading) {\n        <ap-loader\n            color=\"white\"\n            [diameter]=\"16\" />\n    }\n    @if (locked) {\n        <div class=\"locked-symbol\">\n            <ap-symbol\n                symbolId=\"premium-star\"\n                size=\"sm\" />\n        </div>\n    }\n</button>\n", styles: ["ap-icon-button{display:flex;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height)}ap-icon-button[disabled]{pointer-events:none}ap-icon-button button.icon-button{margin:0;display:flex;justify-content:center;align-items:center;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height);border-radius:var(--comp-icon-button-border-radius);background:transparent;border:none;position:relative;transition:border .25s;padding:var(--comp-icon-button-padding)}@media (hover: hover){ap-icon-button button.icon-button:focus:not(.disabled):not(:active){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-icon-button button.icon-button:hover{cursor:pointer}ap-icon-button button.icon-button:hover:not(.stroked):not(.locked){background:var(--ref-color-grey-05)}ap-icon-button button.icon-button:active:not(.stroked):not(.locked){background:var(--ref-color-grey-10)}ap-icon-button button.icon-button ap-symbol{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0;margin:0;color:var(--ref-color-grey-60);min-width:calc(var(--comp-icon-button-height) - var(--comp-icon-button-padding) * 2);min-height:calc(var(--comp-icon-button-height) - var(--comp-icon-button-padding) * 2)}ap-icon-button button.icon-button ap-symbol .svg{display:inline-flex!important;justify-content:center;align-items:center}ap-icon-button button.icon-button ap-symbol .svg svg{height:100%;width:100%}ap-icon-button button.icon-button:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button:disabled ap-symbol{color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.blue:hover{cursor:pointer}ap-icon-button button.icon-button.blue:hover:not(.stroked){background:var(--ref-color-electric-blue-05)}ap-icon-button button.icon-button.blue:active:not(.stroked){background:var(--ref-color-electric-blue-10)}ap-icon-button button.icon-button.blue:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.blue:disabled ap-symbol{color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.blue ap-symbol{color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.green:hover{cursor:pointer}ap-icon-button button.icon-button.green:hover:not(.stroked){background:var(--ref-color-green-10)}ap-icon-button button.icon-button.green:active:not(.stroked){background:var(--ref-color-green-20)}ap-icon-button button.icon-button.green:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.green:disabled ap-symbol{color:var(--ref-color-green-20)}ap-icon-button button.icon-button.green ap-symbol{color:var(--ref-color-green-100)}ap-icon-button button.icon-button.red:hover{cursor:pointer}ap-icon-button button.icon-button.red:hover:not(.stroked){background:var(--ref-color-red-10)}ap-icon-button button.icon-button.red:active:not(.stroked){background:var(--ref-color-red-20)}ap-icon-button button.icon-button.red:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.red:disabled ap-symbol{color:var(--ref-color-red-20)}ap-icon-button button.icon-button.red ap-symbol{color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked{border-width:1px;border-style:solid;background:#fff}ap-icon-button button.icon-button.stroked:not(.loading):not(.locked){border-color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.stroked:hover:not(.locked){border-color:var(--ref-color-grey-40)}ap-icon-button button.icon-button.stroked:active:not(.locked){border-color:var(--ref-color-grey-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-electric-blue-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):disabled{border-color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-green-60)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):disabled{border-color:var(--ref-color-green-20)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-red-60)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):disabled{border-color:var(--ref-color-red-20)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.transparent:not(.loading):not(.locked){background:transparent}ap-icon-button button.icon-button.loading{background:var(--ref-color-grey-20);border:none;pointer-events:none}ap-icon-button button.icon-button.locked{background:var(--ref-color-purple-10);color:var(--ref-color-purple-80);border:1px solid var(--ref-color-purple-20)}ap-icon-button button.icon-button.locked:hover{border-color:var(--ref-color-purple-40)}ap-icon-button button.icon-button.locked:active{border-color:var(--ref-color-purple-60)}ap-icon-button button.icon-button.locked ap-symbol{color:var(--ref-color-purple-100)}ap-icon-button button.icon-button.locked .locked-symbol{position:absolute;top:-6px;right:-6px}ap-icon-button button.icon-button.locked .locked-symbol ap-symbol{border-radius:100%;background:var(--ref-color-white)}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "component", type: LoaderComponent, selector: "ap-loader", inputs: ["color", "diameter"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IconButtonComponent, deps: [{ token: i1.SymbolRegistry }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.3", type: IconButtonComponent, isStandalone: true, selector: "ap-icon-button", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: booleanAttribute }, menuTrigger: { classPropertyName: "menuTrigger", publicName: "menuTrigger", isSignal: false, isRequired: false, transformFunction: null }, symbolId: { classPropertyName: "symbolId", publicName: "symbolId", isSignal: true, isRequired: false, transformFunction: null }, locked: { classPropertyName: "locked", publicName: "locked", isSignal: false, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", menuOpened: "menuOpened", menuClosed: "menuClosed" }, host: { listeners: { "window:keyup.space": "onSpaceKeyUp($event)" }, properties: { "attr.disabled": "loading || disabled || null" } }, queries: [{ propertyName: "symbolComponent", first: true, predicate: SymbolComponent, descendants: true }], viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true }], ngImport: i0, template: "<button\n    #button\n    #trigger=\"matMenuTrigger\"\n    class=\"icon-button\"\n    type=\"button\"\n    [name]=\"name\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClickHandle($event)\"\n    (blur)=\"onBlurHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\">\n    @if (!loading) {\n        @if (symbolId()) {\n            <ap-symbol [symbolId]=\"symbolId()\" />\n        } @else {\n            <ng-content />\n        }\n    }\n    @if (loading) {\n        <ap-loader\n            color=\"white\"\n            [diameter]=\"16\" />\n    }\n    @if (locked) {\n        <div class=\"locked-symbol\">\n            <ap-symbol\n                symbolId=\"premium-star\"\n                size=\"sm\" />\n        </div>\n    }\n</button>\n", styles: ["ap-icon-button{display:flex;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height)}ap-icon-button[disabled]{pointer-events:none}ap-icon-button button.icon-button{margin:0;display:flex;justify-content:center;align-items:center;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height);border-radius:var(--comp-icon-button-border-radius);background:transparent;border:none;position:relative;transition:border .25s;padding:var(--comp-icon-button-padding)}@media (hover: hover){ap-icon-button button.icon-button:focus:not(.disabled):not(:active){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-icon-button button.icon-button:hover{cursor:pointer}ap-icon-button button.icon-button:hover:not(.stroked):not(.locked){background:var(--ref-color-grey-05)}ap-icon-button button.icon-button:active:not(.stroked):not(.locked){background:var(--ref-color-grey-10)}ap-icon-button button.icon-button ap-symbol{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0;margin:0;color:var(--ref-color-grey-60);min-width:calc(var(--comp-icon-button-height) - var(--comp-icon-button-padding) * 2);min-height:calc(var(--comp-icon-button-height) - var(--comp-icon-button-padding) * 2)}ap-icon-button button.icon-button ap-symbol .svg{display:inline-flex!important;justify-content:center;align-items:center}ap-icon-button button.icon-button ap-symbol .svg svg{height:100%;width:100%}ap-icon-button button.icon-button:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button:disabled ap-symbol{color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.blue:hover{cursor:pointer}ap-icon-button button.icon-button.blue:hover:not(.stroked){background:var(--ref-color-electric-blue-05)}ap-icon-button button.icon-button.blue:active:not(.stroked){background:var(--ref-color-electric-blue-10)}ap-icon-button button.icon-button.blue:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.blue:disabled ap-symbol{color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.blue ap-symbol{color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.green:hover{cursor:pointer}ap-icon-button button.icon-button.green:hover:not(.stroked){background:var(--ref-color-green-10)}ap-icon-button button.icon-button.green:active:not(.stroked){background:var(--ref-color-green-20)}ap-icon-button button.icon-button.green:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.green:disabled ap-symbol{color:var(--ref-color-green-20)}ap-icon-button button.icon-button.green ap-symbol{color:var(--ref-color-green-100)}ap-icon-button button.icon-button.red:hover{cursor:pointer}ap-icon-button button.icon-button.red:hover:not(.stroked){background:var(--ref-color-red-10)}ap-icon-button button.icon-button.red:active:not(.stroked){background:var(--ref-color-red-20)}ap-icon-button button.icon-button.red:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.red:disabled ap-symbol{color:var(--ref-color-red-20)}ap-icon-button button.icon-button.red ap-symbol{color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked{border-width:1px;border-style:solid;background:#fff}ap-icon-button button.icon-button.stroked:not(.loading):not(.locked){border-color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.stroked:hover:not(.locked){border-color:var(--ref-color-grey-40)}ap-icon-button button.icon-button.stroked:active:not(.locked){border-color:var(--ref-color-grey-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-electric-blue-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):disabled{border-color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-green-60)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):disabled{border-color:var(--ref-color-green-20)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-red-60)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):disabled{border-color:var(--ref-color-red-20)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.transparent:not(.loading):not(.locked){background:transparent}ap-icon-button button.icon-button.loading{background:var(--ref-color-grey-20);border:none;pointer-events:none}ap-icon-button button.icon-button.locked{background:var(--ref-color-purple-10);color:var(--ref-color-purple-80);border:1px solid var(--ref-color-purple-20)}ap-icon-button button.icon-button.locked:hover{border-color:var(--ref-color-purple-40)}ap-icon-button button.icon-button.locked:active{border-color:var(--ref-color-purple-60)}ap-icon-button button.icon-button.locked ap-symbol{color:var(--ref-color-purple-100)}ap-icon-button button.icon-button.locked .locked-symbol{position:absolute;top:-6px;right:-6px}ap-icon-button button.icon-button.locked .locked-symbol ap-symbol{border-radius:100%;background:var(--ref-color-white)}\n"], dependencies: [{ kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["symbolId", "color", "size"], outputs: ["sizeChange"] }, { kind: "component", type: LoaderComponent, selector: "ap-loader", inputs: ["color", "diameter"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "directive", type: i2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: IconButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.3", ngImport: i0, type: IconButtonComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-icon-button', standalone: true, imports: [SymbolComponent, LoaderComponent, MatMenuModule], encapsulation: ViewEncapsulation.None, host: {
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-icon-button', imports: [SymbolComponent, LoaderComponent, MatMenuModule], encapsulation: ViewEncapsulation.None, host: {
                         '[attr.disabled]': 'loading || disabled || null',
                     }, template: "<button\n    #button\n    #trigger=\"matMenuTrigger\"\n    class=\"icon-button\"\n    type=\"button\"\n    [name]=\"name\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClickHandle($event)\"\n    (blur)=\"onBlurHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\">\n    @if (!loading) {\n        @if (symbolId()) {\n            <ap-symbol [symbolId]=\"symbolId()\" />\n        } @else {\n            <ng-content />\n        }\n    }\n    @if (loading) {\n        <ap-loader\n            color=\"white\"\n            [diameter]=\"16\" />\n    }\n    @if (locked) {\n        <div class=\"locked-symbol\">\n            <ap-symbol\n                symbolId=\"premium-star\"\n                size=\"sm\" />\n        </div>\n    }\n</button>\n", styles: ["ap-icon-button{display:flex;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height)}ap-icon-button[disabled]{pointer-events:none}ap-icon-button button.icon-button{margin:0;display:flex;justify-content:center;align-items:center;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height);border-radius:var(--comp-icon-button-border-radius);background:transparent;border:none;position:relative;transition:border .25s;padding:var(--comp-icon-button-padding)}@media (hover: hover){ap-icon-button button.icon-button:focus:not(.disabled):not(:active){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-icon-button button.icon-button:hover{cursor:pointer}ap-icon-button button.icon-button:hover:not(.stroked):not(.locked){background:var(--ref-color-grey-05)}ap-icon-button button.icon-button:active:not(.stroked):not(.locked){background:var(--ref-color-grey-10)}ap-icon-button button.icon-button ap-symbol{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;padding:0;margin:0;color:var(--ref-color-grey-60);min-width:calc(var(--comp-icon-button-height) - var(--comp-icon-button-padding) * 2);min-height:calc(var(--comp-icon-button-height) - var(--comp-icon-button-padding) * 2)}ap-icon-button button.icon-button ap-symbol .svg{display:inline-flex!important;justify-content:center;align-items:center}ap-icon-button button.icon-button ap-symbol .svg svg{height:100%;width:100%}ap-icon-button button.icon-button:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button:disabled ap-symbol{color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.blue:hover{cursor:pointer}ap-icon-button button.icon-button.blue:hover:not(.stroked){background:var(--ref-color-electric-blue-05)}ap-icon-button button.icon-button.blue:active:not(.stroked){background:var(--ref-color-electric-blue-10)}ap-icon-button button.icon-button.blue:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.blue:disabled ap-symbol{color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.blue ap-symbol{color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.green:hover{cursor:pointer}ap-icon-button button.icon-button.green:hover:not(.stroked){background:var(--ref-color-green-10)}ap-icon-button button.icon-button.green:active:not(.stroked){background:var(--ref-color-green-20)}ap-icon-button button.icon-button.green:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.green:disabled ap-symbol{color:var(--ref-color-green-20)}ap-icon-button button.icon-button.green ap-symbol{color:var(--ref-color-green-100)}ap-icon-button button.icon-button.red:hover{cursor:pointer}ap-icon-button button.icon-button.red:hover:not(.stroked){background:var(--ref-color-red-10)}ap-icon-button button.icon-button.red:active:not(.stroked){background:var(--ref-color-red-20)}ap-icon-button button.icon-button.red:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.red:disabled ap-symbol{color:var(--ref-color-red-20)}ap-icon-button button.icon-button.red ap-symbol{color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked{border-width:1px;border-style:solid;background:#fff}ap-icon-button button.icon-button.stroked:not(.loading):not(.locked){border-color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.stroked:hover:not(.locked){border-color:var(--ref-color-grey-40)}ap-icon-button button.icon-button.stroked:active:not(.locked){border-color:var(--ref-color-grey-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-electric-blue-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):disabled{border-color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-green-60)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):disabled{border-color:var(--ref-color-green-20)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-red-60)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):disabled{border-color:var(--ref-color-red-20)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.transparent:not(.loading):not(.locked){background:transparent}ap-icon-button button.icon-button.loading{background:var(--ref-color-grey-20);border:none;pointer-events:none}ap-icon-button button.icon-button.locked{background:var(--ref-color-purple-10);color:var(--ref-color-purple-80);border:1px solid var(--ref-color-purple-20)}ap-icon-button button.icon-button.locked:hover{border-color:var(--ref-color-purple-40)}ap-icon-button button.icon-button.locked:active{border-color:var(--ref-color-purple-60)}ap-icon-button button.icon-button.locked ap-symbol{color:var(--ref-color-purple-100)}ap-icon-button button.icon-button.locked .locked-symbol{position:absolute;top:-6px;right:-6px}ap-icon-button button.icon-button.locked .locked-symbol ap-symbol{border-radius:100%;background:var(--ref-color-white)}\n"] }]
         }], ctorParameters: () => [{ type: i1.SymbolRegistry }, { type: i0.ElementRef }], propDecorators: { ariaLabel: [{

package/fesm2022/agorapulse-ui-components-icon-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-icon-button.mjs","sources":["../../../libs/ui-components/icon-button/src/icon-button.component.ts","../../../libs/ui-components/icon-button/src/icon-button.component.html","../../../libs/ui-components/icon-button/src/agorapulse-ui-components-icon-button.ts"],"sourcesContent":["import { LoaderComponent } from '@agorapulse/ui-animations';\nimport { agorapulseSymbol, apPremiumStar, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\n\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    input,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { MatMenuModule, MatMenuPanel } from '@angular/material/menu';\n\nexport type ButtonType = 'flat' | 'stroked-transparent' | 'stroked';\nexport type ButtonColor = 'none' | 'blue' | 'red' | 'green';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-icon-button',\n    styleUrls: ['./icon-button.component.scss'],\n    standalone: true,\n    imports: [SymbolComponent, LoaderComponent, MatMenuModule],\n    templateUrl: './icon-button.component.html',\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[attr.disabled]': 'loading || disabled || null',\n    },\n})\nexport class IconButtonComponent {\n    @Input() ariaLabel = '';\n    @Input() name = '';\n    @Input() color: ButtonColor = 'none';\n    @Input({\n        transform: booleanAttribute,\n    })\n    disabled: boolean = false;\n    @Input() menuTrigger: MatMenuPanel | null = null;\n    symbolId = input<agorapulseSymbol>();\n\n    @Input() set locked(locked: boolean) {\n        this._locked = locked;\n        if (locked) {\n            this.color = 'none';\n            this.disabled = false;\n            this.loading = false;\n        }\n    }\n\n    get locked(): boolean {\n        return this._locked;\n    }\n\n    @Input() set loading(loading: boolean) {\n        if (!this.locked) {\n            this._loading = loading;\n        }\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    @Input() type: ButtonType = 'flat';\n\n    // eslint-disable-next-line\n    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter();\n\n    // eslint-disable-next-line\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter();\n\n    // eslint-disable-next-line\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter();\n    @Output() menuOpened: EventEmitter<void> = new EventEmitter();\n    @Output() menuClosed: EventEmitter<void> = new EventEmitter();\n\n    @ContentChild(SymbolComponent) symbolComponent!: SymbolComponent;\n\n    @ViewChild('button') buttonElement!: ElementRef<HTMLButtonElement>;\n\n    private _loading: boolean = false;\n    private _locked: boolean = false;\n    hostDataTest: string | undefined = undefined;\n    focused: boolean = false;\n\n    constructor(\n        private symbolRegistry: SymbolRegistry,\n        private elementRef: ElementRef\n    ) {\n        this.symbolRegistry.registerSymbols([apPremiumStar]);\n        this.hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');\n    }\n\n    onClickHandle($event: MouseEvent): void {\n        this.buttonElement.nativeElement.blur();\n        this.onClick.emit($event);\n        this.onFocus.emit($event);\n    }\n\n    onBlurHandle($event: FocusEvent): void {\n        this.focused = false;\n        this.onBlur.emit($event);\n    }\n\n    onFocusHandle($event: FocusEvent): void {\n        this.focused = true;\n        this.onFocus.emit($event);\n    }\n\n    @HostListener('window:keyup.space', ['$event'])\n    onSpaceKeyUp(event: KeyboardEvent) {\n        if (this.focused) {\n            event.preventDefault();\n            this.buttonElement.nativeElement.click();\n        }\n    }\n}\n","<button\n    #button\n    #trigger=\"matMenuTrigger\"\n    class=\"icon-button\"\n    type=\"button\"\n    [name]=\"name\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClickHandle($event)\"\n    (blur)=\"onBlurHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\">\n    @if (!loading) {\n        @if (symbolId()) {\n            <ap-symbol [symbolId]=\"symbolId()\" />\n        } @else {\n            <ng-content />\n        }\n    }\n    @if (loading) {\n        <ap-loader\n            color=\"white\"\n            [diameter]=\"16\" />\n    }\n    @if (locked) {\n        <div class=\"locked-symbol\">\n            <ap-symbol\n                symbolId=\"premium-star\"\n                size=\"sm\" />\n        </div>\n    }\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-icon-button.mjs","sources":["../../../libs/ui-components/icon-button/src/icon-button.component.ts","../../../libs/ui-components/icon-button/src/icon-button.component.html","../../../libs/ui-components/icon-button/src/agorapulse-ui-components-icon-button.ts"],"sourcesContent":["import { LoaderComponent } from '@agorapulse/ui-animations';\nimport { agorapulseSymbol, apPremiumStar, SymbolComponent, SymbolRegistry } from '@agorapulse/ui-symbol';\n\nimport {\n    booleanAttribute,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    HostListener,\n    input,\n    Input,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { MatMenuModule, MatMenuPanel } from '@angular/material/menu';\n\nexport type ButtonType = 'flat' | 'stroked-transparent' | 'stroked';\nexport type ButtonColor = 'none' | 'blue' | 'red' | 'green';\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-icon-button',\n    styleUrls: ['./icon-button.component.scss'],\n    imports: [SymbolComponent, LoaderComponent, MatMenuModule],\n    templateUrl: './icon-button.component.html',\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[attr.disabled]': 'loading || disabled || null',\n    },\n})\nexport class IconButtonComponent {\n    @Input() ariaLabel = '';\n    @Input() name = '';\n    @Input() color: ButtonColor = 'none';\n    @Input({\n        transform: booleanAttribute,\n    })\n    disabled: boolean = false;\n    @Input() menuTrigger: MatMenuPanel | null = null;\n    symbolId = input<agorapulseSymbol>();\n\n    @Input() set locked(locked: boolean) {\n        this._locked = locked;\n        if (locked) {\n            this.color = 'none';\n            this.disabled = false;\n            this.loading = false;\n        }\n    }\n\n    get locked(): boolean {\n        return this._locked;\n    }\n\n    @Input() set loading(loading: boolean) {\n        if (!this.locked) {\n            this._loading = loading;\n        }\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    @Input() type: ButtonType = 'flat';\n\n    // eslint-disable-next-line\n    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter();\n\n    // eslint-disable-next-line\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter();\n\n    // eslint-disable-next-line\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter();\n    @Output() menuOpened: EventEmitter<void> = new EventEmitter();\n    @Output() menuClosed: EventEmitter<void> = new EventEmitter();\n\n    @ContentChild(SymbolComponent) symbolComponent!: SymbolComponent;\n\n    @ViewChild('button') buttonElement!: ElementRef<HTMLButtonElement>;\n\n    private _loading: boolean = false;\n    private _locked: boolean = false;\n    hostDataTest: string | undefined = undefined;\n    focused: boolean = false;\n\n    constructor(\n        private symbolRegistry: SymbolRegistry,\n        private elementRef: ElementRef\n    ) {\n        this.symbolRegistry.registerSymbols([apPremiumStar]);\n        this.hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');\n    }\n\n    onClickHandle($event: MouseEvent): void {\n        this.buttonElement.nativeElement.blur();\n        this.onClick.emit($event);\n        this.onFocus.emit($event);\n    }\n\n    onBlurHandle($event: FocusEvent): void {\n        this.focused = false;\n        this.onBlur.emit($event);\n    }\n\n    onFocusHandle($event: FocusEvent): void {\n        this.focused = true;\n        this.onFocus.emit($event);\n    }\n\n    @HostListener('window:keyup.space', ['$event'])\n    onSpaceKeyUp(event: KeyboardEvent) {\n        if (this.focused) {\n            event.preventDefault();\n            this.buttonElement.nativeElement.click();\n        }\n    }\n}\n","<button\n    #button\n    #trigger=\"matMenuTrigger\"\n    class=\"icon-button\"\n    type=\"button\"\n    [name]=\"name\"\n    [matMenuTriggerFor]=\"menuTrigger\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"hostDataTest ?? name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClickHandle($event)\"\n    (blur)=\"onBlurHandle($event)\"\n    (focus)=\"onFocusHandle($event)\"\n    (menuOpened)=\"menuOpened.emit()\"\n    (menuClosed)=\"menuClosed.emit()\">\n    @if (!loading) {\n        @if (symbolId()) {\n            <ap-symbol [symbolId]=\"symbolId()\" />\n        } @else {\n            <ng-content />\n        }\n    }\n    @if (loading) {\n        <ap-loader\n            color=\"white\"\n            [diameter]=\"16\" />\n    }\n    @if (locked) {\n        <div class=\"locked-symbol\">\n            <ap-symbol\n                symbolId=\"premium-star\"\n                size=\"sm\" />\n        </div>\n    }\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}