@agorapulse/ui-components 0.0.3 → 1.0.0-SNAPSHOT-YOUTUBE.2

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

@@ -0,0 +1,473 @@
+import * as i0 from '@angular/core';
+import { Directive, HostListener, inject, ElementRef, ChangeDetectorRef, Input, EventEmitter, Output, forwardRef, Attribute } from '@angular/core';
+import { NG_VALIDATORS } from '@angular/forms';
+import DOMPurify from 'dompurify';
+
+/**
+ * expand textarea to fit content. Doesn't shrink.
+ */
+class AutosizeTextareaDirective {
+    element;
+    static maxHeight = 200;
+    constructor(element) {
+        this.element = element;
+    }
+    onInput() {
+        this.resize();
+    }
+    ngAfterContentChecked() {
+        this.resize();
+    }
+    resize() {
+        const style = this.element.nativeElement.style;
+        const scrollHeight = this.element.nativeElement.scrollHeight;
+        const actualHeight = this.element.nativeElement.offsetHeight;
+        if (AutosizeTextareaDirective.maxHeight < scrollHeight) {
+            // we arrived at the max
+            style.overflow = 'auto';
+            style.height = `${AutosizeTextareaDirective.maxHeight}px`;
+        }
+        else if (actualHeight < scrollHeight) {
+            style.overflow = 'hidden';
+            style.height = `${scrollHeight}px`;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: AutosizeTextareaDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: AutosizeTextareaDirective, isStandalone: true, selector: "textarea[apAutosize]", host: { listeners: { "input": "onInput()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: AutosizeTextareaDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'textarea[apAutosize]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { onInput: [{
+                type: HostListener,
+                args: ['input']
+            }] } });
+
+class BaseButtonDirective {
+    hostId = undefined;
+    hostDataTest = undefined;
+    hostType = 'button';
+    elementRef = inject(ElementRef);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    ngOnInit() {
+        this.hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');
+        this.hostId = this.elementRef.nativeElement.getAttribute('id');
+        this.elementRef.nativeElement.removeAttribute('data-test');
+        this.elementRef.nativeElement.removeAttribute('id');
+    }
+    // Sometimes attributes like the id, or the data-test are dynamic and can change between the constructor and the initialization.
+    // 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.
+    ngAfterViewInit() {
+        const hostDataTest = this.elementRef.nativeElement.getAttribute('data-test');
+        const hostId = this.elementRef.nativeElement.getAttribute('id');
+        const hostType = this.elementRef.nativeElement.getAttribute('type');
+        if (hostDataTest && this.hostDataTest !== hostDataTest) {
+            this.hostDataTest = hostDataTest;
+            this.elementRef.nativeElement.removeAttribute('data-test');
+            this.changeDetectorRef.markForCheck();
+        }
+        if (hostId && this.hostId !== hostId) {
+            this.hostId = hostId;
+            this.elementRef.nativeElement.removeAttribute('id');
+            this.changeDetectorRef.markForCheck();
+        }
+        if (hostType && this.hostType !== hostType) {
+            this.hostType = hostType;
+            this.elementRef.nativeElement.removeAttribute('type');
+            this.changeDetectorRef.markForCheck();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BaseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: BaseButtonDirective, isStandalone: true, selector: "[apBaseButton]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: BaseButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apBaseButton]',
+                    standalone: true,
+                }]
+        }] });
+
+class DefaultImageDirective {
+    src = '';
+    default = '';
+    updateUrl() {
+        if (this.default) {
+            this.src = this.default;
+        }
+        else {
+            this.src = 'assets/lib-ui-components/img/default-avatar.png';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DefaultImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: DefaultImageDirective, isStandalone: true, selector: "img[default]", inputs: { src: "src", default: "default" }, host: { listeners: { "error": "updateUrl()" }, properties: { "src": "src" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DefaultImageDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: 'img[default]',
+                    standalone: true,
+                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
+                    host: {
+                        '(error)': 'updateUrl()',
+                        '[src]': 'src',
+                    },
+                }]
+        }], propDecorators: { src: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }], default: [{
+                type: Input
+            }] } });
+
+/**
+ * Removes excess text from element until it fits in elements
+ * and appends a ellipsis symbol to end of text. This requires that
+ * the elements height be fixed
+ *
+ * @example
+ * ```html
+ * <p apEllipsis>Ullamco esse laborum</p>
+ * ```
+ *
+ */
+class EllipsisDirective {
+    el;
+    apEllipsisSeparator = '';
+    apEllipsisClip = false;
+    apEllipsisIndex = -2;
+    apEllipsisChar = '...';
+    apEllipsisClickable = false;
+    apEllipsisRemovedElementsCount = new EventEmitter();
+    apEllipsisRemovedText = new EventEmitter();
+    get hasOverflow() {
+        const el = this.el.nativeElement;
+        return el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth;
+    }
+    constructor(el) {
+        this.el = el;
+    }
+    ngAfterContentChecked() {
+        this.clipText();
+    }
+    clipText() {
+        const el = this.el.nativeElement;
+        let text = el.innerText;
+        let removedText = '';
+        if (this.apEllipsisIndex > -1) {
+            removedText = text.substring(this.apEllipsisIndex, text.length - 1) + removedText;
+            text = text.substring(0, this.apEllipsisIndex);
+            el.innerText = `${text}${this.apEllipsisChar}`;
+            if (this.apEllipsisClickable) {
+                el.addEventListener('click', () => {
+                    el.innerText = `${text}${removedText}`;
+                });
+            }
+        }
+        else {
+            while (this.hasOverflow && text.length > 0) {
+                removedText = text[text.length - 1] + removedText;
+                text = text.substring(0, text.length - 1);
+                el.innerText = `${text}${this.apEllipsisChar}`;
+            }
+        }
+        if (this.apEllipsisSeparator) {
+            const removedElementsCount = removedText
+                .split(this.apEllipsisSeparator)
+                .filter(element => !!element && element.length > 0).length;
+            if (removedElementsCount > 0) {
+                this.apEllipsisRemovedElementsCount.emit(removedElementsCount);
+            }
+        }
+        if (removedText && removedText.length > 0) {
+            this.apEllipsisRemovedText.emit(removedText);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: EllipsisDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: EllipsisDirective, isStandalone: true, selector: "[apEllipsis]", inputs: { apEllipsisSeparator: "apEllipsisSeparator", apEllipsisClip: "apEllipsisClip", apEllipsisIndex: "apEllipsisIndex", apEllipsisChar: "apEllipsisChar", apEllipsisClickable: "apEllipsisClickable" }, outputs: { apEllipsisRemovedElementsCount: "apEllipsisRemovedElementsCount", apEllipsisRemovedText: "apEllipsisRemovedText" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: EllipsisDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[apEllipsis]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { apEllipsisSeparator: [{
+                type: Input
+            }], apEllipsisClip: [{
+                type: Input
+            }], apEllipsisIndex: [{
+                type: Input
+            }], apEllipsisChar: [{
+                type: Input
+            }], apEllipsisClickable: [{
+                type: Input
+            }], apEllipsisRemovedElementsCount: [{
+                type: Output
+            }], apEllipsisRemovedText: [{
+                type: Output
+            }] } });
+
+// Based on https://scotch.io/tutorials/how-to-implement-a-custom-validator-directive-confirm-password-in-angular-2
+class EqualValidatorDirective {
+    validateEqual;
+    validateEqualReference;
+    constructor(validateEqual, validateEqualReference) {
+        this.validateEqual = validateEqual;
+        this.validateEqualReference = validateEqualReference;
+    }
+    validate(self) {
+        const other = self.root.get(this.validateEqual);
+        if (other) {
+            if (this.isReference()) {
+                if (self.value === other.value) {
+                    if (other.errors) {
+                        delete other.errors['validateEqual'];
+                        if (!Object.keys(other.errors).length) {
+                            other.setErrors(null);
+                        }
+                    }
+                    else {
+                        other.setErrors(null);
+                    }
+                }
+                else {
+                    other.setErrors({ validateEqual: false });
+                }
+            }
+            else if (self.value !== other.value) {
+                return { validateEqual: false };
+            }
+        }
+        return null;
+    }
+    isReference() {
+        if (!this.validateEqualReference) {
+            return false;
+        }
+        return this.validateEqualReference === 'true';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: EqualValidatorDirective, deps: [{ token: 'validateEqual', attribute: true }, { token: 'validateEqualReference', attribute: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: EqualValidatorDirective, isStandalone: true, selector: "[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]", providers: [
+            {
+                provide: NG_VALIDATORS,
+                useExisting: forwardRef(() => EqualValidatorDirective),
+                multi: true,
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: EqualValidatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]',
+                    providers: [
+                        {
+                            provide: NG_VALIDATORS,
+                            useExisting: forwardRef(() => EqualValidatorDirective),
+                            multi: true,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['validateEqual']
+                }] }, { type: undefined, decorators: [{
+                    type: Attribute,
+                    args: ['validateEqualReference']
+                }] }] });
+
+class GifService {
+    static isGif(src) {
+        return src && src.split('?')[0].endsWith('.gif');
+    }
+}
+/**
+ * If the image is a GIF then replace the img element by a canvas containing a frozen gif.
+ * Note 1: if the image is displayed under a condition, the condition must be applied on the parent of the image, so the
+ * new canvas element will have the same condition.
+ * Note 2: the image must not have the properties "display" and "visibility" in its style. Since they are used to frozen
+ * the GIF. You need to apply this properties on the parent element.
+ * Note 3: If the GIF is frozen, all the event are propagated to the image. However, all events are dispatched
+ * with an Event instance. Ex: click event is not dispatched with a MouseEvent instance.
+ */
+class FrozenGifDirective {
+    elementRef;
+    src = '';
+    apFrozen = true;
+    // Add all the events that need to be propagated.
+    apGifEvents = ['click'];
+    element;
+    canvas = null;
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        const element = this.elementRef.nativeElement;
+        if (!(element instanceof HTMLImageElement)) {
+            return;
+        }
+        this.element = element;
+    }
+    ngOnChanges(changes) {
+        let freeze = false;
+        if (changes.src) {
+            freeze = true;
+        }
+        if (changes.frozen) {
+            if (changes.frozen.currentValue) {
+                freeze = true;
+            }
+            else {
+                this.unfreeze();
+            }
+        }
+        if (freeze) {
+            this.freeze();
+        }
+    }
+    freeze() {
+        if (!GifService.isGif(this.src) || !this.apFrozen) {
+            this.unfreeze();
+            return;
+        }
+        // hack to avoid displaying the GIF before replacing it by the canvas
+        this.element.style.visibility = 'hidden';
+        this.element.addEventListener('load', () => this.addCanvas());
+    }
+    addCanvas() {
+        if (this.canvas) {
+            this.canvas.remove();
+        }
+        this.canvas = document.createElement('canvas');
+        this.canvas.width = this.element.width;
+        this.canvas.height = this.element.height;
+        this.canvas.getContext('2d')?.drawImage(this.element, 0, 0, this.canvas.width, this.canvas.height);
+        for (let i = 0; i < this.element.attributes.length; i++) {
+            const attr = this.element.attributes[i];
+            if (attr.name === 'id') {
+                // avoid two elements with the same id
+                this.canvas.setAttribute('id', attr.value + '_frozenGif');
+            }
+            else if ((attr.name === 'style' && attr.value.includes('visibility: hidden;')) || attr.value.includes('display: none;')) {
+                // remove the added 'visibility: hidden' and 'display: none'
+                const styleValue = attr.value;
+                this.canvas.setAttribute('style', styleValue.replace('visibility: hidden;', '').replace('display: none;', ''));
+            }
+            else if (attr.name !== '"') {
+                // test for invalid attributes
+                this.canvas.setAttribute(attr.name, attr.value);
+            }
+        }
+        this.addEvents();
+        this.element.parentNode?.insertBefore(this.canvas, this.element);
+        this.element.style.display = 'none';
+    }
+    addEvents() {
+        this.apGifEvents.forEach((eventName) => {
+            this.canvas?.addEventListener(eventName, (ev) => this.element.dispatchEvent(
+            // wm: find a way to dispatch the right event type
+            new Event(ev.type, ev)));
+        });
+    }
+    unfreeze() {
+        if (this.canvas) {
+            this.canvas.remove();
+            this.canvas = null;
+        }
+        this.element.style.visibility = 'inherit';
+        this.element.style.display = 'inherit';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FrozenGifDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: FrozenGifDirective, isStandalone: true, selector: "img[apFrozenGif]", inputs: { src: "src", apFrozen: "apFrozen", apGifEvents: "apGifEvents" }, host: { properties: { "src": "src" } }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FrozenGifDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[apFrozenGif]',
+                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
+                    host: {
+                        '[src]': 'src',
+                    },
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { src: [{
+                type: Input,
+                args: [{
+                        required: true,
+                    }]
+            }], apFrozen: [{
+                type: Input
+            }], apGifEvents: [{
+                type: Input
+            }] } });
+
+const DATA_MST = 'data-mst';
+/**
+ * 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.
+ * The specific tags must this schema: <ng-container data-mst="STYLING-CLASSES">TEXT</ng-container>.
+ * Example: 'Lorem <ng-container data-mst="my-style">ipsum</ng-container> dolor sit amet'.
+ */
+class MultiStyleTextDirective {
+    elRef;
+    renderer;
+    set multiStyleText(fullText) {
+        // First remove previously added children (on update).
+        this.renderer.setProperty(this.elRef.nativeElement, 'innerHTML', '');
+        if (!fullText || fullText.length <= 0) {
+            return;
+        }
+        this.renderer.setProperty(this.elRef.nativeElement, 'innerHTML', DOMPurify.sanitize(fullText.replace(/ng-container/g, 'span')));
+        Array.from(this.elRef.nativeElement.children).forEach((childNode) => {
+            if (childNode.nodeType == 1 && childNode.tagName.toLowerCase() === 'span') {
+                // Node.ELEMENT_NODE
+                const span = this.renderer.createElement('span');
+                span.innerHTML = childNode.innerHTML;
+                this.elRef.nativeElement.replaceChild(span, childNode);
+                const mstValue = childNode.getAttribute(DATA_MST);
+                if (mstValue) {
+                    const mstContents = mstValue.split(';');
+                    // Bind click events
+                    if (mstContents[1]) {
+                        this.renderer.listen(span, 'click', () => this.partEvent.emit(mstContents[1]));
+                    }
+                    // Add classes
+                    if (mstContents[0] && mstContents[0].length > 0) {
+                        this.renderer.setAttribute(span, 'class', mstContents[0].replace(',', ' '));
+                    }
+                }
+            }
+        });
+    }
+    partEvent = new EventEmitter();
+    constructor(elRef, renderer) {
+        this.elRef = elRef;
+        this.renderer = renderer;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: MultiStyleTextDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.3", type: MultiStyleTextDirective, isStandalone: true, selector: "[multiStyleText]", inputs: { multiStyleText: "multiStyleText" }, outputs: { partEvent: "partEvent" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: MultiStyleTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[multiStyleText]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { multiStyleText: [{
+                type: Input
+            }], partEvent: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutosizeTextareaDirective, BaseButtonDirective, DefaultImageDirective, EllipsisDirective, EqualValidatorDirective, FrozenGifDirective, GifService, MultiStyleTextDirective };
+//# sourceMappingURL=agorapulse-ui-components-directives.mjs.map

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

@@ -0,0 +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/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 { 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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"}

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

@@ -0,0 +1,53 @@
+import { NgClass } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, booleanAttribute, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
+
+class DotStepperComponent {
+    interactive = true;
+    index = 0;
+    items = [];
+    dotClick = new EventEmitter();
+    currentItem = undefined;
+    ngOnChanges() {
+        this.currentItem = this.items[this.index];
+    }
+    /**
+     * On dot click
+     * @param event Dom click event
+     * @param item Item clicked
+     * @param index Index of the item clicked
+     */
+    onDotClick(event, item, index) {
+        event.stopPropagation();
+        if (!this.interactive) {
+            return;
+        }
+        this.currentItem = item;
+        this.index = index;
+        this.dotClick.emit(this.index);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DotStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.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: "17.3.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"] }]
+        }], propDecorators: { interactive: [{
+                type: Input,
+                args: [{
+                        transform: booleanAttribute,
+                    }]
+            }], index: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], dotClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DotStepperComponent };
+//# sourceMappingURL=agorapulse-ui-components-dot-stepper.mjs.map

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

