@agorapulse/ui-components 16.2.14 → 16.2.16

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

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-select.mjs","sources":["../../../libs/ui-components/select/src/select.component.ts","../../../libs/ui-components/select/src/select.component.html","../../../libs/ui-components/select/src/agorapulse-ui-components-select.ts"],"sourcesContent":["import { LoaderComponent } from '@agorapulse/ui-animations';\nimport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nimport { BadgeComponent } from '@agorapulse/ui-components/badge';\nimport { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nimport { InputComponent } from '@agorapulse/ui-components/input';\nimport { LabelComponent } from '@agorapulse/ui-components/labels';\nimport { TagComponent } from '@agorapulse/ui-components/tag';\nimport { SymbolComponent, SymbolRegistry, apAdd2022, apCheck2, apDeleteNoCircle, apSearchAlternate } from '@agorapulse/ui-symbol';\nimport { AsyncPipe, NgFor, NgIf, NgTemplateOutlet, SlicePipe } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    EnvironmentInjector,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Output,\n    Provider,\n    ViewChild,\n    ViewEncapsulation,\n    computed,\n    effect,\n    forwardRef,\n    inject,\n    runInInjectionContext,\n    signal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport { NgOption, NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';\nimport { Observable, debounceTime, fromEvent, of, skip, switchMap, tap } from 'rxjs';\n\nexport type DisplayType = 'text' | 'label' | 'tag' | 'withAvatar';\n\nexport const SELECT_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => SelectComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-select',\n    styleUrls: ['./select.component.scss'],\n    standalone: true,\n    imports: [\n        NgIf,\n        NgFor,\n        ReactiveFormsModule,\n        FormsModule,\n        NgSelectModule,\n        InputComponent,\n        SymbolComponent,\n        AsyncPipe,\n        SlicePipe,\n        CheckboxComponent,\n        AvatarComponent,\n        NgTemplateOutlet,\n        LabelComponent,\n        TagComponent,\n        BadgeComponent,\n        LoaderComponent,\n    ],\n    providers: [SELECT_VALUE_ACCESSOR],\n    templateUrl: './select.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class SelectComponent<T extends Record<string, unknown> | string> implements OnInit, AfterViewInit, ControlValueAccessor {\n    private symbolRegistry: SymbolRegistry = inject(SymbolRegistry);\n    private destroyRef: DestroyRef = inject(DestroyRef);\n    private elementRef: ElementRef = inject(ElementRef);\n\n    @ViewChild('searchInput') searchInput!: InputComponent;\n    @ViewChild('inlineLabel') inlineLabelElement!: ElementRef<HTMLDivElement>;\n    @ViewChild('select') select!: NgSelectComponent;\n\n    @HostBinding('class.hovered') hovered: boolean = false;\n\n    optionsSignal = signal<T[]>([]);\n    @Input({ required: true }) set options(options: T[]) {\n        this.optionsSignal.set(options);\n        this.filteredOptionsSignal.set(options);\n    }\n\n    @Input() ariaLabel!: string;\n    @Input() ariaLabelledBy!: string;\n    @Input() ariaDescribedBy!: string;\n    @Input() appendTo: string = 'body';\n    @Input() clearable: boolean = false;\n    @Input() description?: string;\n    @Input() disabled: boolean = false;\n    @Input() selectId?: string;\n\n    private _inline: boolean = false;\n    @HostBinding('class.inline')\n    @Input()\n    set inlineLabel(inlineLabel: boolean) {\n        this._inline = inlineLabel;\n        if (!this.inlineLabelElement) {\n            return;\n        }\n        this.elementRef.nativeElement.style.setProperty(\n            '--placeholder-padding-left',\n            `${this.inlineLabelElement.nativeElement.clientWidth}px`\n        );\n    }\n\n    get inlineLabel(): boolean {\n        return this._inline;\n    }\n\n    @Input() create: boolean = false;\n    @Input() createText: string = 'Create';\n    @Input() group: boolean = false;\n    @Input() selectableGroup: boolean = true;\n    @Input() label: string = '';\n    @Input() multiple: boolean = false;\n    @Input() only: boolean = false;\n    @Input() onlyText: string = 'Only';\n    @Input() placeholder: string = 'Select...';\n    @Input() selectAll: boolean = false;\n    @Input() selectAllText: string = 'Select all';\n    @Input() unselectAllText: string = 'Unselect all';\n    @Input() searchable: boolean = false;\n    @Input() searchPlaceholder: string = 'Search...';\n    @Input() searchFn: (term: string) => Observable<T[]> = this.defaultSearchFn;\n    @Input() notFoundText: string = 'No results found';\n    @Input() loadingText: string = 'Loading items';\n    @Input() set displayType(displayType: DisplayType) {\n        this.displayTypeSignal.set(displayType);\n    }\n\n    @Input() optionLabel?: string;\n    @Input() optionCaption?: string;\n    @Input() optionDivider?: string = 'divider';\n    @Input() optionProfileImageUrl: string = 'profileImageUrl';\n    @Input() optionBadgeLabel?: string;\n    @Input() optionValue?: string;\n    @Input() optionDisabled: string = 'disabled';\n    @Input() optionGroupLabel: string = 'group';\n    @Input() optionGroupTag?: Record<string, string>;\n    @Input() set maximumDisplayOptions(maximumDisplayOptions: number) {\n        this.maximumDisplayValuesSignal.set(maximumDisplayOptions);\n    }\n\n    @Input() compareWith!: (a: any, b: any) => boolean;\n\n    @Output() createNew: EventEmitter<string> = new EventEmitter();\n    @Output() valueChanges = new EventEmitter<unknown[]>();\n\n    private _controlValueAccessorChangeFn!: (value: unknown[]) => void;\n    onTouched!: () => void;\n    displayTypeSignal = signal<DisplayType>('text');\n\n    enabledOptions = computed<T[]>(() => {\n        return this.optionsSignal().filter((value: T) => {\n            if (typeof value === 'string') {\n                return value;\n            } else {\n                return this.optionDisabled && !value[this.optionDisabled];\n            }\n        });\n    });\n\n    itemHoveredSignal = signal<string | null>(null);\n    filteredOptionsSignal = signal<T[]>([]);\n    loadingSignal = signal<boolean>(false);\n    selectedValuesSignal = signal<unknown[]>([]);\n    searchTermSignal = signal<string>('');\n    searchTerm$ = toObservable(this.searchTermSignal);\n    maximumDisplayValuesSignal = signal<number>(-1);\n    hiddenCountSignal = signal<number>(0);\n\n    allSelectedSignal = computed<boolean>(() => {\n        return this.selectedValuesSignal().length === this.enabledOptions().length;\n    });\n    partialySelectedSignal = computed<boolean>(() => {\n        return this.selectedValuesSignal().length > 0 && this.selectedValuesSignal().length < this.enabledOptions().length;\n    });\n\n    private injector = inject(EnvironmentInjector);\n    private selectValueContainer!: HTMLElement;\n    private selectValueContainerWidthSignal = signal(0);\n\n    constructor() {\n        this.symbolRegistry.registerSymbols([apCheck2, apSearchAlternate, apAdd2022, apDeleteNoCircle]);\n    }\n\n    writeValue(selectedValues: unknown[] = []): void {\n        this.selectedValuesSignal.set(selectedValues);\n    }\n\n    registerOnChange(fn: (value: unknown[]) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    ngOnInit(): void {\n        if (this.multiple && (!this.displayTypeSignal() || this.displayTypeSignal() === 'text')) {\n            console.warn('Display type \"text\" is not supported for multiple select. Switching to \"label\".');\n            this.displayTypeSignal.set('label');\n        }\n        this.searchTerm$\n            .pipe(\n                debounceTime(250),\n                skip(1),\n                tap(() => {\n                    this.loadingSignal.set(true);\n                    this.optionsSignal.set([]);\n                }),\n                switchMap((term: string) => this.searchFn(term)),\n                tap(() => {\n                    this.loadingSignal.set(false);\n                }),\n                takeUntilDestroyed(this.destroyRef)\n            )\n            .subscribe((options: T[]) => {\n                this.optionsSignal.set(options);\n            });\n    }\n\n    ngAfterViewInit(): void {\n        if (this.inlineLabelElement) {\n            this.elementRef.nativeElement.style.setProperty(\n                '--placeholder-padding-left',\n                `${this.inlineLabelElement.nativeElement.clientWidth}px`\n            );\n        }\n        this.selectValueContainer = this.select.element.getElementsByClassName('ng-value-container')[0] as HTMLElement;\n        if (this.multiple) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(200), takeUntilDestroyed(this.destroyRef))\n                .subscribe(() => {\n                    this.updateSelectValueContainerWidthSignal();\n                });\n        }\n        this.updateSelectValueContainerWidthSignal();\n        runInInjectionContext(this.injector, () => {\n            effect(\n                () => {\n                    if (this.multiple) {\n                        const selectedValues = this.selectedValuesSignal();\n                        const selectValueContainerWidthSignal = this.selectValueContainerWidthSignal();\n                        const timeout = setTimeout(() => {\n                            this.calculateResponsiveLabels(selectValueContainerWidthSignal, selectedValues);\n                        }, 100);\n                        return () => {\n                            clearTimeout(timeout);\n                        };\n                    }\n                    return;\n                },\n                {\n                    allowSignalWrites: true,\n                }\n            );\n        });\n    }\n\n    onSearchTermChange(searchTerm: string): void {\n        this.searchTermSignal.set(searchTerm);\n    }\n\n    private defaultSearchFn(term: string): Observable<T[]> {\n        return of(\n            this.filteredOptionsSignal().filter((option: T) => {\n                if (typeof option === 'string') {\n                    return option.toLowerCase().includes(term.toLowerCase());\n                }\n                if (this.optionLabel) {\n                    return String(option[this.optionLabel]).toLowerCase().includes(term.toLowerCase());\n                }\n                return option;\n            })\n        );\n    }\n\n    isGroupIndeterminate(children: NgOption[]) {\n        return children.some((child: NgOption) => child.selected) && !this.isGroupChecked(children);\n    }\n\n    isGroupDisabled(children: NgOption[]): boolean {\n        return children.every((child: NgOption) => child.disabled);\n    }\n\n    isGroupChecked(children: NgOption[]): boolean {\n        return children.every((child: NgOption) => child.disabled || child.selected) && !this.isGroupDisabled(children);\n    }\n\n    onSelectOnly(item: T): void {\n        if (typeof item === 'string') {\n            this.selectedValuesSignal.set([item]);\n        } else {\n            this.optionValue ? this.selectedValuesSignal.set([item[this.optionValue]]) : this.selectedValuesSignal.set([item]);\n        }\n        this.callControlValueAccessorChangeFn();\n    }\n\n    onSelectOpened(): void {\n        setTimeout(() => {\n            if (this.onTouched) {\n                this.onTouched();\n            }\n            if (this.searchable && !!this.searchFn) {\n                this.searchInput.focusInput();\n            }\n        });\n    }\n\n    onHoverItem(htmlid: string): void {\n        if (!this.multiple || this.disabled) {\n            return;\n        }\n        this.itemHoveredSignal.set(htmlid);\n    }\n\n    onLeaveItem(): void {\n        if (!this.multiple || this.disabled) {\n            return;\n        }\n        this.itemHoveredSignal.set(null);\n    }\n\n    onToggleAll(): void {\n        if (this.partialySelectedSignal() || this.partialySelectedSignal()) {\n            this.selectedValuesSignal.set([]);\n        } else {\n            this.selectedValuesSignal.set(\n                this.enabledOptions().map((value: T) => {\n                    if (typeof value === 'string') {\n                        return value;\n                    }\n                    return this.optionValue ? value[this.optionValue] : value;\n                })\n            );\n        }\n        this.callControlValueAccessorChangeFn();\n    }\n\n    onSelectedValuesChange(selectedValues: unknown[]): void {\n        this.selectedValuesSignal.set(selectedValues);\n        this.callControlValueAccessorChangeFn();\n    }\n\n    onOpenSelect(): void {\n        this.select.open();\n    }\n\n    onInlineInputEnter(): void {\n        this.hovered = true;\n    }\n\n    onInlineInputLeave(): void {\n        this.hovered = false;\n    }\n\n    onCreateNew(): void {\n        this.createNew.emit(this.searchTermSignal());\n        this.select.close();\n    }\n\n    removeSelectedItem({ $event }: { $event: PointerEvent | MouseEvent }, item: T): void {\n        if ($event) {\n            $event.stopImmediatePropagation();\n        }\n        const selectedItemId = typeof item === 'string' ? item : this.optionValue ? item[this.optionValue] : item;\n        this.selectedValuesSignal.update((selectedValues: unknown[]) =>\n            selectedValues.filter((selectedValue: unknown) => selectedValue !== selectedItemId)\n        );\n        this.callControlValueAccessorChangeFn();\n    }\n\n    private callControlValueAccessorChangeFn() {\n        this.valueChanges.emit(this.selectedValuesSignal());\n        if (this._controlValueAccessorChangeFn) {\n            this._controlValueAccessorChangeFn(this.selectedValuesSignal());\n        }\n    }\n\n    private updateSelectValueContainerWidthSignal() {\n        if (this.selectValueContainer) {\n            const remainingPlaceHolderWidth = 100;\n            const selectValueContainerWidth = this.selectValueContainer.clientWidth - remainingPlaceHolderWidth;\n            this.selectValueContainerWidthSignal.set(selectValueContainerWidth);\n        }\n    }\n\n    private calculateResponsiveLabels(containerWidth: number, selectedValues: unknown[]): void {\n        if (!selectedValues || selectedValues.length === 0) {\n            this.hiddenCountSignal.set(0);\n            return;\n        }\n        const itemsContainer = this.selectValueContainer.getElementsByClassName('multiple-item')[0] as HTMLElement;\n        const items = this.selectValueContainer.getElementsByClassName('item');\n        let totalWidth = 0;\n        let hiddenCount = 0;\n        const itemGap = 4;\n        for (let index = 0; index < items.length; index++) {\n            const item = items[index];\n            const itemWidth = item.clientWidth + itemGap;\n            if (totalWidth + itemWidth < containerWidth && !hiddenCount) {\n                totalWidth += itemWidth;\n                (item as HTMLElement).style.visibility = 'visible';\n            } else {\n                (item as HTMLElement).style.visibility = 'hidden';\n                hiddenCount++;\n            }\n        }\n        itemsContainer.style.maxWidth = `${totalWidth}px`;\n        this.hiddenCountSignal.set(hiddenCount);\n    }\n}\n","<label\n    *ngIf=\"label && !inlineLabel\"\n    [for]=\"selectId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<div\n    *ngIf=\"inlineLabel\"\n    #inlineLabel\n    tabindex=\"0\"\n    class=\"inline-label\"\n    (click)=\"onOpenSelect()\"\n    (keydown.enter)=\"onOpenSelect()\"\n    (mouseenter)=\"onInlineInputEnter()\"\n    (mouseleave)=\"onInlineInputLeave()\">\n    <label\n        *ngIf=\"label && inlineLabel\"\n        class=\"label\"\n        [for]=\"selectId\">\n        <span>\n            {{ label }}\n        </span>\n    </label>\n    <div class=\"divider\"></div>\n</div>\n\n<ng-select\n    #select\n    class=\"ap-select\"\n    [tabIndex]=\"0\"\n    [clearable]=\"clearable\"\n    [placeholder]=\"placeholder\"\n    [labelForId]=\"selectId\"\n    [searchable]=\"false\"\n    [closeOnSelect]=\"!multiple\"\n    [bindValue]=\"optionValue ? optionValue : ''\"\n    [groupBy]=\"group ? optionGroupLabel : ''\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    [markFirst]=\"false\"\n    [selectableGroup]=\"selectableGroup\"\n    [selectableGroupAsModel]=\"false\"\n    [appendTo]=\"appendTo\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [items]=\"optionsSignal()\"\n    [compareWith]=\"compareWith\"\n    [loading]=\"loadingSignal()\"\n    [ngModel]=\"selectedValuesSignal()\"\n    (ngModelChange)=\"onSelectedValuesChange($event)\"\n    (open)=\"onSelectOpened()\">\n    <ng-container *ngIf=\"searchable || selectAll\">\n        <ng-template\n            let-item=\"item\"\n            ng-header-tmp>\n            <ng-container *ngIf=\"searchable\">\n                <ap-input\n                    #searchInput\n                    tabindex=\"0\"\n                    name=\"search-input\"\n                    class=\"full-width\"\n                    symbolId=\"search-alternate\"\n                    symbolPosition=\"right\"\n                    [placeholder]=\"searchPlaceholder\"\n                    [ngModel]=\"searchTermSignal()\"\n                    (ngModelChange)=\"onSearchTermChange($event)\" />\n            </ng-container>\n            <ng-container *ngIf=\"selectAll\">\n                <ap-checkbox\n                    class=\"select-all-checkbox\"\n                    name=\"option-group-select-all\"\n                    [indeterminate]=\"partialySelectedSignal()\"\n                    [checked]=\"allSelectedSignal()\"\n                    (click)=\"onToggleAll()\">\n                    <span>\n                        {{ partialySelectedSignal() || allSelectedSignal() ? unselectAllText : selectAllText }}\n                    </span>\n                </ap-checkbox>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n    <ng-template\n        let-item=\"item\"\n        let-item$=\"item$\"\n        ng-optgroup-tmp>\n        <div\n            class=\"group\"\n            [class.with-search]=\"searchable\"\n            [class.with-select-all]=\"selectAll\">\n            <ng-container *ngIf=\"!multiple\">\n                <span class=\"group-label\">\n                    {{ item[optionGroupLabel] }}\n                </span>\n                <ap-badge\n                    *ngIf=\"optionGroupTag && optionGroupTag[item[optionGroupLabel]]\"\n                    color=\"blue\">\n                    {{ optionGroupTag[item[optionGroupLabel]] }}\n                </ap-badge>\n            </ng-container>\n            <ng-container *ngIf=\"multiple\">\n                <ap-checkbox\n                    *ngIf=\"selectableGroup\"\n                    [name]=\"'option-group-selection-' + item['group']\"\n                    [indeterminate]=\"isGroupIndeterminate(item$.children)\"\n                    [checked]=\"isGroupChecked(item$.children)\">\n                    <span class=\"group-label\">\n                        {{ item[optionGroupLabel] }}\n                    </span>\n                    <ap-badge\n                        *ngIf=\"optionGroupTag && optionGroupTag[item[optionGroupLabel]]\"\n                        color=\"blue\">\n                        {{ optionGroupTag[item[optionGroupLabel]] }}\n                    </ap-badge>\n                </ap-checkbox>\n                <span\n                    *ngIf=\"!selectableGroup\"\n                    class=\"group-label\">\n                    {{ item[optionGroupLabel] }}\n                </span>\n            </ng-container>\n        </div>\n    </ng-template>\n    <ng-template\n        let-items=\"items\"\n        let-item$=\"item$\"\n        ng-multi-label-tmp>\n        <ng-container>\n            <div class=\"multiple-item\">\n                <ng-container *ngFor=\"let item of items\">\n                    <ng-container *ngIf=\"optionLabel && item[optionLabel]\">\n                        <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                            <span\n                                class=\"item text-item\"\n                                [title]=\"item[optionLabel]\">\n                                {{ item[optionLabel] }}\n                            </span>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                            <ap-label\n                                color=\"blue\"\n                                class=\"item\"\n                                removable=\"true\"\n                                [content]=\"item[optionLabel]\"\n                                (remove)=\"removeSelectedItem($event, item)\" />\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                            <ap-tag\n                                class=\"item text-item\"\n                                clearable=\"true\"\n                                (clear)=\"removeSelectedItem($event, item)\">\n                                <ap-avatar\n                                    *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\"\n                                    size=\"24\"\n                                    [profilePicture]=\"item[optionProfileImageUrl]\" />\n                                {{ item[optionLabel] }}\n                            </ap-tag>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                            <div class=\"item with-avatar\">\n                                <ap-avatar\n                                    *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\"\n                                    size=\"24\"\n                                    [profilePicture]=\"item[optionProfileImageUrl]\" />\n                                <span\n                                    class=\"text-item\"\n                                    [title]=\"item[optionLabel]\">\n                                    {{ item[optionLabel] }}\n                                </span>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"!optionLabel || !item[optionLabel]\">\n                        <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                            <span\n                                class=\"item text-item\"\n                                [title]=\"item\">\n                                {{ item }}\n                            </span>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                            <ap-label\n                                class=\"item\"\n                                color=\"blue\"\n                                [removable]=\"multiple\"\n                                [content]=\"item\"\n                                (remove)=\"removeSelectedItem($event, item)\" />\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                            <ap-tag\n                                class=\"item text-item\"\n                                [clearable]=\"multiple\"\n                                (clear)=\"removeSelectedItem($event, item)\">\n                                {{ item }}\n                            </ap-tag>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                            <div class=\"item with-avatar\">\n                                <ap-avatar\n                                    *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\"\n                                    size=\"24\"\n                                    [profilePicture]=\"item[optionProfileImageUrl]\" />\n                                <span class=\"text-item\">\n                                    {{ item }}\n                                </span>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                </ng-container>\n            </div>\n            <div\n                *ngIf=\"hiddenCountSignal() > 0\"\n                class=\"remaining\">\n                <ng-container *ngIf=\"displayTypeSignal() === 'text' || displayTypeSignal() === 'withAvatar' || !displayTypeSignal()\">\n                    <span class=\"text-item\">+{{ hiddenCountSignal() }}</span>\n                </ng-container>\n                <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                    <ap-tag\n                        class=\"text-item\"\n                        clearable=\"false\">\n                        +{{ hiddenCountSignal() }}\n                    </ap-tag>\n                </ng-container>\n                <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                    <ap-label\n                        color=\"blue\"\n                        [removable]=\"false\"\n                        [content]=\"'+' + hiddenCountSignal()\" />\n                </ng-container>\n            </div>\n        </ng-container>\n    </ng-template>\n    <ng-template ng-loadingtext-tmp>\n        <div class=\"loading-state\">\n            <ap-loader diameter=\"30\" />\n            <span>\n                {{ loadingText }}\n            </span>\n        </div>\n    </ng-template>\n    <ng-template ng-loadingspinner-tmp></ng-template>\n    <ng-container *ngIf=\"create\">\n        <ng-template ng-footer-tmp>\n            <button\n                class=\"create-new\"\n                type=\"button\"\n                (click)=\"onCreateNew()\">\n                <ap-symbol\n                    symbolId=\"add-2022\"\n                    size=\"micro\" />\n                <span>\n                    {{ createText }}\n                </span>\n                <ng-container *ngIf=\"searchTermSignal()\">\"{{ searchTermSignal() }}\"</ng-container>\n            </button>\n        </ng-template>\n    </ng-container>\n    <ng-template\n        let-item=\"item\"\n        let-item$=\"item$\"\n        ng-option-tmp>\n        <ng-container *ngIf=\"(!optionLabel || !item[optionLabel]) && item && (!optionDivider || !item[optionDivider])\">\n            <div class=\"option\">\n                <span\n                    class=\"option-item\"\n                    [title]=\"item\">\n                    {{ item }}\n                </span>\n                <ng-container *ngIf=\"item$.selected && !multiple\">\n                    <ap-symbol\n                        symbolId=\"check-2\"\n                        color=\"electric-blue\"\n                        size=\"micro\" />\n                </ng-container>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"optionLabel && item[optionLabel]\">\n            <div\n                class=\"option\"\n                [class.with-caption]=\"optionLabel && optionCaption && item[optionCaption]\"\n                [class.multiple]=\"multiple\"\n                (mouseenter)=\"onHoverItem(item$.htmlId)\"\n                (mouseleave)=\"onLeaveItem()\">\n                <ng-container *ngTemplateOutlet=\"contentItem; context: { item: item, item$: item$ }\" />\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"optionDivider && item[optionDivider]\">\n            <div class=\"divider\"></div>\n        </ng-container>\n    </ng-template>\n    <ng-template\n        let-item=\"item\"\n        ng-label-tmp>\n        <ng-container *ngIf=\"!optionLabel\">\n            <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                <span\n                    class=\"text-item\"\n                    [title]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                <ap-label\n                    color=\"blue\"\n                    [removable]=\"multiple\"\n                    [content]=\"item\"\n                    (remove)=\"removeSelectedItem($event, item)\" />\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                <ap-tag\n                    class=\"text-item\"\n                    [clearable]=\"multiple\"\n                    (clear)=\"removeSelectedItem($event, item)\">\n                    {{ item }}\n                </ap-tag>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                <span class=\"text-item\">\n                    {{ item }}\n                </span>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"optionLabel\">\n            <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                <span class=\"text-item\">\n                    {{ item[optionLabel] }}\n                </span>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                <ap-label\n                    color=\"blue\"\n                    [removable]=\"multiple\"\n                    [content]=\"item[optionLabel]\"\n                    (remove)=\"removeSelectedItem($event, item)\" />\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                <ap-tag\n                    class=\"text-item\"\n                    [clearable]=\"multiple\"\n                    [title]=\"item[optionLabel]\"\n                    (clear)=\"removeSelectedItem($event, item)\">\n                    <ap-avatar\n                        *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\"\n                        size=\"24\"\n                        [profilePicture]=\"item[optionProfileImageUrl]\" />\n                    {{ item[optionLabel] }}\n                </ap-tag>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                <div class=\"with-avatar\">\n                    <ap-avatar\n                        *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\"\n                        size=\"24\"\n                        [profilePicture]=\"item[optionProfileImageUrl]\" />\n                    <span\n                        class=\"text-item\"\n                        [title]=\"item[optionLabel]\">\n                        {{ item[optionLabel] }}\n                    </span>\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-template>\n    <ng-template ng-notfound-tmp>\n        <div class=\"option not-found\">\n            {{ notFoundText }}\n        </div>\n    </ng-template>\n</ng-select>\n\n<ng-template\n    #contentItem\n    let-item=\"item\"\n    let-item$=\"item$\">\n    <ng-container *ngIf=\"multiple\">\n        <div class=\"disabled-opaque\"></div>\n        <ap-checkbox\n            *ngIf=\"multiple\"\n            [checked]=\"item$.selected\"\n            [disabled]=\"item$.disabled\"\n            [name]=\"'option-selection-' + item$.htmlId\">\n            <ng-container *ngTemplateOutlet=\"textItem; context: { item: item, item$: item$ }\" />\n        </ap-checkbox>\n    </ng-container>\n    <ng-container *ngIf=\"!multiple\">\n        <div class=\"disabled-opaque\"></div>\n        <ng-container *ngTemplateOutlet=\"textItem; context: { item: item, item$: item$ }\" />\n    </ng-container>\n</ng-template>\n\n<ng-template\n    #textItem\n    let-item=\"item\"\n    let-item$=\"item$\">\n    <div class=\"content\">\n        <ng-container *ngIf=\"!optionLabel\">\n            <span class=\"item\">\n                {{ item }}\n            </span>\n        </ng-container>\n        <ng-container *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\">\n            <ap-avatar\n                size=\"24\"\n                [profilePicture]=\"item[optionProfileImageUrl]\" />\n        </ng-container>\n        <ng-container *ngIf=\"optionLabel && item[optionLabel]\">\n            <div class=\"texts\">\n                <div class=\"first-line\">\n                    <span\n                        class=\"label\"\n                        [title]=\"item[optionLabel]\">\n                        {{ item[optionLabel] }}\n                    </span>\n                    <ng-container *ngIf=\"optionBadgeLabel && item[optionBadgeLabel]\">\n                        <ap-badge color=\"blue\">{{ item[optionBadgeLabel] }}</ap-badge>\n                    </ng-container>\n                </div>\n                <ng-container *ngIf=\"optionCaption && item[optionCaption]\">\n                    <span\n                        class=\"caption\"\n                        [title]=\"item[optionCaption]\">\n                        {{ item[optionCaption] }}\n                    </span>\n                </ng-container>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"only && !item$.disabled && itemHoveredSignal() === item$.htmlId && multiple\">\n            <button\n                class=\"standalone-link\"\n                type=\"button\"\n                (click)=\"onSelectOnly(item)\">\n                {{ onlyText }}\n            </button>\n        </ng-container>\n        <ng-container *ngIf=\"item$.selected && !multiple\">\n            <ap-symbol\n                symbolId=\"check-2\"\n                color=\"electric-blue\"\n                size=\"micro\" />\n        </ng-container>\n    </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAsCa,MAAA,qBAAqB,GAAa;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,WAAW,EAAE,UAAU,CAAC,MAAM,eAAe,CAAC;AAC9C,IAAA,KAAK,EAAE,IAAI;EACb;MA6BW,eAAe,CAAA;AAChB,IAAA,cAAc,GAAmB,MAAM,CAAC,cAAc,CAAC,CAAC;AACxD,IAAA,UAAU,GAAe,MAAM,CAAC,UAAU,CAAC,CAAC;AAC5C,IAAA,UAAU,GAAe,MAAM,CAAC,UAAU,CAAC,CAAC;AAE1B,IAAA,WAAW,CAAkB;AAC7B,IAAA,kBAAkB,CAA8B;AACrD,IAAA,MAAM,CAAqB;IAElB,OAAO,GAAY,KAAK,CAAC;AAEvD,IAAA,aAAa,GAAG,MAAM,CAAM,EAAE,CAAC,CAAC;IAChC,IAA+B,OAAO,CAAC,OAAY,EAAA;AAC/C,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAChC,QAAA,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;KAC3C;AAEQ,IAAA,SAAS,CAAU;AACnB,IAAA,cAAc,CAAU;AACxB,IAAA,eAAe,CAAU;IACzB,QAAQ,GAAW,MAAM,CAAC;IAC1B,SAAS,GAAY,KAAK,CAAC;AAC3B,IAAA,WAAW,CAAU;IACrB,QAAQ,GAAY,KAAK,CAAC;AAC1B,IAAA,QAAQ,CAAU;IAEnB,OAAO,GAAY,KAAK,CAAC;IACjC,IAEI,WAAW,CAAC,WAAoB,EAAA;AAChC,QAAA,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;YAC1B,OAAO;AACV,SAAA;QACD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAC3C,4BAA4B,EAC5B,CAAG,EAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAI,EAAA,CAAA,CAC3D,CAAC;KACL;AAED,IAAA,IAAI,WAAW,GAAA;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;KACvB;IAEQ,MAAM,GAAY,KAAK,CAAC;IACxB,UAAU,GAAW,QAAQ,CAAC;IAC9B,KAAK,GAAY,KAAK,CAAC;IACvB,eAAe,GAAY,IAAI,CAAC;IAChC,KAAK,GAAW,EAAE,CAAC;IACnB,QAAQ,GAAY,KAAK,CAAC;IAC1B,IAAI,GAAY,KAAK,CAAC;IACtB,QAAQ,GAAW,MAAM,CAAC;IAC1B,WAAW,GAAW,WAAW,CAAC;IAClC,SAAS,GAAY,KAAK,CAAC;IAC3B,aAAa,GAAW,YAAY,CAAC;IACrC,eAAe,GAAW,cAAc,CAAC;IACzC,UAAU,GAAY,KAAK,CAAC;IAC5B,iBAAiB,GAAW,WAAW,CAAC;AACxC,IAAA,QAAQ,GAAsC,IAAI,CAAC,eAAe,CAAC;IACnE,YAAY,GAAW,kBAAkB,CAAC;IAC1C,WAAW,GAAW,eAAe,CAAC;IAC/C,IAAa,WAAW,CAAC,WAAwB,EAAA;AAC7C,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC3C;AAEQ,IAAA,WAAW,CAAU;AACrB,IAAA,aAAa,CAAU;IACvB,aAAa,GAAY,SAAS,CAAC;IACnC,qBAAqB,GAAW,iBAAiB,CAAC;AAClD,IAAA,gBAAgB,CAAU;AAC1B,IAAA,WAAW,CAAU;IACrB,cAAc,GAAW,UAAU,CAAC;IACpC,gBAAgB,GAAW,OAAO,CAAC;AACnC,IAAA,cAAc,CAA0B;IACjD,IAAa,qBAAqB,CAAC,qBAA6B,EAAA;AAC5D,QAAA,IAAI,CAAC,0BAA0B,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;KAC9D;AAEQ,IAAA,WAAW,CAA+B;AAEzC,IAAA,SAAS,GAAyB,IAAI,YAAY,EAAE,CAAC;AACrD,IAAA,YAAY,GAAG,IAAI,YAAY,EAAa,CAAC;AAE/C,IAAA,6BAA6B,CAA8B;AACnE,IAAA,SAAS,CAAc;AACvB,IAAA,iBAAiB,GAAG,MAAM,CAAc,MAAM,CAAC,CAAC;AAEhD,IAAA,cAAc,GAAG,QAAQ,CAAM,MAAK;QAChC,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,CAAC,KAAQ,KAAI;AAC5C,YAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,gBAAA,OAAO,KAAK,CAAC;AAChB,aAAA;AAAM,iBAAA;gBACH,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAC7D,aAAA;AACL,SAAC,CAAC,CAAC;AACP,KAAC,CAAC,CAAC;AAEH,IAAA,iBAAiB,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;AAChD,IAAA,qBAAqB,GAAG,MAAM,CAAM,EAAE,CAAC,CAAC;AACxC,IAAA,aAAa,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AACvC,IAAA,oBAAoB,GAAG,MAAM,CAAY,EAAE,CAAC,CAAC;AAC7C,IAAA,gBAAgB,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;AACtC,IAAA,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;AAClD,IAAA,0BAA0B,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC,CAAC;AAChD,IAAA,iBAAiB,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;AAEtC,IAAA,iBAAiB,GAAG,QAAQ,CAAU,MAAK;AACvC,QAAA,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC;AAC/E,KAAC,CAAC,CAAC;AACH,IAAA,sBAAsB,GAAG,QAAQ,CAAU,MAAK;QAC5C,OAAO,IAAI,CAAC,oBAAoB,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC;AACvH,KAAC,CAAC,CAAC;AAEK,IAAA,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AACvC,IAAA,oBAAoB,CAAe;AACnC,IAAA,+BAA+B,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AAEpD,IAAA,WAAA,GAAA;AACI,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;KACnG;IAED,UAAU,CAAC,iBAA4B,EAAE,EAAA;AACrC,QAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KACjD;AAED,IAAA,gBAAgB,CAAC,EAA8B,EAAA;AAC3C,QAAA,IAAI,CAAC,6BAA6B,GAAG,EAAE,CAAC;KAC3C;AAED,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC5B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;KACvB;AAED,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;KAC9B;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,KAAK,MAAM,CAAC,EAAE;AACrF,YAAA,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;AAChG,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACvC,SAAA;AACD,QAAA,IAAI,CAAC,WAAW;AACX,aAAA,IAAI,CACD,YAAY,CAAC,GAAG,CAAC,EACjB,IAAI,CAAC,CAAC,CAAC,EACP,GAAG,CAAC,MAAK;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAC7B,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SAC9B,CAAC,EACF,SAAS,CAAC,CAAC,IAAY,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAChD,GAAG,CAAC,MAAK;AACL,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;SACjC,CAAC,EACF,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CACtC;AACA,aAAA,SAAS,CAAC,CAAC,OAAY,KAAI;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AACpC,SAAC,CAAC,CAAC;KACV;IAED,eAAe,GAAA;QACX,IAAI,IAAI,CAAC,kBAAkB,EAAE;YACzB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAC3C,4BAA4B,EAC5B,CAAG,EAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,WAAW,CAAI,EAAA,CAAA,CAC3D,CAAC;AACL,SAAA;AACD,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAgB,CAAC;QAC/G,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC;AACtB,iBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;iBAC5D,SAAS,CAAC,MAAK;gBACZ,IAAI,CAAC,qCAAqC,EAAE,CAAC;AACjD,aAAC,CAAC,CAAC;AACV,SAAA;QACD,IAAI,CAAC,qCAAqC,EAAE,CAAC;AAC7C,QAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;YACtC,MAAM,CACF,MAAK;gBACD,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,oBAAA,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACnD,oBAAA,MAAM,+BAA+B,GAAG,IAAI,CAAC,+BAA+B,EAAE,CAAC;AAC/E,oBAAA,MAAM,OAAO,GAAG,UAAU,CAAC,MAAK;AAC5B,wBAAA,IAAI,CAAC,yBAAyB,CAAC,+BAA+B,EAAE,cAAc,CAAC,CAAC;qBACnF,EAAE,GAAG,CAAC,CAAC;AACR,oBAAA,OAAO,MAAK;wBACR,YAAY,CAAC,OAAO,CAAC,CAAC;AAC1B,qBAAC,CAAC;AACL,iBAAA;gBACD,OAAO;AACX,aAAC,EACD;AACI,gBAAA,iBAAiB,EAAE,IAAI;AAC1B,aAAA,CACJ,CAAC;AACN,SAAC,CAAC,CAAC;KACN;AAED,IAAA,kBAAkB,CAAC,UAAkB,EAAA;AACjC,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;KACzC;AAEO,IAAA,eAAe,CAAC,IAAY,EAAA;AAChC,QAAA,OAAO,EAAE,CACL,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC,CAAC,MAAS,KAAI;AAC9C,YAAA,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;AAC5B,gBAAA,OAAO,MAAM,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AAC5D,aAAA;YACD,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;AACtF,aAAA;AACD,YAAA,OAAO,MAAM,CAAC;SACjB,CAAC,CACL,CAAC;KACL;AAED,IAAA,oBAAoB,CAAC,QAAoB,EAAA;QACrC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAe,KAAK,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;KAC/F;AAED,IAAA,eAAe,CAAC,QAAoB,EAAA;AAChC,QAAA,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAe,KAAK,KAAK,CAAC,QAAQ,CAAC,CAAC;KAC9D;AAED,IAAA,cAAc,CAAC,QAAoB,EAAA;QAC/B,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAe,KAAK,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;KACnH;AAED,IAAA,YAAY,CAAC,IAAO,EAAA;AAChB,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;YAC1B,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACzC,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACtH,SAAA;QACD,IAAI,CAAC,gCAAgC,EAAE,CAAC;KAC3C;IAED,cAAc,GAAA;QACV,UAAU,CAAC,MAAK;YACZ,IAAI,IAAI,CAAC,SAAS,EAAE;gBAChB,IAAI,CAAC,SAAS,EAAE,CAAC;AACpB,aAAA;YACD,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE;AACpC,gBAAA,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;AACjC,aAAA;AACL,SAAC,CAAC,CAAC;KACN;AAED,IAAA,WAAW,CAAC,MAAc,EAAA;QACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;AACV,SAAA;AACD,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;KACtC;IAED,WAAW,GAAA;QACP,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjC,OAAO;AACV,SAAA;AACD,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACpC;IAED,WAAW,GAAA;QACP,IAAI,IAAI,CAAC,sBAAsB,EAAE,IAAI,IAAI,CAAC,sBAAsB,EAAE,EAAE;AAChE,YAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AACrC,SAAA;AAAM,aAAA;AACH,YAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CACzB,IAAI,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,KAAQ,KAAI;AACnC,gBAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;AAC3B,oBAAA,OAAO,KAAK,CAAC;AAChB,iBAAA;AACD,gBAAA,OAAO,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;aAC7D,CAAC,CACL,CAAC;AACL,SAAA;QACD,IAAI,CAAC,gCAAgC,EAAE,CAAC;KAC3C;AAED,IAAA,sBAAsB,CAAC,cAAyB,EAAA;AAC5C,QAAA,IAAI,CAAC,oBAAoB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;QAC9C,IAAI,CAAC,gCAAgC,EAAE,CAAC;KAC3C;IAED,YAAY,GAAA;AACR,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACtB;IAED,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;KACvB;IAED,kBAAkB,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACxB;IAED,WAAW,GAAA;QACP,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;KACvB;AAED,IAAA,kBAAkB,CAAC,EAAE,MAAM,EAAyC,EAAE,IAAO,EAAA;AACzE,QAAA,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,wBAAwB,EAAE,CAAC;AACrC,SAAA;AACD,QAAA,MAAM,cAAc,GAAG,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;QAC1G,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,cAAyB,KACvD,cAAc,CAAC,MAAM,CAAC,CAAC,aAAsB,KAAK,aAAa,KAAK,cAAc,CAAC,CACtF,CAAC;QACF,IAAI,CAAC,gCAAgC,EAAE,CAAC;KAC3C;IAEO,gCAAgC,GAAA;QACpC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACpD,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACpC,IAAI,CAAC,6BAA6B,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACnE,SAAA;KACJ;IAEO,qCAAqC,GAAA;QACzC,IAAI,IAAI,CAAC,oBAAoB,EAAE;YAC3B,MAAM,yBAAyB,GAAG,GAAG,CAAC;YACtC,MAAM,yBAAyB,GAAG,IAAI,CAAC,oBAAoB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AACpG,YAAA,IAAI,CAAC,+BAA+B,CAAC,GAAG,CAAC,yBAAyB,CAAC,CAAC;AACvE,SAAA;KACJ;IAEO,yBAAyB,CAAC,cAAsB,EAAE,cAAyB,EAAA;QAC/E,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;AAChD,YAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC9B,OAAO;AACV,SAAA;AACD,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAgB,CAAC;QAC3G,MAAM,KAAK,GAAG,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACvE,IAAI,UAAU,GAAG,CAAC,CAAC;QACnB,IAAI,WAAW,GAAG,CAAC,CAAC;QACpB,MAAM,OAAO,GAAG,CAAC,CAAC;AAClB,QAAA,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;AAC/C,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AAC1B,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;YAC7C,IAAI,UAAU,GAAG,SAAS,GAAG,cAAc,IAAI,CAAC,WAAW,EAAE;gBACzD,UAAU,IAAI,SAAS,CAAC;AACvB,gBAAA,IAAoB,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;AACtD,aAAA;AAAM,iBAAA;AACF,gBAAA,IAAoB,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;AAClD,gBAAA,WAAW,EAAE,CAAC;AACjB,aAAA;AACJ,SAAA;QACD,cAAc,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAG,EAAA,UAAU,IAAI,CAAC;AAClD,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC3C;wGA9VQ,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,eAAe,EAJb,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,cAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,qBAAqB,CAAC,6TCnEtC,i/kBAkcA,EAAA,MAAA,EAAA,CAAA,0pqBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDhZQ,IAAI,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACL,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,WAAW,EACX,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,cAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,SAAA,EAAA,eAAA,EAAA,cAAA,EAAA,aAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,SAAA,EAAA,YAAA,EAAA,cAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,wBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,eAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,QAAA,EAAA,YAAA,EAAA,WAAA,EAAA,QAAA,EAAA,OAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,OAAA,EAAA,KAAA,EAAA,QAAA,EAAA,QAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,8BAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,cAAc,EACd,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,aAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,eAAe,EAGf,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,iBAAiB,wMACjB,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,KAAA,EAAA,SAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,cAAc,EACd,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,eAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAY,EACZ,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,cAAc,wEACd,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAMV,eAAe,EAAA,UAAA,EAAA,CAAA;kBA3B3B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,WAAW,EAAA,UAAA,EAET,IAAI,EACP,OAAA,EAAA;wBACL,IAAI;wBACJ,KAAK;wBACL,mBAAmB;wBACnB,WAAW;wBACX,cAAc;wBACd,cAAc;wBACd,eAAe;wBACf,SAAS;wBACT,SAAS;wBACT,iBAAiB;wBACjB,eAAe;wBACf,gBAAgB;wBAChB,cAAc;wBACd,YAAY;wBACZ,cAAc;wBACd,eAAe;AAClB,qBAAA,EAAA,SAAA,EACU,CAAC,qBAAqB,CAAC,EAEnB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,i/kBAAA,EAAA,MAAA,EAAA,CAAA,0pqBAAA,CAAA,EAAA,CAAA;0EAOX,WAAW,EAAA,CAAA;sBAApC,SAAS;uBAAC,aAAa,CAAA;gBACE,kBAAkB,EAAA,CAAA;sBAA3C,SAAS;uBAAC,aAAa,CAAA;gBACH,MAAM,EAAA,CAAA;sBAA1B,SAAS;uBAAC,QAAQ,CAAA;gBAEW,OAAO,EAAA,CAAA;sBAApC,WAAW;uBAAC,eAAe,CAAA;gBAGG,OAAO,EAAA,CAAA;sBAArC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAKhB,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKF,WAAW,EAAA,CAAA;sBAFd,WAAW;uBAAC,cAAc,CAAA;;sBAC1B,KAAK;gBAgBG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACO,WAAW,EAAA,CAAA;sBAAvB,KAAK;gBAIG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,gBAAgB,EAAA,CAAA;sBAAxB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACO,qBAAqB,EAAA,CAAA;sBAAjC,KAAK;gBAIG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAEI,SAAS,EAAA,CAAA;sBAAlB,MAAM;gBACG,YAAY,EAAA,CAAA;sBAArB,MAAM;;;AExJX;;AAEG;;;;"}
+{"version":3,"file":"agorapulse-ui-components-select.mjs","sources":["../../../libs/ui-components/select/src/select.component.ts","../../../libs/ui-components/select/src/select.component.html","../../../libs/ui-components/select/src/agorapulse-ui-components-select.ts"],"sourcesContent":["import { LoaderComponent } from '@agorapulse/ui-animations';\nimport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nimport { BadgeComponent } from '@agorapulse/ui-components/badge';\nimport { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nimport { InputComponent } from '@agorapulse/ui-components/input';\nimport { LabelComponent } from '@agorapulse/ui-components/labels';\nimport { TagComponent } from '@agorapulse/ui-components/tag';\nimport { SymbolComponent, SymbolRegistry, apAdd2022, apCheck2, apDeleteNoCircle, apSearchAlternate } from '@agorapulse/ui-symbol';\nimport { AsyncPipe, NgFor, NgIf, NgTemplateOutlet, SlicePipe } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    DestroyRef,\n    ElementRef,\n    EnvironmentInjector,\n    EventEmitter,\n    HostBinding,\n    Input,\n    OnInit,\n    Output,\n    Provider,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation,\n    computed,\n    effect,\n    forwardRef,\n    inject,\n    runInInjectionContext,\n    signal,\n} from '@angular/core';\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\nimport { NgOption, NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';\nimport { Observable, debounceTime, fromEvent, of, skip, switchMap, tap } from 'rxjs';\n\nexport type DisplayType = 'text' | 'label' | 'tag' | 'withAvatar';\n\nexport const SELECT_VALUE_ACCESSOR: Provider = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => SelectComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-select',\n    styleUrls: ['./select.component.scss'],\n    standalone: true,\n    imports: [\n        NgIf,\n        NgFor,\n        ReactiveFormsModule,\n        FormsModule,\n        NgSelectModule,\n        InputComponent,\n        SymbolComponent,\n        AsyncPipe,\n        SlicePipe,\n        CheckboxComponent,\n        AvatarComponent,\n        NgTemplateOutlet,\n        LabelComponent,\n        TagComponent,\n        BadgeComponent,\n        LoaderComponent,\n    ],\n    providers: [SELECT_VALUE_ACCESSOR],\n    templateUrl: './select.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class SelectComponent<T extends Record<string, unknown> | string> implements OnInit, AfterViewInit, ControlValueAccessor {\n    private symbolRegistry: SymbolRegistry = inject(SymbolRegistry);\n    private destroyRef: DestroyRef = inject(DestroyRef);\n    private elementRef: ElementRef = inject(ElementRef);\n\n    @ViewChild('searchInput') searchInput!: InputComponent;\n    @ViewChild('inlineLabel') inlineLabelElement!: ElementRef<HTMLDivElement>;\n    @ViewChild('select') select!: NgSelectComponent;\n\n    @HostBinding('class.hovered') hovered: boolean = false;\n\n    optionsSignal = signal<T[]>([]);\n    @Input({ required: true }) set options(options: T[]) {\n        this.optionsSignal.set(options);\n        this.filteredOptionsSignal.set(options);\n    }\n\n    @Input() ariaLabel!: string;\n    @Input() ariaLabelledBy!: string;\n    @Input() ariaDescribedBy!: string;\n    @Input() appendTo: string = 'body';\n    @Input() clearable: boolean = false;\n    @Input() description?: string;\n    @Input() disabled: boolean = false;\n    @Input() selectId?: string;\n\n    private _inline: boolean = false;\n    @HostBinding('class.inline')\n    @Input()\n    set inlineLabel(inlineLabel: boolean) {\n        this._inline = inlineLabel;\n        if (!this.inlineLabelElement) {\n            return;\n        }\n        this.elementRef.nativeElement.style.setProperty(\n            '--placeholder-padding-left',\n            `${this.inlineLabelElement.nativeElement.clientWidth}px`\n        );\n    }\n\n    get inlineLabel(): boolean {\n        return this._inline;\n    }\n\n    @Input() create: boolean = false;\n    @Input() createText: string = 'Create';\n    @Input() group: boolean = false;\n    @Input() selectableGroup: boolean = true;\n    @Input() label: string = '';\n    @Input() multiple: boolean = false;\n    @Input() only: boolean = false;\n    @Input() onlyText: string = 'Only';\n    @Input() placeholder: string = 'Select...';\n    @Input() selectAll: boolean = false;\n    @Input() selectAllText: string = 'Select all';\n    @Input() unselectAllText: string = 'Unselect all';\n    @Input() searchable: boolean = false;\n    @Input() searchPlaceholder: string = 'Search...';\n    @Input() searchFn: (term: string) => Observable<T[]> = this.defaultSearchFn;\n    @Input() notFoundText: string = 'No results found';\n    @Input() loadingText: string = 'Loading items';\n    @Input() set displayType(displayType: DisplayType) {\n        this.displayTypeSignal.set(displayType);\n    }\n\n    @Input() optionLabel?: string;\n    @Input() optionCaption?: string;\n    @Input() optionDivider?: string = 'divider';\n    @Input() optionProfileImageUrl: string = 'profileImageUrl';\n    @Input() optionBadgeLabel?: string;\n    @Input() optionValue?: string;\n    @Input() optionDisabled: string = 'disabled';\n    @Input() optionGroupLabel: string = 'group';\n    @Input() optionGroupTag?: Record<string, string>;\n    @Input() set maximumDisplayOptions(maximumDisplayOptions: number) {\n        this.maximumDisplayValuesSignal.set(maximumDisplayOptions);\n    }\n    @Input() customOptionTemplate?: TemplateRef<{ option: T }>;\n    @Input() customLabelTemplate?: TemplateRef<{ option: T }>;\n\n    @Input() compareWith!: (a: any, b: any) => boolean;\n\n    @Output() createNew: EventEmitter<string> = new EventEmitter();\n    @Output() valueChanges = new EventEmitter<unknown[]>();\n\n    private _controlValueAccessorChangeFn!: (value: unknown[]) => void;\n    onTouched!: () => void;\n    displayTypeSignal = signal<DisplayType>('text');\n\n    enabledOptions = computed<T[]>(() => {\n        return this.optionsSignal().filter((value: T) => {\n            if (typeof value === 'string') {\n                return value;\n            } else {\n                return this.optionDisabled && !value[this.optionDisabled];\n            }\n        });\n    });\n\n    itemHoveredSignal = signal<string | null>(null);\n    filteredOptionsSignal = signal<T[]>([]);\n    loadingSignal = signal<boolean>(false);\n    selectedValuesSignal = signal<unknown[]>([]);\n    searchTermSignal = signal<string>('');\n    searchTerm$ = toObservable(this.searchTermSignal);\n    maximumDisplayValuesSignal = signal<number>(-1);\n    hiddenCountSignal = signal<number>(0);\n\n    allSelectedSignal = computed<boolean>(() => {\n        return this.selectedValuesSignal().length === this.enabledOptions().length;\n    });\n    partialySelectedSignal = computed<boolean>(() => {\n        return this.selectedValuesSignal().length > 0 && this.selectedValuesSignal().length < this.enabledOptions().length;\n    });\n\n    private injector = inject(EnvironmentInjector);\n    private selectValueContainer!: HTMLElement;\n    private selectValueContainerWidthSignal = signal(0);\n\n    constructor() {\n        this.symbolRegistry.registerSymbols([apCheck2, apSearchAlternate, apAdd2022, apDeleteNoCircle]);\n    }\n\n    writeValue(selectedValues: unknown[] = []): void {\n        this.selectedValuesSignal.set(selectedValues);\n    }\n\n    registerOnChange(fn: (value: unknown[]) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    ngOnInit(): void {\n        if (this.multiple && (!this.displayTypeSignal() || this.displayTypeSignal() === 'text')) {\n            console.warn('Display type \"text\" is not supported for multiple select. Switching to \"label\".');\n            this.displayTypeSignal.set('label');\n        }\n        this.searchTerm$\n            .pipe(\n                debounceTime(250),\n                skip(1),\n                tap(() => {\n                    this.loadingSignal.set(true);\n                    this.optionsSignal.set([]);\n                }),\n                switchMap((term: string) => this.searchFn(term)),\n                tap(() => {\n                    this.loadingSignal.set(false);\n                }),\n                takeUntilDestroyed(this.destroyRef)\n            )\n            .subscribe((options: T[]) => {\n                this.optionsSignal.set(options);\n            });\n    }\n\n    ngAfterViewInit(): void {\n        if (this.inlineLabelElement) {\n            this.elementRef.nativeElement.style.setProperty(\n                '--placeholder-padding-left',\n                `${this.inlineLabelElement.nativeElement.clientWidth}px`\n            );\n        }\n        this.selectValueContainer = this.select.element.getElementsByClassName('ng-value-container')[0] as HTMLElement;\n        if (this.multiple) {\n            fromEvent(window, 'resize')\n                .pipe(debounceTime(200), takeUntilDestroyed(this.destroyRef))\n                .subscribe(() => {\n                    this.updateSelectValueContainerWidthSignal();\n                });\n        }\n        this.updateSelectValueContainerWidthSignal();\n        runInInjectionContext(this.injector, () => {\n            effect(\n                () => {\n                    if (this.multiple) {\n                        const selectedValues = this.selectedValuesSignal();\n                        const selectValueContainerWidthSignal = this.selectValueContainerWidthSignal();\n                        const timeout = setTimeout(() => {\n                            this.calculateResponsiveLabels(selectValueContainerWidthSignal, selectedValues);\n                        }, 100);\n                        return () => {\n                            clearTimeout(timeout);\n                        };\n                    }\n                    return;\n                },\n                {\n                    allowSignalWrites: true,\n                }\n            );\n        });\n    }\n\n    onSearchTermChange(searchTerm: string): void {\n        this.searchTermSignal.set(searchTerm);\n    }\n\n    private defaultSearchFn(term: string): Observable<T[]> {\n        return of(\n            this.filteredOptionsSignal().filter((option: T) => {\n                if (typeof option === 'string') {\n                    return option.toLowerCase().includes(term.toLowerCase());\n                }\n                if (this.optionLabel) {\n                    return String(option[this.optionLabel]).toLowerCase().includes(term.toLowerCase());\n                }\n                return option;\n            })\n        );\n    }\n\n    isGroupIndeterminate(children: NgOption[]) {\n        return children.some((child: NgOption) => child.selected) && !this.isGroupChecked(children);\n    }\n\n    isGroupDisabled(children: NgOption[]): boolean {\n        return children.every((child: NgOption) => child.disabled);\n    }\n\n    isGroupChecked(children: NgOption[]): boolean {\n        return children.every((child: NgOption) => child.disabled || child.selected) && !this.isGroupDisabled(children);\n    }\n\n    onSelectOnly(item: T): void {\n        if (typeof item === 'string') {\n            this.selectedValuesSignal.set([item]);\n        } else {\n            this.optionValue ? this.selectedValuesSignal.set([item[this.optionValue]]) : this.selectedValuesSignal.set([item]);\n        }\n        this.callControlValueAccessorChangeFn();\n    }\n\n    onSelectOpened(): void {\n        setTimeout(() => {\n            if (this.onTouched) {\n                this.onTouched();\n            }\n            if (this.searchable && !!this.searchFn) {\n                this.searchInput.focusInput();\n            }\n        });\n    }\n\n    onHoverItem(htmlid: string): void {\n        if (!this.multiple || this.disabled) {\n            return;\n        }\n        this.itemHoveredSignal.set(htmlid);\n    }\n\n    onLeaveItem(): void {\n        if (!this.multiple || this.disabled) {\n            return;\n        }\n        this.itemHoveredSignal.set(null);\n    }\n\n    onToggleAll(): void {\n        if (this.partialySelectedSignal() || this.partialySelectedSignal()) {\n            this.selectedValuesSignal.set([]);\n        } else {\n            this.selectedValuesSignal.set(\n                this.enabledOptions().map((value: T) => {\n                    if (typeof value === 'string') {\n                        return value;\n                    }\n                    return this.optionValue ? value[this.optionValue] : value;\n                })\n            );\n        }\n        this.callControlValueAccessorChangeFn();\n    }\n\n    onSelectedValuesChange(selectedValues: unknown[]): void {\n        this.selectedValuesSignal.set(selectedValues);\n        this.callControlValueAccessorChangeFn();\n    }\n\n    onOpenSelect(): void {\n        this.select.open();\n    }\n\n    onInlineInputEnter(): void {\n        this.hovered = true;\n    }\n\n    onInlineInputLeave(): void {\n        this.hovered = false;\n    }\n\n    onCreateNew(): void {\n        this.createNew.emit(this.searchTermSignal());\n        this.select.close();\n    }\n\n    removeSelectedItem({ $event }: { $event: PointerEvent | MouseEvent }, item: T): void {\n        if ($event) {\n            $event.stopImmediatePropagation();\n        }\n        const selectedItemId = typeof item === 'string' ? item : this.optionValue ? item[this.optionValue] : item;\n        this.selectedValuesSignal.update((selectedValues: unknown[]) =>\n            selectedValues.filter((selectedValue: unknown) => selectedValue !== selectedItemId)\n        );\n        this.callControlValueAccessorChangeFn();\n    }\n\n    private callControlValueAccessorChangeFn() {\n        this.valueChanges.emit(this.selectedValuesSignal());\n        if (this._controlValueAccessorChangeFn) {\n            this._controlValueAccessorChangeFn(this.selectedValuesSignal());\n        }\n    }\n\n    private updateSelectValueContainerWidthSignal() {\n        if (this.selectValueContainer) {\n            const remainingPlaceHolderWidth = 100;\n            const selectValueContainerWidth = this.selectValueContainer.clientWidth - remainingPlaceHolderWidth;\n            this.selectValueContainerWidthSignal.set(selectValueContainerWidth);\n        }\n    }\n\n    private calculateResponsiveLabels(containerWidth: number, selectedValues: unknown[]): void {\n        if (!selectedValues || selectedValues.length === 0) {\n            this.hiddenCountSignal.set(0);\n            return;\n        }\n        const itemsContainer = this.selectValueContainer.getElementsByClassName('multiple-item')[0] as HTMLElement;\n        const items = this.selectValueContainer.getElementsByClassName('item');\n        let totalWidth = 0;\n        let hiddenCount = 0;\n        const itemGap = 4;\n        for (let index = 0; index < items.length; index++) {\n            const item = items[index];\n            const itemWidth = item.clientWidth + itemGap;\n            if (totalWidth + itemWidth < containerWidth && !hiddenCount) {\n                totalWidth += itemWidth;\n                (item as HTMLElement).style.visibility = 'visible';\n            } else {\n                (item as HTMLElement).style.visibility = 'hidden';\n                hiddenCount++;\n            }\n        }\n        itemsContainer.style.maxWidth = `${totalWidth}px`;\n        this.hiddenCountSignal.set(hiddenCount);\n    }\n}\n","<label\n    *ngIf=\"label && !inlineLabel\"\n    [for]=\"selectId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<div\n    *ngIf=\"inlineLabel\"\n    #inlineLabel\n    tabindex=\"0\"\n    class=\"inline-label\"\n    (click)=\"onOpenSelect()\"\n    (keydown.enter)=\"onOpenSelect()\"\n    (mouseenter)=\"onInlineInputEnter()\"\n    (mouseleave)=\"onInlineInputLeave()\">\n    <label\n        *ngIf=\"label && inlineLabel\"\n        class=\"label\"\n        [for]=\"selectId\">\n        <span>\n            {{ label }}\n        </span>\n    </label>\n    <div class=\"divider\"></div>\n</div>\n\n<ng-select\n    #select\n    class=\"ap-select\"\n    [tabIndex]=\"0\"\n    [clearable]=\"clearable\"\n    [placeholder]=\"placeholder\"\n    [labelForId]=\"selectId\"\n    [searchable]=\"false\"\n    [closeOnSelect]=\"!multiple\"\n    [bindValue]=\"optionValue ? optionValue : ''\"\n    [groupBy]=\"group ? optionGroupLabel : ''\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    [markFirst]=\"false\"\n    [selectableGroup]=\"selectableGroup\"\n    [selectableGroupAsModel]=\"false\"\n    [appendTo]=\"appendTo\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [items]=\"optionsSignal()\"\n    [compareWith]=\"compareWith\"\n    [loading]=\"loadingSignal()\"\n    [ngModel]=\"selectedValuesSignal()\"\n    (ngModelChange)=\"onSelectedValuesChange($event)\"\n    (open)=\"onSelectOpened()\">\n    <ng-container *ngIf=\"searchable || selectAll\">\n        <ng-template\n            let-item=\"item\"\n            ng-header-tmp>\n            <ng-container *ngIf=\"searchable\">\n                <ap-input\n                    #searchInput\n                    tabindex=\"0\"\n                    name=\"search-input\"\n                    class=\"full-width\"\n                    symbolId=\"search-alternate\"\n                    symbolPosition=\"right\"\n                    [placeholder]=\"searchPlaceholder\"\n                    [ngModel]=\"searchTermSignal()\"\n                    (ngModelChange)=\"onSearchTermChange($event)\" />\n            </ng-container>\n            <ng-container *ngIf=\"selectAll\">\n                <ap-checkbox\n                    class=\"select-all-checkbox\"\n                    name=\"option-group-select-all\"\n                    [indeterminate]=\"partialySelectedSignal()\"\n                    [checked]=\"allSelectedSignal()\"\n                    (click)=\"onToggleAll()\">\n                    <span>\n                        {{ partialySelectedSignal() || allSelectedSignal() ? unselectAllText : selectAllText }}\n                    </span>\n                </ap-checkbox>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n    <ng-template\n        let-item=\"item\"\n        let-item$=\"item$\"\n        ng-optgroup-tmp>\n        <div\n            class=\"group\"\n            [class.with-search]=\"searchable\"\n            [class.with-select-all]=\"selectAll\">\n            <ng-container *ngIf=\"!multiple\">\n                <span class=\"group-label\">\n                    {{ item[optionGroupLabel] }}\n                </span>\n                <ap-badge\n                    *ngIf=\"optionGroupTag && optionGroupTag[item[optionGroupLabel]]\"\n                    color=\"blue\">\n                    {{ optionGroupTag[item[optionGroupLabel]] }}\n                </ap-badge>\n            </ng-container>\n            <ng-container *ngIf=\"multiple\">\n                <ap-checkbox\n                    *ngIf=\"selectableGroup\"\n                    [name]=\"'option-group-selection-' + item['group']\"\n                    [indeterminate]=\"isGroupIndeterminate(item$.children)\"\n                    [checked]=\"isGroupChecked(item$.children)\">\n                    <span class=\"group-label\">\n                        {{ item[optionGroupLabel] }}\n                    </span>\n                    <ap-badge\n                        *ngIf=\"optionGroupTag && optionGroupTag[item[optionGroupLabel]]\"\n                        color=\"blue\">\n                        {{ optionGroupTag[item[optionGroupLabel]] }}\n                    </ap-badge>\n                </ap-checkbox>\n                <span\n                    *ngIf=\"!selectableGroup\"\n                    class=\"group-label\">\n                    {{ item[optionGroupLabel] }}\n                </span>\n            </ng-container>\n        </div>\n    </ng-template>\n    <ng-template\n        let-items=\"items\"\n        let-item$=\"item$\"\n        ng-multi-label-tmp>\n        <ng-container>\n            <div class=\"multiple-item\">\n                <ng-container *ngFor=\"let item of items\">\n                    <ng-container *ngIf=\"optionLabel && item[optionLabel]\">\n                        <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                            <span\n                                class=\"item text-item\"\n                                [title]=\"item[optionLabel]\">\n                                {{ item[optionLabel] }}\n                            </span>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                            <ap-label\n                                color=\"blue\"\n                                class=\"item\"\n                                removable=\"true\"\n                                [content]=\"item[optionLabel]\"\n                                (remove)=\"removeSelectedItem($event, item)\" />\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                            <ap-tag\n                                class=\"item text-item\"\n                                clearable=\"true\"\n                                (clear)=\"removeSelectedItem($event, item)\">\n                                <ap-avatar\n                                    *ngIf=\"optionProfileImageUrl\"\n                                    size=\"24\"\n                                    [profilePicture]=\"item[optionProfileImageUrl]\"\n                                    [username]=\"optionLabel && item[optionLabel] ? item[optionLabel] : ''\"\n                                    [showInitials]=\"true\" />\n                                {{ item[optionLabel] }}\n                            </ap-tag>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                            <div class=\"item with-avatar\">\n                                <ap-avatar\n                                    *ngIf=\"optionProfileImageUrl\"\n                                    size=\"24\"\n                                    [profilePicture]=\"item[optionProfileImageUrl] ?? ''\"\n                                    [username]=\"optionLabel && item[optionLabel] ? item[optionLabel] : ''\"\n                                    [showInitials]=\"true\"/>\n                                <span\n                                    class=\"text-item\"\n                                    [title]=\"item[optionLabel]\">\n                                    {{ item[optionLabel] }}\n                                </span>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                    <ng-container *ngIf=\"!optionLabel || !item[optionLabel]\">\n                        <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                            <span\n                                class=\"item text-item\"\n                                [title]=\"item\">\n                                {{ item }}\n                            </span>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                            <ap-label\n                                class=\"item\"\n                                color=\"blue\"\n                                [removable]=\"multiple\"\n                                [content]=\"item\"\n                                (remove)=\"removeSelectedItem($event, item)\" />\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                            <ap-tag\n                                class=\"item text-item\"\n                                [clearable]=\"multiple\"\n                                (clear)=\"removeSelectedItem($event, item)\">\n                                {{ item }}\n                            </ap-tag>\n                        </ng-container>\n                        <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                            <div class=\"item with-avatar\">\n                                <ap-avatar\n                                    *ngIf=\"optionProfileImageUrl\"\n                                    size=\"24\"\n                                    [profilePicture]=\"item[optionProfileImageUrl] ?? ''\"\n                                    [username]=\"optionLabel && item[optionLabel] ? item[optionLabel] : ''\"\n                                    [showInitials]=\"true\" />\n                                <span class=\"text-item\">\n                                    {{ item }}\n                                </span>\n                            </div>\n                        </ng-container>\n                    </ng-container>\n                </ng-container>\n            </div>\n            <div\n                *ngIf=\"hiddenCountSignal() > 0\"\n                class=\"remaining\">\n                <ng-container *ngIf=\"displayTypeSignal() === 'text' || displayTypeSignal() === 'withAvatar' || !displayTypeSignal()\">\n                    <span class=\"text-item\">+{{ hiddenCountSignal() }}</span>\n                </ng-container>\n                <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                    <ap-tag\n                        class=\"text-item\"\n                        clearable=\"false\">\n                        +{{ hiddenCountSignal() }}\n                    </ap-tag>\n                </ng-container>\n                <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                    <ap-label\n                        color=\"blue\"\n                        [removable]=\"false\"\n                        [content]=\"'+' + hiddenCountSignal()\" />\n                </ng-container>\n            </div>\n        </ng-container>\n    </ng-template>\n    <ng-template ng-loadingtext-tmp>\n        <div class=\"loading-state\">\n            <ap-loader diameter=\"30\" />\n            <span>\n                {{ loadingText }}\n            </span>\n        </div>\n    </ng-template>\n    <ng-template ng-loadingspinner-tmp></ng-template>\n    <ng-container *ngIf=\"create\">\n        <ng-template ng-footer-tmp>\n            <button\n                class=\"create-new\"\n                type=\"button\"\n                (click)=\"onCreateNew()\">\n                <ap-symbol\n                    symbolId=\"add-2022\"\n                    size=\"micro\" />\n                <span>\n                    {{ createText }}\n                </span>\n                <ng-container *ngIf=\"searchTermSignal()\">\"{{ searchTermSignal() }}\"</ng-container>\n            </button>\n        </ng-template>\n    </ng-container>\n    <ng-template\n        let-item=\"item\"\n        let-item$=\"item$\"\n        ng-option-tmp>\n        <ng-container *ngIf=\"(!optionLabel || !item[optionLabel]) && item && (!optionDivider || !item[optionDivider])\">\n            <div class=\"option\">\n                <span\n                    class=\"option-item\"\n                    [title]=\"item\">\n                    {{ item }}\n                </span>\n                <ng-container *ngIf=\"item$.selected && !multiple\">\n                    <ap-symbol\n                        symbolId=\"check-2\"\n                        color=\"electric-blue\"\n                        size=\"micro\" />\n                </ng-container>\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"optionLabel && item[optionLabel]\">\n            <div\n                class=\"option\"\n                [class.with-caption]=\"optionLabel && optionCaption && item[optionCaption]\"\n                [class.multiple]=\"multiple\"\n                (mouseenter)=\"onHoverItem(item$.htmlId)\"\n                (mouseleave)=\"onLeaveItem()\">\n                <ng-container *ngTemplateOutlet=\"contentItem; context: { item: item, item$: item$ }\" />\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"optionDivider && item[optionDivider]\">\n            <div class=\"divider\"></div>\n        </ng-container>\n    </ng-template>\n    <ng-template\n        let-item=\"item\"\n        ng-label-tmp>\n        <ng-container *ngIf=\"customLabelTemplate\">\n            <ng-container *ngTemplateOutlet=\"customLabelTemplate; context: { option: item }\" />\n        </ng-container>\n        <ng-container *ngIf=\"!optionLabel && !customLabelTemplate\">\n            <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                <span\n                    class=\"text-item\"\n                    [title]=\"item\">\n                    {{ item }}\n                </span>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                <ap-label\n                    color=\"blue\"\n                    [removable]=\"multiple\"\n                    [content]=\"item\"\n                    (remove)=\"removeSelectedItem($event, item)\" />\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                <ap-tag\n                    class=\"text-item\"\n                    [clearable]=\"multiple\"\n                    (clear)=\"removeSelectedItem($event, item)\">\n                    {{ item }}\n                </ap-tag>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                <span class=\"text-item\">\n                    {{ item }}\n                </span>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"optionLabel && !customLabelTemplate\">\n            <ng-container *ngIf=\"displayTypeSignal() === 'text' || !displayTypeSignal()\">\n                <span class=\"text-item\">\n                    {{ item[optionLabel] }}\n                </span>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'label'\">\n                <ap-label\n                    color=\"blue\"\n                    [removable]=\"multiple\"\n                    [content]=\"item[optionLabel]\"\n                    (remove)=\"removeSelectedItem($event, item)\" />\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'tag'\">\n                <ap-tag\n                    class=\"text-item\"\n                    [clearable]=\"multiple\"\n                    [title]=\"item[optionLabel]\"\n                    (clear)=\"removeSelectedItem($event, item)\">\n                    <ap-avatar\n                        *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\"\n                        size=\"24\"\n                        [profilePicture]=\"item[optionProfileImageUrl]\" />\n                    {{ item[optionLabel] }}\n                </ap-tag>\n            </ng-container>\n            <ng-container *ngIf=\"displayTypeSignal() === 'withAvatar'\">\n                <div class=\"with-avatar\">\n                    <ap-avatar\n                        *ngIf=\"optionProfileImageUrl\"\n                        size=\"24\"\n                        [profilePicture]=\"item[optionProfileImageUrl]\"\n                        [username]=\"optionLabel && item[optionLabel] ? item[optionLabel] : ''\"\n                        [showInitials]=\"true\" />\n                    <span\n                        class=\"text-item\"\n                        [title]=\"item[optionLabel]\">\n                        {{ item[optionLabel] }}\n                    </span>\n                </div>\n            </ng-container>\n        </ng-container>\n    </ng-template>\n    <ng-template ng-notfound-tmp>\n        <div class=\"option not-found\">\n            {{ notFoundText }}\n        </div>\n    </ng-template>\n</ng-select>\n\n<ng-template\n    #contentItem\n    let-item=\"item\"\n    let-item$=\"item$\">\n    <ng-container *ngIf=\"multiple\">\n        <div class=\"disabled-opaque\"></div>\n        <ap-checkbox\n            *ngIf=\"multiple\"\n            [checked]=\"item$.selected\"\n            [disabled]=\"item$.disabled\"\n            [name]=\"'option-selection-' + item$.htmlId\">\n            <ng-container *ngTemplateOutlet=\"textItem; context: { item: item, item$: item$ }\" />\n        </ap-checkbox>\n    </ng-container>\n    <ng-container *ngIf=\"!multiple\">\n        <div class=\"disabled-opaque\"></div>\n        <ng-container *ngTemplateOutlet=\"textItem; context: { item: item, item$: item$ }\" />\n    </ng-container>\n</ng-template>\n\n<ng-template\n    #textItem\n    let-item=\"item\"\n    let-item$=\"item$\">\n    <div class=\"content\">\n        <ng-container *ngIf=\"!customOptionTemplate\">\n            <ng-container *ngIf=\"!optionLabel\">\n                <span class=\"item\">\n                    {{ item }}\n                </span>\n            </ng-container>\n            <ng-container *ngIf=\"optionProfileImageUrl && item[optionProfileImageUrl]\">\n                <ap-avatar\n                    size=\"24\"\n                    [profilePicture]=\"item[optionProfileImageUrl]\" />\n            </ng-container>\n            <ng-container *ngIf=\"optionLabel && item[optionLabel]\">\n                <div class=\"texts\">\n                    <div class=\"first-line\">\n                        <span\n                            class=\"label\"\n                            [title]=\"item[optionLabel]\">\n                            {{ item[optionLabel] }}\n                        </span>\n                        <ng-container *ngIf=\"optionBadgeLabel && item[optionBadgeLabel]\">\n                            <ap-badge color=\"blue\">{{ item[optionBadgeLabel] }}</ap-badge>\n                        </ng-container>\n                    </div>\n                    <ng-container *ngIf=\"optionCaption && item[optionCaption]\">\n                        <span\n                            class=\"caption\"\n                            [title]=\"item[optionCaption]\">\n                            {{ item[optionCaption] }}\n                        </span>\n                    </ng-container>\n                </div>\n            </ng-container>\n        </ng-container>\n        <ng-container *ngIf=\"customOptionTemplate\">\n            <ng-container *ngTemplateOutlet=\"customOptionTemplate; context: { option: item }\" />\n        </ng-container>\n        <ng-container *ngIf=\"only && !item$.disabled && itemHoveredSignal() === item$.htmlId && multiple\">\n            <button\n                class=\"standalone-link\"\n                type=\"button\"\n                (click)=\"onSelectOnly(item)\">\n                {{ onlyText }}\n            </button>\n        </ng-container>\n        <ng-container *ngIf=\"item$.selected && !multiple\">\n            <ap-symbol\n                symbolId=\"check-2\"\n                color=\"electric-blue\"\n                size=\"micro\" />\n        </ng-container>\n    </div>\n</ng-template>\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-textarea.mjs

@@ -95,7 +95,7 @@ class TextareaComponent {
                 useExisting: TextareaComponent,
                 multi: true,
             },
-        ], queries: [{ propertyName: "symbols", predicate: SymbolComponent }], ngImport: i0, template: "<label\n    *ngIf=\"label\"\n    [for]=\"textareaId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<textarea\n    [class.with-error]=\"errorMessage\"\n    [class.with-success]=\"successMessage\"\n    [class.with-resize]=\"resize\"\n    [placeholder]=\"placeholder\"\n    [attr.data-test]=\"hostDataTest() ? hostDataTest() : name\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [id]=\"textareaId\"\n    [cols]=\"cols\"\n    [rows]=\"rows\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange()\"></textarea>\n<div\n    *ngIf=\"errorMessage\"\n    class=\"form-message error\">\n    <ap-symbol\n        symbolId=\"alert-circle\"\n        size=\"micro\" />\n    <span>\n        {{ errorMessage }}\n    </span>\n</div>\n\n<div\n    *ngIf=\"successMessage\"\n    class=\"form-message success\">\n    <ap-symbol\n        symbolId=\"check-circle\"\n        size=\"micro\" />\n    <span>\n        {{ successMessage }}\n    </span>\n</div>\n", styles: ["ap-textarea{display:flex;flex-direction:column;gap:var(--ref-spacing-xxs);--border-width: 1px}ap-textarea 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-textarea 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)}ap-textarea textarea{resize:none;width:256px;border:var(--border-width) solid var(--comp-input-border-default-color);background-color:var(--ref-color-white);padding:var(--ref-spacing-xxs) var(--ref-spacing-xs) var(--ref-spacing-xxs) var(--ref-spacing-xs);border-radius:var(--ref-border-radius-sm)}ap-textarea textarea::placeholder{color:var(--comp-input-text-placeholder-color)}ap-textarea textarea:not(.transparent):not(.valid):not(.invalid):not(:focus):not([disabled]):hover{border-color:var(--comp-input-border-hover-color)}ap-textarea textarea:active{border-color:var(--comp-input-border-focused-color)}ap-textarea textarea:disabled{background-color:var(--comp-input-fill-disabled-color);cursor:default}ap-textarea textarea.with-error{border-color:var(--comp-input-border-error-color)}ap-textarea textarea.with-success{border-color:var(--comp-input-border-success-color)}ap-textarea textarea.with-resize{resize:vertical}.form-message{font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height);font-family:var(--sys-text-style-body-font-family);margin:0;display:flex;gap:var(--ref-spacing-xxxs)}.form-message.error{color:var(--comp-forms-status-text-error-color)}.form-message.error ap-symbol{color:var(--comp-forms-status-icon-error-color)}.form-message.success{color:var(--comp-forms-status-text-success-color)}.form-message.success ap-symbol{color:var(--comp-forms-status-icon-success-color)}form.ng-submitted ap-textarea.ng-valid textarea{border-color:var(--comp-input-border-success-color)}form.ng-submitted ap-textarea.ng-invalid textarea{border-color:var(--comp-input-border-error-color)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["color", "symbolId", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], queries: [{ propertyName: "symbols", predicate: SymbolComponent }], ngImport: i0, template: "<label\n    *ngIf=\"label\"\n    [for]=\"textareaId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<textarea\n    [class.with-error]=\"errorMessage\"\n    [class.with-success]=\"successMessage\"\n    [class.with-resize]=\"resize\"\n    [placeholder]=\"placeholder\"\n    [attr.data-test]=\"hostDataTest() ? hostDataTest() : name\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [id]=\"textareaId\"\n    [cols]=\"cols\"\n    [rows]=\"rows\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange()\"></textarea>\n<div\n    *ngIf=\"errorMessage\"\n    class=\"form-message error\">\n    <ap-symbol\n        symbolId=\"alert-circle\"\n        size=\"micro\" />\n    <span>\n        {{ errorMessage }}\n    </span>\n</div>\n\n<div\n    *ngIf=\"successMessage\"\n    class=\"form-message success\">\n    <ap-symbol\n        symbolId=\"check-circle\"\n        size=\"micro\" />\n    <span>\n        {{ successMessage }}\n    </span>\n</div>\n", styles: ["ap-textarea{display:flex;flex-direction:column;gap:var(--ref-spacing-xxs);--border-width: 1px}ap-textarea 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-textarea 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)}ap-textarea textarea{resize:none;width:256px;border:var(--border-width) solid var(--comp-input-border-default-color);background-color:var(--ref-color-white);padding:var(--ref-spacing-xxs) var(--ref-spacing-xs) var(--ref-spacing-xxs) var(--ref-spacing-xs);border-radius:var(--ref-border-radius-sm)}ap-textarea textarea::placeholder{color:var(--comp-input-text-placeholder-color)}ap-textarea textarea:not(.transparent):not(.valid):not(.invalid):not(:focus):not([disabled]):hover{border-color:var(--comp-input-border-hover-color)}ap-textarea textarea:active{border-color:var(--comp-input-border-focused-color)}ap-textarea textarea:disabled{background-color:var(--comp-input-fill-disabled-color);color:var(--comp-input-text-disabled-color);cursor:default}ap-textarea textarea.with-error{border-color:var(--comp-input-border-error-color)}ap-textarea textarea.with-success{border-color:var(--comp-input-border-success-color)}ap-textarea textarea.with-resize{resize:vertical}.form-message{font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height);font-family:var(--sys-text-style-body-font-family);margin:0;display:flex;gap:var(--ref-spacing-xxxs)}.form-message.error{color:var(--comp-forms-status-text-error-color)}.form-message.error ap-symbol{color:var(--comp-forms-status-icon-error-color)}.form-message.success{color:var(--comp-forms-status-text-success-color)}.form-message.success ap-symbol{color:var(--comp-forms-status-icon-success-color)}form.ng-submitted ap-textarea.ng-valid textarea{border-color:var(--comp-input-border-success-color)}form.ng-submitted ap-textarea.ng-invalid textarea{border-color:var(--comp-input-border-error-color)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol", inputs: ["color", "symbolId", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: TextareaComponent, decorators: [{
             type: Component,
@@ -106,7 +106,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImpo
                             useExisting: TextareaComponent,
                             multi: true,
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<label\n    *ngIf=\"label\"\n    [for]=\"textareaId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<textarea\n    [class.with-error]=\"errorMessage\"\n    [class.with-success]=\"successMessage\"\n    [class.with-resize]=\"resize\"\n    [placeholder]=\"placeholder\"\n    [attr.data-test]=\"hostDataTest() ? hostDataTest() : name\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [id]=\"textareaId\"\n    [cols]=\"cols\"\n    [rows]=\"rows\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange()\"></textarea>\n<div\n    *ngIf=\"errorMessage\"\n    class=\"form-message error\">\n    <ap-symbol\n        symbolId=\"alert-circle\"\n        size=\"micro\" />\n    <span>\n        {{ errorMessage }}\n    </span>\n</div>\n\n<div\n    *ngIf=\"successMessage\"\n    class=\"form-message success\">\n    <ap-symbol\n        symbolId=\"check-circle\"\n        size=\"micro\" />\n    <span>\n        {{ successMessage }}\n    </span>\n</div>\n", styles: ["ap-textarea{display:flex;flex-direction:column;gap:var(--ref-spacing-xxs);--border-width: 1px}ap-textarea 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-textarea 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)}ap-textarea textarea{resize:none;width:256px;border:var(--border-width) solid var(--comp-input-border-default-color);background-color:var(--ref-color-white);padding:var(--ref-spacing-xxs) var(--ref-spacing-xs) var(--ref-spacing-xxs) var(--ref-spacing-xs);border-radius:var(--ref-border-radius-sm)}ap-textarea textarea::placeholder{color:var(--comp-input-text-placeholder-color)}ap-textarea textarea:not(.transparent):not(.valid):not(.invalid):not(:focus):not([disabled]):hover{border-color:var(--comp-input-border-hover-color)}ap-textarea textarea:active{border-color:var(--comp-input-border-focused-color)}ap-textarea textarea:disabled{background-color:var(--comp-input-fill-disabled-color);cursor:default}ap-textarea textarea.with-error{border-color:var(--comp-input-border-error-color)}ap-textarea textarea.with-success{border-color:var(--comp-input-border-success-color)}ap-textarea textarea.with-resize{resize:vertical}.form-message{font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height);font-family:var(--sys-text-style-body-font-family);margin:0;display:flex;gap:var(--ref-spacing-xxxs)}.form-message.error{color:var(--comp-forms-status-text-error-color)}.form-message.error ap-symbol{color:var(--comp-forms-status-icon-error-color)}.form-message.success{color:var(--comp-forms-status-text-success-color)}.form-message.success ap-symbol{color:var(--comp-forms-status-icon-success-color)}form.ng-submitted ap-textarea.ng-valid textarea{border-color:var(--comp-input-border-success-color)}form.ng-submitted ap-textarea.ng-invalid textarea{border-color:var(--comp-input-border-error-color)}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<label\n    *ngIf=\"label\"\n    [for]=\"textareaId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<textarea\n    [class.with-error]=\"errorMessage\"\n    [class.with-success]=\"successMessage\"\n    [class.with-resize]=\"resize\"\n    [placeholder]=\"placeholder\"\n    [attr.data-test]=\"hostDataTest() ? hostDataTest() : name\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [id]=\"textareaId\"\n    [cols]=\"cols\"\n    [rows]=\"rows\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange()\"></textarea>\n<div\n    *ngIf=\"errorMessage\"\n    class=\"form-message error\">\n    <ap-symbol\n        symbolId=\"alert-circle\"\n        size=\"micro\" />\n    <span>\n        {{ errorMessage }}\n    </span>\n</div>\n\n<div\n    *ngIf=\"successMessage\"\n    class=\"form-message success\">\n    <ap-symbol\n        symbolId=\"check-circle\"\n        size=\"micro\" />\n    <span>\n        {{ successMessage }}\n    </span>\n</div>\n", styles: ["ap-textarea{display:flex;flex-direction:column;gap:var(--ref-spacing-xxs);--border-width: 1px}ap-textarea 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-textarea 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)}ap-textarea textarea{resize:none;width:256px;border:var(--border-width) solid var(--comp-input-border-default-color);background-color:var(--ref-color-white);padding:var(--ref-spacing-xxs) var(--ref-spacing-xs) var(--ref-spacing-xxs) var(--ref-spacing-xs);border-radius:var(--ref-border-radius-sm)}ap-textarea textarea::placeholder{color:var(--comp-input-text-placeholder-color)}ap-textarea textarea:not(.transparent):not(.valid):not(.invalid):not(:focus):not([disabled]):hover{border-color:var(--comp-input-border-hover-color)}ap-textarea textarea:active{border-color:var(--comp-input-border-focused-color)}ap-textarea textarea:disabled{background-color:var(--comp-input-fill-disabled-color);color:var(--comp-input-text-disabled-color);cursor:default}ap-textarea textarea.with-error{border-color:var(--comp-input-border-error-color)}ap-textarea textarea.with-success{border-color:var(--comp-input-border-success-color)}ap-textarea textarea.with-resize{resize:vertical}.form-message{font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height);font-family:var(--sys-text-style-body-font-family);margin:0;display:flex;gap:var(--ref-spacing-xxxs)}.form-message.error{color:var(--comp-forms-status-text-error-color)}.form-message.error ap-symbol{color:var(--comp-forms-status-icon-error-color)}.form-message.success{color:var(--comp-forms-status-text-success-color)}.form-message.success ap-symbol{color:var(--comp-forms-status-icon-success-color)}form.ng-submitted ap-textarea.ng-valid textarea{border-color:var(--comp-input-border-success-color)}form.ng-submitted ap-textarea.ng-invalid textarea{border-color:var(--comp-input-border-error-color)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { symbols: [{
                 type: ContentChildren,
                 args: [SymbolComponent]

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

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-textarea.mjs","sources":["../../../libs/ui-components/textarea/src/textarea.component.ts","../../../libs/ui-components/textarea/src/textarea.component.html","../../../libs/ui-components/textarea/src/agorapulse-ui-components-textarea.ts"],"sourcesContent":["import { SymbolComponent, SymbolRegistry, apAlertCircle, apCheckCircle } from '@agorapulse/ui-symbol';\nimport { NgIf } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Input,\n    OnInit,\n    QueryList,\n    ViewEncapsulation,\n    WritableSignal,\n    booleanAttribute,\n    forwardRef,\n    inject,\n    signal,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\n\nexport const AP_TEXTAREA_CONTROL_VALUE_ACCESSOR = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => TextareaComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-textarea',\n    styleUrls: ['./textarea.component.scss'],\n    standalone: true,\n    imports: [NgIf, ReactiveFormsModule, FormsModule, SymbolComponent],\n    providers: [\n        AP_TEXTAREA_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: TextareaComponent,\n            multi: true,\n        },\n    ],\n    templateUrl: './textarea.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TextareaComponent implements OnInit, AfterViewInit, ControlValueAccessor {\n    readonly elementRef: ElementRef = inject(ElementRef);\n    readonly symbolRegistry: SymbolRegistry = inject(SymbolRegistry);\n\n    @ContentChildren(SymbolComponent) symbols!: QueryList<SymbolComponent>;\n\n    @Input() ariaLabel!: string;\n\n    @Input() ariaLabelledBy!: string;\n\n    @Input() ariaDescribedBy!: string;\n\n    @Input() disabled: boolean = false;\n\n    @Input() textareaId?: string;\n\n    @Input({\n        required: true,\n    })\n    name!: string;\n\n    @Input() label?: string;\n\n    @Input() description?: string;\n\n    @Input() rows: number = 3;\n\n    @Input() cols: number = 20;\n\n    @Input({ transform: booleanAttribute }) autoresize: boolean = false;\n\n    @Input({ transform: booleanAttribute }) required: boolean = false;\n\n    @Input()\n    placeholder!: string;\n\n    @Input() errorMessage?: string;\n\n    @Input() successMessage?: string;\n\n    @Input() resize: boolean = false;\n\n    @Input() symbolPosition: 'left' | 'right' = 'right';\n\n    private _controlValueAccessorChangeFn!: (value: string | null) => void;\n\n    hostDataTest: WritableSignal<string | undefined> = signal<string | undefined>(undefined);\n\n    value!: string | null;\n\n    onTouched!: () => void;\n\n    constructor() {\n        if (this.label && !this.textareaId) {\n            throw Error('You have to provide an textarea id id if you want to use a label.');\n        }\n        this.hostDataTest.set(this.elementRef.nativeElement.getAttribute('data-test'));\n        this.elementRef.nativeElement.removeAttribute('data-test');\n        this.symbolRegistry.registerSymbols([apAlertCircle, apCheckCircle]);\n    }\n\n    ngOnInit(): void {\n        if (this.label && !this.textareaId) {\n            throw Error('You have to provide an textarea id if you want to use a label.');\n        }\n        this.hostDataTest.set(this.elementRef.nativeElement.getAttribute('data-test'));\n        this.elementRef.nativeElement.removeAttribute('data-test');\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        if (hostDataTest && this.hostDataTest() !== hostDataTest) {\n            this.hostDataTest.set(hostDataTest);\n            this.elementRef.nativeElement.removeAttribute('data-test');\n        }\n    }\n\n    validate({ value }: FormControl) {\n        const isNotValid = !this.value && this.required;\n        return (\n            isNotValid && {\n                invalid: true,\n            }\n        );\n    }\n\n    onValueChange() {\n        if (this.onTouched) {\n            this.onTouched();\n        }\n\n        if (!this.disabled) {\n            if (this._controlValueAccessorChangeFn) {\n                this._controlValueAccessorChangeFn(this.value);\n            }\n        }\n    }\n\n    writeValue(value: string): void {\n        this.value = value;\n    }\n\n    registerOnChange(fn: (value: string | null) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}\n","<label\n    *ngIf=\"label\"\n    [for]=\"textareaId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<textarea\n    [class.with-error]=\"errorMessage\"\n    [class.with-success]=\"successMessage\"\n    [class.with-resize]=\"resize\"\n    [placeholder]=\"placeholder\"\n    [attr.data-test]=\"hostDataTest() ? hostDataTest() : name\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [id]=\"textareaId\"\n    [cols]=\"cols\"\n    [rows]=\"rows\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange()\"></textarea>\n<div\n    *ngIf=\"errorMessage\"\n    class=\"form-message error\">\n    <ap-symbol\n        symbolId=\"alert-circle\"\n        size=\"micro\" />\n    <span>\n        {{ errorMessage }}\n    </span>\n</div>\n\n<div\n    *ngIf=\"successMessage\"\n    class=\"form-message success\">\n    <ap-symbol\n        symbolId=\"check-circle\"\n        size=\"micro\" />\n    <span>\n        {{ successMessage }}\n    </span>\n</div>\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-textarea.mjs","sources":["../../../libs/ui-components/textarea/src/textarea.component.ts","../../../libs/ui-components/textarea/src/textarea.component.html","../../../libs/ui-components/textarea/src/agorapulse-ui-components-textarea.ts"],"sourcesContent":["import { SymbolComponent, SymbolRegistry, apAlertCircle, apCheckCircle } from '@agorapulse/ui-symbol';\nimport { NgIf } from '@angular/common';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChildren,\n    ElementRef,\n    Input,\n    OnInit,\n    QueryList,\n    ViewEncapsulation,\n    WritableSignal,\n    booleanAttribute,\n    forwardRef,\n    inject,\n    signal,\n} from '@angular/core';\nimport { ControlValueAccessor, FormControl, FormsModule, NG_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';\n\nexport const AP_TEXTAREA_CONTROL_VALUE_ACCESSOR = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => TextareaComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-textarea',\n    styleUrls: ['./textarea.component.scss'],\n    standalone: true,\n    imports: [NgIf, ReactiveFormsModule, FormsModule, SymbolComponent],\n    providers: [\n        AP_TEXTAREA_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: TextareaComponent,\n            multi: true,\n        },\n    ],\n    templateUrl: './textarea.component.html',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class TextareaComponent implements OnInit, AfterViewInit, ControlValueAccessor {\n    readonly elementRef: ElementRef = inject(ElementRef);\n    readonly symbolRegistry: SymbolRegistry = inject(SymbolRegistry);\n\n    @ContentChildren(SymbolComponent) symbols!: QueryList<SymbolComponent>;\n\n    @Input() ariaLabel!: string;\n\n    @Input() ariaLabelledBy!: string;\n\n    @Input() ariaDescribedBy!: string;\n\n    @Input() disabled: boolean = false;\n\n    @Input() textareaId?: string;\n\n    @Input({\n        required: true,\n    })\n    name!: string;\n\n    @Input() label?: string;\n\n    @Input() description?: string;\n\n    @Input() rows: number = 3;\n\n    @Input() cols: number = 20;\n\n    @Input({ transform: booleanAttribute }) autoresize: boolean = false;\n\n    @Input({ transform: booleanAttribute }) required: boolean = false;\n\n    @Input()\n    placeholder!: string;\n\n    @Input() errorMessage?: string;\n\n    @Input() successMessage?: string;\n\n    @Input() resize: boolean = false;\n\n    @Input() symbolPosition: 'left' | 'right' = 'right';\n\n    private _controlValueAccessorChangeFn!: (value: string | null) => void;\n\n    hostDataTest: WritableSignal<string | undefined> = signal<string | undefined>(undefined);\n\n    value!: string | null;\n\n    onTouched!: () => void;\n\n    constructor() {\n        if (this.label && !this.textareaId) {\n            throw Error('You have to provide an textarea id id if you want to use a label.');\n        }\n        this.hostDataTest.set(this.elementRef.nativeElement.getAttribute('data-test'));\n        this.elementRef.nativeElement.removeAttribute('data-test');\n        this.symbolRegistry.registerSymbols([apAlertCircle, apCheckCircle]);\n    }\n\n    ngOnInit(): void {\n        if (this.label && !this.textareaId) {\n            throw Error('You have to provide an textarea id if you want to use a label.');\n        }\n        this.hostDataTest.set(this.elementRef.nativeElement.getAttribute('data-test'));\n        this.elementRef.nativeElement.removeAttribute('data-test');\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        if (hostDataTest && this.hostDataTest() !== hostDataTest) {\n            this.hostDataTest.set(hostDataTest);\n            this.elementRef.nativeElement.removeAttribute('data-test');\n        }\n    }\n\n    validate({ value }: FormControl) {\n        const isNotValid = !this.value && this.required;\n        return (\n            isNotValid && {\n                invalid: true,\n            }\n        );\n    }\n\n    onValueChange() {\n        if (this.onTouched) {\n            this.onTouched();\n        }\n\n        if (!this.disabled) {\n            if (this._controlValueAccessorChangeFn) {\n                this._controlValueAccessorChangeFn(this.value);\n            }\n        }\n    }\n\n    writeValue(value: string): void {\n        this.value = value;\n    }\n\n    registerOnChange(fn: (value: string | null) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n}\n","<label\n    *ngIf=\"label\"\n    [for]=\"textareaId\">\n    <span>\n        {{ label }}\n    </span>\n    <span\n        *ngIf=\"description\"\n        class=\"description\">\n        {{ description }}\n    </span>\n</label>\n\n<textarea\n    [class.with-error]=\"errorMessage\"\n    [class.with-success]=\"successMessage\"\n    [class.with-resize]=\"resize\"\n    [placeholder]=\"placeholder\"\n    [attr.data-test]=\"hostDataTest() ? hostDataTest() : name\"\n    [disabled]=\"disabled\"\n    [name]=\"name\"\n    [id]=\"textareaId\"\n    [cols]=\"cols\"\n    [rows]=\"rows\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.aria-labelledby]=\"ariaLabelledBy || null\"\n    [attr.aria-describedby]=\"ariaDescribedBy || null\"\n    [attr.aria-disabled]=\"disabled?.toString()\"\n    [(ngModel)]=\"value\"\n    (ngModelChange)=\"onValueChange()\"></textarea>\n<div\n    *ngIf=\"errorMessage\"\n    class=\"form-message error\">\n    <ap-symbol\n        symbolId=\"alert-circle\"\n        size=\"micro\" />\n    <span>\n        {{ errorMessage }}\n    </span>\n</div>\n\n<div\n    *ngIf=\"successMessage\"\n    class=\"form-message success\">\n    <ap-symbol\n        symbolId=\"check-circle\"\n        size=\"micro\" />\n    <span>\n        {{ successMessage }}\n    </span>\n</div>\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.mjs

@@ -54,6 +54,7 @@ export { StatusComponent } from '@agorapulse/ui-components/status';
 export { StatusCardComponent } from '@agorapulse/ui-components/status-card';
 export { InputComponent } from '@agorapulse/ui-components/input';
 export { SelectComponent } from '@agorapulse/ui-components/select';
+export { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';
 export { TextareaComponent } from '@agorapulse/ui-components/textarea';
 
 // Modules

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

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components.mjs","sources":["../../../libs/ui-components/src/lib/agorapulse-ui-components.module.ts","../../../libs/ui-components/index.ts","../../../libs/ui-components/agorapulse-ui-components.ts"],"sourcesContent":["// Modules\nimport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nimport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nimport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nimport { DatepickerComponent } from '@agorapulse/ui-components/datepicker';\nimport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nimport { DotsStepperComponent } from '@agorapulse/ui-components/dots-stepper';\nimport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nimport { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';\nimport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nimport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nimport { ModalComponent } from '@agorapulse/ui-components/modal';\nimport { DayDisabledPipe, NeoDatepickerComponent } from '@agorapulse/ui-components/neo-datepicker';\nimport { NotificationComponent } from '@agorapulse/ui-components/notification';\nimport { PaginatorButtonComponent, PaginatorComponent } from '@agorapulse/ui-components/paginator';\nimport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nimport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\nimport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nimport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nimport { StepperComponent } from '@agorapulse/ui-components/stepper';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { NgModule } from '@angular/core';\nimport { MAT_TABS_CONFIG } from '@angular/material/tabs';\n\n/**\n * @deprecated for better tree-shaking, use standalone component import instead\n */\n@NgModule({\n    declarations: [],\n    imports: [\n        // Components\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelListComponent,\n        LabelsSelectorComponent,\n        NeoDatepickerComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Directives\n        DefaultImageDirective,\n        FrozenGifDirective,\n        SlideToggleComponent,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipDirective,\n        AddCommentComponent,\n        AutosizeTextareaDirective,\n        // Pipes\n        DayDisabledPipe,\n    ],\n    exports: [\n        // Components\n        AddCommentComponent,\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        NeoDatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelComponent,\n        LabelListComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelsSelectorComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Pipes\n        DayDisabledPipe,\n        // Directives\n        AutosizeTextareaDirective,\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipDirective,\n        // Modules\n        PopmenuModule,\n    ],\n    providers: [\n        // Disable ripple effect\n        // {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true}},\n        // Disable tabs animation\n        { provide: MAT_TABS_CONFIG, useValue: { animationDuration: '0ms' } },\n    ],\n})\nexport class AgorapulseUiComponentsModule {}\n","/*\n * Public API Surface of ui\n */\n\n// Module\nexport { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';\nexport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\n\n// Directive\nexport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    FrozenGifDirective,\n    EqualValidatorDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nexport { PopmenuDirective } from '@agorapulse/ui-components/popmenu';\nexport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\n\n// Component\nexport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nexport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nexport { StepperComponent } from '@agorapulse/ui-components/stepper';\nexport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nexport { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from '@agorapulse/ui-components/datepicker';\nexport {\n    NeoDatepickerComponent,\n    NeoDatePickerStartsOn,\n    NeoDatePickerMode,\n    NeoDatePickerLocale,\n    DayDisabledPipe,\n} from '@agorapulse/ui-components/neo-datepicker';\nexport { DotsStepperComponent } from '@agorapulse/ui-components/dots-stepper';\nexport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nexport { LabelComponent } from '@agorapulse/ui-components/labels';\nexport { LabelListComponent } from '@agorapulse/ui-components/labels';\nexport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nexport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nexport { ModalComponent, ModalConfig } from '@agorapulse/ui-components/modal';\nexport { PaginatorComponent } from '@agorapulse/ui-components/paginator';\nexport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nexport { PopmenuComponent } from '@agorapulse/ui-components/popmenu';\nexport { NotificationComponent } from '@agorapulse/ui-components/notification';\nexport { PaginatorButtonComponent } from '@agorapulse/ui-components/paginator';\nexport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nexport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nexport { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nexport { IconButtonComponent } from '@agorapulse/ui-components/icon-button';\nexport { ToggleComponent } from '@agorapulse/ui-components/toggle';\nexport { ButtonComponent } from '@agorapulse/ui-components/button';\nexport { SocialButtonComponent } from '@agorapulse/ui-components/social-button';\nexport { RadioComponent } from '@agorapulse/ui-components/radio';\nexport { TagComponent } from '@agorapulse/ui-components/tag';\nexport { BadgeComponent } from '@agorapulse/ui-components/badge';\nexport { CounterComponent } from '@agorapulse/ui-components/counter';\nexport { StatusComponent } from '@agorapulse/ui-components/status';\nexport { StatusCardComponent, StatusCardActor } from '@agorapulse/ui-components/status-card';\nexport { InputComponent } from '@agorapulse/ui-components/input';\nexport { SelectComponent } from '@agorapulse/ui-components/select';\nexport { TextareaComponent } from '@agorapulse/ui-components/textarea';\n\n// Service\nexport { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';\n\n// Model\nexport { Step } from '@agorapulse/ui-components/stepper';\nexport { ConfirmModalTexts } from '@agorapulse/ui-components/confirm-modal';\nexport {\n    generateCodeStatus,\n    CodeStatus,\n    SnackbarsThreadBase,\n    SnackbarTypeValues,\n    externalSnackbarTypeAllowed,\n} from '@agorapulse/ui-components/snackbars-thread';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components.mjs","sources":["../../../libs/ui-components/src/lib/agorapulse-ui-components.module.ts","../../../libs/ui-components/index.ts","../../../libs/ui-components/agorapulse-ui-components.ts"],"sourcesContent":["// Modules\nimport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nimport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nimport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nimport { DatepickerComponent } from '@agorapulse/ui-components/datepicker';\nimport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    EqualValidatorDirective,\n    FrozenGifDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nimport { DotsStepperComponent } from '@agorapulse/ui-components/dots-stepper';\nimport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nimport { LabelComponent, LabelListComponent } from '@agorapulse/ui-components/labels';\nimport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nimport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nimport { ModalComponent } from '@agorapulse/ui-components/modal';\nimport { DayDisabledPipe, NeoDatepickerComponent } from '@agorapulse/ui-components/neo-datepicker';\nimport { NotificationComponent } from '@agorapulse/ui-components/notification';\nimport { PaginatorButtonComponent, PaginatorComponent } from '@agorapulse/ui-components/paginator';\nimport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nimport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\nimport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nimport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nimport { StepperComponent } from '@agorapulse/ui-components/stepper';\nimport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\nimport { NgModule } from '@angular/core';\nimport { MAT_TABS_CONFIG } from '@angular/material/tabs';\n\n/**\n * @deprecated for better tree-shaking, use standalone component import instead\n */\n@NgModule({\n    declarations: [],\n    imports: [\n        // Components\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelListComponent,\n        LabelsSelectorComponent,\n        NeoDatepickerComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Directives\n        DefaultImageDirective,\n        FrozenGifDirective,\n        SlideToggleComponent,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipDirective,\n        AddCommentComponent,\n        AutosizeTextareaDirective,\n        // Pipes\n        DayDisabledPipe,\n    ],\n    exports: [\n        // Components\n        AddCommentComponent,\n        AvatarComponent,\n        StepperComponent,\n        ConfirmModalComponent,\n        DatepickerComponent,\n        NeoDatepickerComponent,\n        DotsStepperComponent,\n        EllipsisDirective,\n        InfoboxComponent,\n        LabelComponent,\n        LabelListComponent,\n        MediaDisplayOverlayDialogComponent,\n        ModalComponent,\n        PasswordInputComponent,\n        LabelsSelectorComponent,\n        NotificationComponent,\n        PaginatorComponent,\n        PaginatorButtonComponent,\n        SlideToggleComponent,\n        SnackbarsThreadComponent,\n        // Pipes\n        DayDisabledPipe,\n        // Directives\n        AutosizeTextareaDirective,\n        DefaultImageDirective,\n        FrozenGifDirective,\n        EqualValidatorDirective,\n        MultiStyleTextDirective,\n        TruncateTooltipDirective,\n        TooltipDirective,\n        // Modules\n        PopmenuModule,\n    ],\n    providers: [\n        // Disable ripple effect\n        // {provide: MAT_RIPPLE_GLOBAL_OPTIONS, useValue: {disabled: true}},\n        // Disable tabs animation\n        { provide: MAT_TABS_CONFIG, useValue: { animationDuration: '0ms' } },\n    ],\n})\nexport class AgorapulseUiComponentsModule {}\n","/*\n * Public API Surface of ui\n */\n\n// Module\nexport { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';\nexport { PopmenuModule } from '@agorapulse/ui-components/popmenu';\n\n// Directive\nexport {\n    AutosizeTextareaDirective,\n    DefaultImageDirective,\n    EllipsisDirective,\n    FrozenGifDirective,\n    EqualValidatorDirective,\n    MultiStyleTextDirective,\n    TruncateTooltipDirective,\n} from '@agorapulse/ui-components/directives';\nexport { PopmenuDirective } from '@agorapulse/ui-components/popmenu';\nexport { TooltipDirective } from '@agorapulse/ui-components/tooltip';\n\n// Component\nexport { AddCommentComponent } from '@agorapulse/ui-components/add-comment';\nexport { AvatarComponent } from '@agorapulse/ui-components/avatar';\nexport { StepperComponent } from '@agorapulse/ui-components/stepper';\nexport { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';\nexport { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from '@agorapulse/ui-components/datepicker';\nexport {\n    NeoDatepickerComponent,\n    NeoDatePickerStartsOn,\n    NeoDatePickerMode,\n    NeoDatePickerLocale,\n    DayDisabledPipe,\n} from '@agorapulse/ui-components/neo-datepicker';\nexport { DotsStepperComponent } from '@agorapulse/ui-components/dots-stepper';\nexport { InfoboxComponent } from '@agorapulse/ui-components/infobox';\nexport { LabelComponent } from '@agorapulse/ui-components/labels';\nexport { LabelListComponent } from '@agorapulse/ui-components/labels';\nexport { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';\nexport { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';\nexport { ModalComponent, ModalConfig } from '@agorapulse/ui-components/modal';\nexport { PaginatorComponent } from '@agorapulse/ui-components/paginator';\nexport { PasswordInputComponent } from '@agorapulse/ui-components/password-input';\nexport { PopmenuComponent } from '@agorapulse/ui-components/popmenu';\nexport { NotificationComponent } from '@agorapulse/ui-components/notification';\nexport { PaginatorButtonComponent } from '@agorapulse/ui-components/paginator';\nexport { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';\nexport { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';\nexport { CheckboxComponent } from '@agorapulse/ui-components/checkbox';\nexport { IconButtonComponent } from '@agorapulse/ui-components/icon-button';\nexport { ToggleComponent } from '@agorapulse/ui-components/toggle';\nexport { ButtonComponent } from '@agorapulse/ui-components/button';\nexport { SocialButtonComponent } from '@agorapulse/ui-components/social-button';\nexport { RadioComponent } from '@agorapulse/ui-components/radio';\nexport { TagComponent } from '@agorapulse/ui-components/tag';\nexport { BadgeComponent } from '@agorapulse/ui-components/badge';\nexport { CounterComponent } from '@agorapulse/ui-components/counter';\nexport { StatusComponent } from '@agorapulse/ui-components/status';\nexport { StatusCardComponent, StatusCardActor } from '@agorapulse/ui-components/status-card';\nexport { InputComponent } from '@agorapulse/ui-components/input';\nexport { SelectComponent } from '@agorapulse/ui-components/select';\nexport { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';\nexport { TextareaComponent } from '@agorapulse/ui-components/textarea';\n\n// Service\nexport { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';\n\n// Model\nexport { Step } from '@agorapulse/ui-components/stepper';\nexport { ConfirmModalTexts } from '@agorapulse/ui-components/confirm-modal';\nexport {\n    generateCodeStatus,\n    CodeStatus,\n    SnackbarsThreadBase,\n    SnackbarTypeValues,\n    externalSnackbarTypeAllowed,\n} from '@agorapulse/ui-components/snackbars-thread';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -36,6 +36,7 @@ export { StatusComponent } from '@agorapulse/ui-components/status';
 export { StatusCardComponent, StatusCardActor } from '@agorapulse/ui-components/status-card';
 export { InputComponent } from '@agorapulse/ui-components/input';
 export { SelectComponent } from '@agorapulse/ui-components/select';
+export { AutocompleteComponent } from '@agorapulse/ui-components/autocomplete';
 export { TextareaComponent } from '@agorapulse/ui-components/textarea';
 export { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';
 export { Step } from '@agorapulse/ui-components/stepper';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "16.2.14",
+  "version": "16.2.16",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",
@@ -43,6 +43,12 @@
       "esm": "./esm2022/add-comment/agorapulse-ui-components-add-comment.mjs",
       "default": "./fesm2022/agorapulse-ui-components-add-comment.mjs"
     },
+    "./autocomplete": {
+      "types": "./autocomplete/index.d.ts",
+      "esm2022": "./esm2022/autocomplete/agorapulse-ui-components-autocomplete.mjs",
+      "esm": "./esm2022/autocomplete/agorapulse-ui-components-autocomplete.mjs",
+      "default": "./fesm2022/agorapulse-ui-components-autocomplete.mjs"
+    },
     "./avatar": {
       "types": "./avatar/index.d.ts",
       "esm2022": "./esm2022/avatar/agorapulse-ui-components-avatar.mjs",

package/select/select.component.d.ts

@@ -1,5 +1,5 @@
 import { InputComponent } from '@agorapulse/ui-components/input';
-import { AfterViewInit, ElementRef, EventEmitter, OnInit, Provider } from '@angular/core';
+import { AfterViewInit, ElementRef, EventEmitter, OnInit, Provider, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { NgOption, NgSelectComponent } from '@ng-select/ng-select';
 import { Observable } from 'rxjs';
@@ -55,6 +55,12 @@ export declare class SelectComponent<T extends Record<string, unknown> | string>
     optionGroupLabel: string;
     optionGroupTag?: Record<string, string>;
     set maximumDisplayOptions(maximumDisplayOptions: number);
+    customOptionTemplate?: TemplateRef<{
+        option: T;
+    }>;
+    customLabelTemplate?: TemplateRef<{
+        option: T;
+    }>;
     compareWith: (a: any, b: any) => boolean;
     createNew: EventEmitter<string>;
     valueChanges: EventEmitter<unknown[]>;
@@ -104,5 +110,5 @@ export declare class SelectComponent<T extends Record<string, unknown> | string>
     private updateSelectValueContainerWidthSignal;
     private calculateResponsiveLabels;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "ap-select", never, { "options": { "alias": "options"; "required": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectId": { "alias": "selectId"; "required": false; }; "inlineLabel": { "alias": "inlineLabel"; "required": false; }; "create": { "alias": "create"; "required": false; }; "createText": { "alias": "createText"; "required": false; }; "group": { "alias": "group"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "only": { "alias": "only"; "required": false; }; "onlyText": { "alias": "onlyText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllText": { "alias": "selectAllText"; "required": false; }; "unselectAllText": { "alias": "unselectAllText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionCaption": { "alias": "optionCaption"; "required": false; }; "optionDivider": { "alias": "optionDivider"; "required": false; }; "optionProfileImageUrl": { "alias": "optionProfileImageUrl"; "required": false; }; "optionBadgeLabel": { "alias": "optionBadgeLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupTag": { "alias": "optionGroupTag"; "required": false; }; "maximumDisplayOptions": { "alias": "maximumDisplayOptions"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "createNew": "createNew"; "valueChanges": "valueChanges"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent<any>, "ap-select", never, { "options": { "alias": "options"; "required": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectId": { "alias": "selectId"; "required": false; }; "inlineLabel": { "alias": "inlineLabel"; "required": false; }; "create": { "alias": "create"; "required": false; }; "createText": { "alias": "createText"; "required": false; }; "group": { "alias": "group"; "required": false; }; "selectableGroup": { "alias": "selectableGroup"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "only": { "alias": "only"; "required": false; }; "onlyText": { "alias": "onlyText"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "selectAllText": { "alias": "selectAllText"; "required": false; }; "unselectAllText": { "alias": "unselectAllText"; "required": false; }; "searchable": { "alias": "searchable"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; "notFoundText": { "alias": "notFoundText"; "required": false; }; "loadingText": { "alias": "loadingText"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionCaption": { "alias": "optionCaption"; "required": false; }; "optionDivider": { "alias": "optionDivider"; "required": false; }; "optionProfileImageUrl": { "alias": "optionProfileImageUrl"; "required": false; }; "optionBadgeLabel": { "alias": "optionBadgeLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; }; "optionGroupTag": { "alias": "optionGroupTag"; "required": false; }; "maximumDisplayOptions": { "alias": "maximumDisplayOptions"; "required": false; }; "customOptionTemplate": { "alias": "customOptionTemplate"; "required": false; }; "customLabelTemplate": { "alias": "customLabelTemplate"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "createNew": "createNew"; "valueChanges": "valueChanges"; }, never, never, true, never>;
 }