@@ -0,0 +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,CAAC;IACb,KAAK,GAAG,CAAC,CAAC;IACV,KAAK,GAAQ,EAAE,CAAC;AACf,IAAA,QAAQ,GAAyB,IAAI,YAAY,EAAU,CAAC;IAEtE,WAAW,GAAkB,SAAS,CAAC;IAEvC,WAAW,GAAA;QACP,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC7C;AAED;;;;;AAKG;AACH,IAAA,UAAU,CAAC,KAAY,EAAE,IAAO,EAAE,KAAa,EAAA;QAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACnB,OAAO;SACV;AACD,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClC;uGA7BQ,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,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,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,CAAA;8BAOf,WAAW,EAAA,CAAA;sBAFb,KAAK;AAAC,gBAAA,IAAA,EAAA,CAAA;AACH,wBAAA,SAAS,EAAE,gBAAgB;AAC9B,qBAAA,CAAA;gBACQ,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACI,QAAQ,EAAA,CAAA;sBAAjB,MAAM;;;AElBX;;AAEG;;;;"}

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

@@ -0,0 +1,18 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
+
+class FormFieldComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.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: "17.3.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"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormFieldComponent };
+//# sourceMappingURL=agorapulse-ui-components-form-field.mjs.map

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

@@ -0,0 +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,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,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,CAAA;;;AERzC;;AAEG;;;;"}