@agorapulse/ui-components 13.1.6 → 13.1.7

package/index.d.ts

@@ -16,6 +16,9 @@ export { DatepickerComponent, DatepickerMode, I18nDatePicker, Period } from './s
 export { DotsStepperComponent } from './src/lib/dots-stepper/dots-stepper.component';
 export { ImageCarouselComponent, InstagramCarouselItemType } from './src/lib/image-carousel/image-carousel.component';
 export { FeatureOnboardingComponent } from './src/lib/feature-onboarding/feature-onboarding.component';
+export { LabelComponent } from './src/lib/labels/label.component';
+export { LabelListComponent } from './src/lib/labels/label-list.component';
+export { LabelsSelectorComponent } from './src/lib/labels-selector/labels-selector.component';
 export { LeadModalComponent } from './src/lib/lead-modal/lead-modal.component';
 export { MediaDisplayOverlayDialogComponent } from './src/lib/media-display-overlay/media-display-overlay-dialog.component';
 export { ModalComponent, ModalConfig } from './src/lib/modal/modal.component';
@@ -30,9 +33,6 @@ export { PopmenuComponent } from './src/lib/popmenu/popmenu.component';
 export { PopmenuModule } from './src/lib/popmenu/popmenu.module';
 export { SplashscreenComponent } from './src/lib/splashscreen/splashscreen.component';
 export { SnackBarComponent } from './src/lib/snackbar/snackbar.component';
-export { TagComponent } from './src/lib/tags/tag.component';
-export { TagListComponent } from './src/lib/tags/tag-list.component';
-export { TagsSelectorComponent } from './src/lib/tags-selector/tags-selector.component';
 export { Time, TimeFormat } from './src/lib/timepicker/timepicker.component';
 export { TryPopupComponent } from './src/lib/try-popup/try-popup.component';
 export { NotificationComponent } from './src/lib/notification/notification.component';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agorapulse/ui-components",
   "description": "Agorapulse UI Components Library",
-  "version": "13.1.6",
+  "version": "13.1.7",
   "author": "Benoit Hediard",
   "repository": {
     "type": "git",

package/src/lib/agorapulse-ui-components.module.d.ts

@@ -9,20 +9,20 @@ import * as i7 from "./dots-stepper/dots-stepper.component";
 import * as i8 from "./directives/ellipsis.directive";
 import * as i9 from "./image-carousel/image-carousel.component";
 import * as i10 from "./feature-onboarding/feature-onboarding.component";
-import * as i11 from "./lead-modal/lead-modal.component";
-import * as i12 from "./media-display-overlay/media-display-overlay-dialog.component";
-import * as i13 from "./modal/modal.component";
-import * as i14 from "./overlay/overlay-dialog.component";
-import * as i15 from "./overlay-in-div/overlay-in-div.component";
-import * as i16 from "./password-input/password-input.component";
-import * as i17 from "./places/place.component";
-import * as i18 from "./places/place-list.component";
-import * as i19 from "./snackbar/snackbar.component";
-import * as i20 from "./splashscreen/splashscreen.component";
-import * as i21 from "./star-rating/star-rating.component";
-import * as i22 from "./tags/tag.component";
-import * as i23 from "./tags/tag-list.component";
-import * as i24 from "./tags-selector/tags-selector.component";
+import * as i11 from "./labels/label-list.component";
+import * as i12 from "./labels-selector/labels-selector.component";
+import * as i13 from "./lead-modal/lead-modal.component";
+import * as i14 from "./media-display-overlay/media-display-overlay-dialog.component";
+import * as i15 from "./modal/modal.component";
+import * as i16 from "./overlay/overlay-dialog.component";
+import * as i17 from "./overlay-in-div/overlay-in-div.component";
+import * as i18 from "./password-input/password-input.component";
+import * as i19 from "./places/place.component";
+import * as i20 from "./places/place-list.component";
+import * as i21 from "./snackbar/snackbar.component";
+import * as i22 from "./splashscreen/splashscreen.component";
+import * as i23 from "./star-rating/star-rating.component";
+import * as i24 from "./labels/label.component";
 import * as i25 from "./timepicker/timepicker.component";
 import * as i26 from "./try-popup/try-popup.component";
 import * as i27 from "./notification/notification.component";
@@ -71,6 +71,6 @@ import * as i69 from "@angular/material/snack-bar";
 import * as i70 from "@angular/material/table";
 export declare class AgorapulseUiComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AgorapulseUiComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiComponentsModule, [typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i3.AutosizeTextareaDirective, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i9.ImageCarouselComponent, typeof i10.FeatureOnboardingComponent, typeof i11.LeadModalComponent, typeof i12.MediaDisplayOverlayDialogComponent, typeof i13.ModalComponent, typeof i14.OverlayDialogComponent, typeof i15.OverlayInDivComponent, typeof i16.PasswordInputComponent, typeof i17.PlaceComponent, typeof i18.PlaceListComponent, typeof i19.SnackBarComponent, typeof i20.SplashscreenComponent, typeof i21.StarRatingComponent, typeof i22.TagComponent, typeof i23.TagListComponent, typeof i24.TagsSelectorComponent, typeof i25.TimepickerComponent, typeof i26.TryPopupComponent, typeof i27.NotificationComponent, typeof i28.PaginatorComponent, typeof i29.PaginatorButtonComponent, typeof i30.SlideToggleComponent, typeof i31.SnackbarsThreadComponent, typeof i32.TooltipNeoComponent, typeof i3.AutosizeTextareaDirective, typeof i33.DefaultImageDirective, typeof i34.FrozenGifDirective, typeof i30.SlideToggleComponent, typeof i35.EqualValidatorDirective, typeof i36.MultiStyleTextDirective, typeof i37.TruncateTooltipDirective, typeof i38.TooltipNeoDirective], [typeof i39.AgorapulseUiSymbolModule, typeof i40.CommonModule, typeof i41.NgxDaterangepickerMd, typeof i42.FormsModule, typeof i42.ReactiveFormsModule, typeof i43.NgSelectModule, typeof i44.PopmenuModule, typeof i45.OverlayModule, typeof i46.MatBadgeModule, typeof i47.MatButtonModule, typeof i48.MatButtonToggleModule, typeof i49.MatChipsModule, typeof i50.MatExpansionModule, typeof i51.MatCheckboxModule, typeof i52.MatIconModule, typeof i53.MatProgressBarModule, typeof i54.MatProgressSpinnerModule, typeof i55.MatRadioModule, typeof i56.MatSliderModule, typeof i57.MatSlideToggleModule, typeof i58.MatMenuModule, typeof i59.MatSidenavModule, typeof i60.MatToolbarModule, typeof i61.MatCardModule, typeof i62.MatDividerModule, typeof i63.MatGridListModule, typeof i64.MatListModule, typeof i65.MatTabsModule, typeof i66.MatStepperModule, typeof i67.MatBottomSheetModule, typeof i68.MatDialogModule, typeof i69.MatSnackBarModule, typeof i70.MatTableModule], [typeof i42.FormsModule, typeof i42.ReactiveFormsModule, typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i9.ImageCarouselComponent, typeof i10.FeatureOnboardingComponent, typeof i11.LeadModalComponent, typeof i12.MediaDisplayOverlayDialogComponent, typeof i13.ModalComponent, typeof i14.OverlayDialogComponent, typeof i15.OverlayInDivComponent, typeof i16.PasswordInputComponent, typeof i17.PlaceComponent, typeof i18.PlaceListComponent, typeof i19.SnackBarComponent, typeof i20.SplashscreenComponent, typeof i21.StarRatingComponent, typeof i22.TagComponent, typeof i23.TagListComponent, typeof i24.TagsSelectorComponent, typeof i25.TimepickerComponent, typeof i26.TryPopupComponent, typeof i27.NotificationComponent, typeof i28.PaginatorComponent, typeof i29.PaginatorButtonComponent, typeof i30.SlideToggleComponent, typeof i31.SnackbarsThreadComponent, typeof i3.AutosizeTextareaDirective, typeof i33.DefaultImageDirective, typeof i34.FrozenGifDirective, typeof i35.EqualValidatorDirective, typeof i36.MultiStyleTextDirective, typeof i37.TruncateTooltipDirective, typeof i38.TooltipNeoDirective, typeof i43.NgSelectModule, typeof i44.PopmenuModule, typeof i46.MatBadgeModule, typeof i47.MatButtonModule, typeof i48.MatButtonToggleModule, typeof i51.MatCheckboxModule, typeof i49.MatChipsModule, typeof i50.MatExpansionModule, typeof i52.MatIconModule, typeof i53.MatProgressBarModule, typeof i54.MatProgressSpinnerModule, typeof i55.MatRadioModule, typeof i56.MatSliderModule, typeof i57.MatSlideToggleModule, typeof i58.MatMenuModule, typeof i59.MatSidenavModule, typeof i60.MatToolbarModule, typeof i61.MatCardModule, typeof i62.MatDividerModule, typeof i63.MatGridListModule, typeof i64.MatListModule, typeof i65.MatTabsModule, typeof i66.MatStepperModule, typeof i67.MatBottomSheetModule, typeof i68.MatDialogModule, typeof i69.MatSnackBarModule, typeof i70.MatTableModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AgorapulseUiComponentsModule, [typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i3.AutosizeTextareaDirective, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i9.ImageCarouselComponent, typeof i10.FeatureOnboardingComponent, typeof i11.LabelListComponent, typeof i12.LabelsSelectorComponent, typeof i13.LeadModalComponent, typeof i14.MediaDisplayOverlayDialogComponent, typeof i15.ModalComponent, typeof i16.OverlayDialogComponent, typeof i17.OverlayInDivComponent, typeof i18.PasswordInputComponent, typeof i19.PlaceComponent, typeof i20.PlaceListComponent, typeof i21.SnackBarComponent, typeof i22.SplashscreenComponent, typeof i23.StarRatingComponent, typeof i24.LabelComponent, typeof i25.TimepickerComponent, typeof i26.TryPopupComponent, typeof i27.NotificationComponent, typeof i28.PaginatorComponent, typeof i29.PaginatorButtonComponent, typeof i30.SlideToggleComponent, typeof i31.SnackbarsThreadComponent, typeof i32.TooltipNeoComponent, typeof i3.AutosizeTextareaDirective, typeof i33.DefaultImageDirective, typeof i34.FrozenGifDirective, typeof i30.SlideToggleComponent, typeof i35.EqualValidatorDirective, typeof i36.MultiStyleTextDirective, typeof i37.TruncateTooltipDirective, typeof i38.TooltipNeoDirective], [typeof i39.AgorapulseUiSymbolModule, typeof i40.CommonModule, typeof i41.NgxDaterangepickerMd, typeof i42.FormsModule, typeof i42.ReactiveFormsModule, typeof i43.NgSelectModule, typeof i44.PopmenuModule, typeof i45.OverlayModule, typeof i46.MatBadgeModule, typeof i47.MatButtonModule, typeof i48.MatButtonToggleModule, typeof i49.MatChipsModule, typeof i50.MatExpansionModule, typeof i51.MatCheckboxModule, typeof i52.MatIconModule, typeof i53.MatProgressBarModule, typeof i54.MatProgressSpinnerModule, typeof i55.MatRadioModule, typeof i56.MatSliderModule, typeof i57.MatSlideToggleModule, typeof i58.MatMenuModule, typeof i59.MatSidenavModule, typeof i60.MatToolbarModule, typeof i61.MatCardModule, typeof i62.MatDividerModule, typeof i63.MatGridListModule, typeof i64.MatListModule, typeof i65.MatTabsModule, typeof i66.MatStepperModule, typeof i67.MatBottomSheetModule, typeof i68.MatDialogModule, typeof i69.MatSnackBarModule, typeof i70.MatTableModule], [typeof i42.FormsModule, typeof i42.ReactiveFormsModule, typeof i1.AddCommentComponent, typeof i2.AvatarComponent, typeof i4.StepperComponent, typeof i5.ConfirmModalComponent, typeof i6.DatepickerComponent, typeof i7.DotsStepperComponent, typeof i8.EllipsisDirective, typeof i9.ImageCarouselComponent, typeof i10.FeatureOnboardingComponent, typeof i24.LabelComponent, typeof i11.LabelListComponent, typeof i13.LeadModalComponent, typeof i14.MediaDisplayOverlayDialogComponent, typeof i15.ModalComponent, typeof i16.OverlayDialogComponent, typeof i17.OverlayInDivComponent, typeof i18.PasswordInputComponent, typeof i19.PlaceComponent, typeof i20.PlaceListComponent, typeof i21.SnackBarComponent, typeof i22.SplashscreenComponent, typeof i23.StarRatingComponent, typeof i12.LabelsSelectorComponent, typeof i25.TimepickerComponent, typeof i26.TryPopupComponent, typeof i27.NotificationComponent, typeof i28.PaginatorComponent, typeof i29.PaginatorButtonComponent, typeof i30.SlideToggleComponent, typeof i31.SnackbarsThreadComponent, typeof i3.AutosizeTextareaDirective, typeof i33.DefaultImageDirective, typeof i34.FrozenGifDirective, typeof i35.EqualValidatorDirective, typeof i36.MultiStyleTextDirective, typeof i37.TruncateTooltipDirective, typeof i38.TooltipNeoDirective, typeof i43.NgSelectModule, typeof i44.PopmenuModule, typeof i46.MatBadgeModule, typeof i47.MatButtonModule, typeof i48.MatButtonToggleModule, typeof i51.MatCheckboxModule, typeof i49.MatChipsModule, typeof i50.MatExpansionModule, typeof i52.MatIconModule, typeof i53.MatProgressBarModule, typeof i54.MatProgressSpinnerModule, typeof i55.MatRadioModule, typeof i56.MatSliderModule, typeof i57.MatSlideToggleModule, typeof i58.MatMenuModule, typeof i59.MatSidenavModule, typeof i60.MatToolbarModule, typeof i61.MatCardModule, typeof i62.MatDividerModule, typeof i63.MatGridListModule, typeof i64.MatListModule, typeof i65.MatTabsModule, typeof i66.MatStepperModule, typeof i67.MatBottomSheetModule, typeof i68.MatDialogModule, typeof i69.MatSnackBarModule, typeof i70.MatTableModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AgorapulseUiComponentsModule>;
 }

package/src/lib/labels/label-list.component.d.ts

@@ -0,0 +1,30 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { TextMeasurementService } from "../text-measurement/text-measurement.service";
+import * as i0 from "@angular/core";
+export declare class LabelListComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private changeDetectorRef;
+    private elementRef;
+    private textMeasurementService;
+    private zone;
+    labels: string[];
+    removeLabelsEnabled: boolean;
+    responsive: boolean;
+    seeLessTranslation: string;
+    removeLabel: EventEmitter<string[]>;
+    expanded: boolean;
+    howManyItemsLeft: number;
+    responsiveLabels: string[];
+    private observer;
+    private width$;
+    constructor(changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, textMeasurementService: TextMeasurementService, zone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onExpand(): void;
+    onRemoveLabel(label: string): void;
+    onResize(): void;
+    trackByLabelContent(index: any, entry: string): string;
+    private generateResponsiveLabels;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelListComponent, "ap-label-list", never, { "labels": "labels"; "removeLabelsEnabled": "removeLabelsEnabled"; "responsive": "responsive"; "seeLessTranslation": "seeLessTranslation"; }, { "removeLabel": "removeLabel"; }, never, never>;
+}

package/src/lib/{tags/tag.component.d.ts → labels/label.component.d.ts}

@@ -1,19 +1,20 @@
 import { EventEmitter, ElementRef, NgZone, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class TagComponent implements OnDestroy {
+export declare class LabelComponent implements OnDestroy {
     private elementRef;
     private zone;
     color: string | 'blue' | 'red' | 'purple' | 'orange' | 'yellow' | 'green';
     content: string;
     onlyText: boolean;
+    selectorWidth: number;
     removable: boolean;
-    deleteTag: EventEmitter<string>;
+    remove: EventEmitter<string>;
     private observer;
     tooltipEnabled: boolean;
     constructor(elementRef: ElementRef, zone: NgZone);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    onDeleteTag(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ap-tag", never, { "color": "color"; "content": "content"; "onlyText": "onlyText"; "removable": "removable"; }, { "deleteTag": "deleteTag"; }, never, never>;
+    onRemoveLabel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelComponent, "ap-label", never, { "color": "color"; "content": "content"; "onlyText": "onlyText"; "selectorWidth": "selectorWidth"; "removable": "removable"; }, { "remove": "remove"; }, never, never>;
 }

package/src/lib/labels-selector/labels-selector.component.d.ts

@@ -0,0 +1,34 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { Observable, Subject } from "rxjs";
+import * as i0 from "@angular/core";
+export interface LabelsSelectorTranslation {
+    placeholder: string;
+    createLabel: string;
+}
+export declare class LabelsSelectorComponent implements OnInit, OnChanges {
+    private changeDetectorRef;
+    readonly INFINITY: number;
+    addLabelEnabled: boolean;
+    disabled: boolean;
+    initialLabels: string[];
+    translation: LabelsSelectorTranslation;
+    loadingOnSearch: boolean;
+    multipleEnabled: boolean;
+    searchLabelsFunction: (string: any) => Observable<string[]>;
+    createLabel: EventEmitter<string>;
+    selectLabels: EventEmitter<string[]>;
+    searchErrorMessage: EventEmitter<string>;
+    labels: string[];
+    labelsInput$: Subject<string>;
+    labels$: Observable<string[]>;
+    labelsLoading: boolean;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onCreateLabel(label: string): void;
+    onOpen(): void;
+    onLabelsChange(): void;
+    setSearchFunction(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LabelsSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LabelsSelectorComponent, "ap-labels-selector", never, { "addLabelEnabled": "addLabelEnabled"; "disabled": "disabled"; "initialLabels": "initialLabels"; "translation": "translation"; "loadingOnSearch": "loadingOnSearch"; "multipleEnabled": "multipleEnabled"; "searchLabelsFunction": "searchLabelsFunction"; }, { "createLabel": "createLabel"; "selectLabels": "selectLabels"; "searchErrorMessage": "searchErrorMessage"; }, never, never>;
+}

package/esm2020/src/lib/tags/tag-list.component.mjs

@@ -1,96 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import { BehaviorSubject } from "rxjs";
-import * as i0 from "@angular/core";
-import * as i1 from "../text-measurement/text-measurement.service";
-import * as i2 from "./tag.component";
-import * as i3 from "@angular/common";
-export class TagListComponent {
-    constructor(elementRef, changeDetectorRef, textMeasurementService, zone) {
-        this.elementRef = elementRef;
-        this.changeDetectorRef = changeDetectorRef;
-        this.textMeasurementService = textMeasurementService;
-        this.zone = zone;
-        this.removeTagsEnabled = false;
-        this.responsive = false;
-        this.seeLessTranslation = 'See less';
-        this.deleteTag = new EventEmitter();
-        this.expanded = false;
-        this.howManyItemsLeft = 0;
-        this.responsiveTags = [];
-        this.width$ = new BehaviorSubject(0);
-    }
-    ngAfterViewInit() {
-        if (this.responsive) {
-            this.generateResponsiveTags(this.elementRef.nativeElement.getElementsByClassName('tags-list')[0].offsetWidth);
-            this.observer = new ResizeObserver(entries => {
-                this.zone.run(() => {
-                    this.width$.next(entries[0].contentRect.width);
-                });
-            });
-            this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('tags-list')[0]);
-            this.width$.subscribe(width => {
-                this.generateResponsiveTags(width);
-            });
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes.tags.currentValue) {
-            this.generateResponsiveTags(this.elementRef.nativeElement.getElementsByClassName('tags-list')[0].offsetWidth);
-        }
-    }
-    ngOnDestroy() {
-        this.observer.unobserve(this.elementRef.nativeElement.getElementsByClassName('tags-list')[0]);
-    }
-    onExpand() {
-        this.expanded = !this.expanded;
-    }
-    onDeleteTag(tag) {
-        this.tags.splice(this.tags.indexOf(tag), 1);
-        this.deleteTag.emit(this.tags);
-    }
-    onResize() {
-        this.generateResponsiveTags(this.elementRef.nativeElement.children[0].offsetWidth);
-    }
-    trackByTagContent(index, entry) {
-        return entry;
-    }
-    generateResponsiveTags(width) {
-        let seeMoreElementWidth = this.textMeasurementService.calculateTextWidth('+'.concat(this.tags.length.toString()), 14, 'Averta');
-        seeMoreElementWidth += 1 + 8 + 8 + 1; // border-left + padding-left + padding-right + border-right
-        let elementWidth = width;
-        elementWidth -= seeMoreElementWidth;
-        let currentIndex = 0;
-        for (let index = 0; index < this.tags.length; index++) {
-            let textWidth = this.textMeasurementService.calculateTextWidth(this.tags[index], 14, 'Averta');
-            textWidth += 1 + 8 + (this.removeTagsEnabled ? 25 : 8) + 1 + 4; // border-left + padding-left + padding-right + border-right + tag spacing
-            elementWidth -= textWidth;
-            if (elementWidth <= 0) {
-                break;
-            }
-            currentIndex = index;
-        }
-        if (currentIndex + 1 === (this.tags.length)) {
-            this.expanded = false;
-        }
-        this.howManyItemsLeft = this.tags.length - (currentIndex + 1);
-        this.responsiveTags = this.tags.slice(0, currentIndex + 1);
-        this.changeDetectorRef.markForCheck();
-    }
-}
-/** @nocollapse */ /** @nocollapse */ TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagListComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.TextMeasurementService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ TagListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: TagListComponent, selector: "ap-tag-list", inputs: { removeTagsEnabled: "removeTagsEnabled", responsive: "responsive", seeLessTranslation: "seeLessTranslation", tags: "tags" }, outputs: { deleteTag: "deleteTag" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"tags-list\" (window:resize)=\"onResize()\">\n    <ng-container *ngIf=\"responsive; else defaultTags\">\n        <ng-container *ngFor=\"let tag of expanded ? tags : responsiveTags\">\n            <ap-tag [content]=\"tag\"\n                    [removable]=\"removeTagsEnabled\"\n                    (deleteTag)=\"onDeleteTag($event)\"></ap-tag>\n        </ng-container>\n        <button *ngIf=\"!expanded && responsiveTags.length !== tags.length\"\n                class=\"tag-expand\"\n                (click)=\"onExpand()\">\n            +{{howManyItemsLeft}}\n        </button>\n        <button *ngIf=\"expanded\"\n                class=\"tag-retract\"\n                (click)=\"onExpand()\">\n            {{seeLessTranslation}}\n        </button>\n    </ng-container>\n\n    <ng-template #defaultTags>\n        <ng-container *ngFor=\"let tag of tags; trackBy: trackByTagContent;\">\n            <ap-tag [content]=\"tag\"\n                    [removable]=\"removeTagsEnabled\"\n                    (deleteTag)=\"onDeleteTag($event)\"></ap-tag>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.tags-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%}.tags-list>*{max-width:100%}.tag-expand{box-sizing:border-box;padding:0 8px;line-height:22px;background:#e8f4ff;border-radius:25px;border:1px solid #74bbfe;color:#178dfe;height:24px;min-width:30px;text-align:center;text-overflow:ellipsis}.tag-expand:hover{cursor:pointer;text-decoration:underline}.tag-retract{box-sizing:border-box;padding:0;border:0;background-color:transparent;line-height:24px;color:#178dfe}.tag-retract:hover{cursor:pointer;text-decoration:underline}\n"], components: [{ type: i2.TagComponent, selector: "ap-tag", inputs: ["color", "content", "onlyText", "removable"], outputs: ["deleteTag"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagListComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-tag-list', template: "<div class=\"tags-list\" (window:resize)=\"onResize()\">\n    <ng-container *ngIf=\"responsive; else defaultTags\">\n        <ng-container *ngFor=\"let tag of expanded ? tags : responsiveTags\">\n            <ap-tag [content]=\"tag\"\n                    [removable]=\"removeTagsEnabled\"\n                    (deleteTag)=\"onDeleteTag($event)\"></ap-tag>\n        </ng-container>\n        <button *ngIf=\"!expanded && responsiveTags.length !== tags.length\"\n                class=\"tag-expand\"\n                (click)=\"onExpand()\">\n            +{{howManyItemsLeft}}\n        </button>\n        <button *ngIf=\"expanded\"\n                class=\"tag-retract\"\n                (click)=\"onExpand()\">\n            {{seeLessTranslation}}\n        </button>\n    </ng-container>\n\n    <ng-template #defaultTags>\n        <ng-container *ngFor=\"let tag of tags; trackBy: trackByTagContent;\">\n            <ap-tag [content]=\"tag\"\n                    [removable]=\"removeTagsEnabled\"\n                    (deleteTag)=\"onDeleteTag($event)\"></ap-tag>\n        </ng-container>\n    </ng-template>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.tags-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%}.tags-list>*{max-width:100%}.tag-expand{box-sizing:border-box;padding:0 8px;line-height:22px;background:#e8f4ff;border-radius:25px;border:1px solid #74bbfe;color:#178dfe;height:24px;min-width:30px;text-align:center;text-overflow:ellipsis}.tag-expand:hover{cursor:pointer;text-decoration:underline}.tag-retract{box-sizing:border-box;padding:0;border:0;background-color:transparent;line-height:24px;color:#178dfe}.tag-retract:hover{cursor:pointer;text-decoration:underline}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.TextMeasurementService }, { type: i0.NgZone }]; }, propDecorators: { removeTagsEnabled: [{
-                type: Input
-            }], responsive: [{
-                type: Input
-            }], seeLessTranslation: [{
-                type: Input
-            }], tags: [{
-                type: Input
-            }], deleteTag: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdGFncy90YWctbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi90YWdzL3RhZy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxFQUVULE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxNQUFNLENBQUM7Ozs7O0FBUXJDLE1BQU0sT0FBTyxnQkFBZ0I7SUFlekIsWUFBb0IsVUFBc0IsRUFDdEIsaUJBQW9DLEVBQ3BDLHNCQUE4QyxFQUM5QyxJQUFZO1FBSFosZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixzQkFBaUIsR0FBakIsaUJBQWlCLENBQW1CO1FBQ3BDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFDOUMsU0FBSSxHQUFKLElBQUksQ0FBUTtRQWhCdkIsc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBQ25DLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsdUJBQWtCLEdBQVcsVUFBVSxDQUFDO1FBR3ZDLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBWSxDQUFDO1FBRW5ELGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBQ3JCLG1CQUFjLEdBQWEsRUFBRSxDQUFDO1FBRXRCLFdBQU0sR0FBRyxJQUFJLGVBQWUsQ0FBUyxDQUFDLENBQUMsQ0FBQztJQU1oRCxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNqQixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsc0JBQXNCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7WUFFOUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLGNBQWMsQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO29CQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ25ELENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQyxDQUFDLENBQUM7WUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVGLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUMxQixJQUFJLENBQUMsc0JBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdkMsQ0FBQyxDQUFDLENBQUE7U0FDTDtJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUMzQixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsc0JBQXNCLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7U0FDakg7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEcsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNuQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVc7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDNUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN2RixDQUFDO0lBRU0saUJBQWlCLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDekMsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztJQUVPLHNCQUFzQixDQUFDLEtBQWE7UUFDeEMsSUFBSSxtQkFBbUIsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUMsa0JBQWtCLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNoSSxtQkFBbUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyw0REFBNEQ7UUFDbEcsSUFBSSxZQUFZLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLFlBQVksSUFBSSxtQkFBbUIsQ0FBQztRQUNwQyxJQUFJLFlBQVksR0FBRyxDQUFDLENBQUM7UUFDckIsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFO1lBQ25ELElBQUksU0FBUyxHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztZQUMvRixTQUFTLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsMEVBQTBFO1lBQzFJLFlBQVksSUFBSSxTQUFTLENBQUM7WUFDMUIsSUFBSSxZQUFZLElBQUksQ0FBQyxFQUFFO2dCQUNuQixNQUFNO2FBQ1Q7WUFDRCxZQUFZLEdBQUcsS0FBSyxDQUFDO1NBQ3hCO1FBQ0QsSUFBSSxZQUFZLEdBQUcsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsRUFBRTtZQUN6QyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztTQUN6QjtRQUNELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLFlBQVksR0FBRyxDQUFDLENBQUMsQ0FBQztRQUM5RCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDM0QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFDLENBQUM7O21KQXRGUSxnQkFBZ0I7dUlBQWhCLGdCQUFnQixtUENwQjdCLDJsQ0EyQkE7MkZEUGEsZ0JBQWdCO2tCQU41QixTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsYUFBYTsyTEFNZCxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLFxuICAgIElucHV0LCBOZ1pvbmUsIE9uQ2hhbmdlcywgT25EZXN0cm95LFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsXG4gICAgVmlld0NoaWxkXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUZXh0TWVhc3VyZW1lbnRTZXJ2aWNlfSBmcm9tIFwiLi4vdGV4dC1tZWFzdXJlbWVudC90ZXh0LW1lYXN1cmVtZW50LnNlcnZpY2VcIjtcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0fSBmcm9tIFwicnhqc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLXRhZy1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFnLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhZy1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFnTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcblxuICAgIEBJbnB1dCgpIHJlbW92ZVRhZ3NFbmFibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgcmVzcG9uc2l2ZTogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNlZUxlc3NUcmFuc2xhdGlvbjogc3RyaW5nID0gJ1NlZSBsZXNzJztcbiAgICBASW5wdXQoKSB0YWdzOiBzdHJpbmdbXTtcblxuICAgIEBPdXRwdXQoKSBkZWxldGVUYWcgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZ1tdPigpO1xuXG4gICAgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBob3dNYW55SXRlbXNMZWZ0ID0gMDtcbiAgICByZXNwb25zaXZlVGFnczogc3RyaW5nW10gPSBbXTtcbiAgICBwcml2YXRlIG9ic2VydmVyOiBSZXNpemVPYnNlcnZlcjtcbiAgICBwcml2YXRlIHdpZHRoJCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8bnVtYmVyPigwKTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgICAgICAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yUmVmOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgICAgICAgICBwcml2YXRlIHRleHRNZWFzdXJlbWVudFNlcnZpY2U6IFRleHRNZWFzdXJlbWVudFNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSB6b25lOiBOZ1pvbmUpIHtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnJlc3BvbnNpdmUpIHtcbiAgICAgICAgICAgIHRoaXMuZ2VuZXJhdGVSZXNwb25zaXZlVGFncyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCd0YWdzLWxpc3QnKVswXS5vZmZzZXRXaWR0aCk7XG5cbiAgICAgICAgICAgIHRoaXMub2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoZW50cmllcyA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy56b25lLnJ1bigoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMud2lkdGgkLm5leHQoZW50cmllc1swXS5jb250ZW50UmVjdC53aWR0aCk7XG4gICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ3RhZ3MtbGlzdCcpWzBdKTtcbiAgICAgICAgICAgIHRoaXMud2lkdGgkLnN1YnNjcmliZSh3aWR0aCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5nZW5lcmF0ZVJlc3BvbnNpdmVUYWdzKHdpZHRoKTtcbiAgICAgICAgICAgIH0pXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzLnRhZ3MuY3VycmVudFZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLmdlbmVyYXRlUmVzcG9uc2l2ZVRhZ3ModGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgndGFncy1saXN0JylbMF0ub2Zmc2V0V2lkdGgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ3RhZ3MtbGlzdCcpWzBdKTtcbiAgICB9XG5cbiAgICBvbkV4cGFuZCgpIHtcbiAgICAgICAgdGhpcy5leHBhbmRlZCA9ICF0aGlzLmV4cGFuZGVkO1xuICAgIH1cblxuICAgIG9uRGVsZXRlVGFnKHRhZzogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncy5zcGxpY2UodGhpcy50YWdzLmluZGV4T2YodGFnKSwgMSk7XG4gICAgICAgIHRoaXMuZGVsZXRlVGFnLmVtaXQodGhpcy50YWdzKTtcbiAgICB9XG5cbiAgICBvblJlc2l6ZSgpIHtcbiAgICAgICAgdGhpcy5nZW5lcmF0ZVJlc3BvbnNpdmVUYWdzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdLm9mZnNldFdpZHRoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgdHJhY2tCeVRhZ0NvbnRlbnQoaW5kZXgsIGVudHJ5OiBzdHJpbmcpIHtcbiAgICAgICAgcmV0dXJuIGVudHJ5O1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2VuZXJhdGVSZXNwb25zaXZlVGFncyh3aWR0aDogbnVtYmVyKSB7XG4gICAgICAgIGxldCBzZWVNb3JlRWxlbWVudFdpZHRoID0gdGhpcy50ZXh0TWVhc3VyZW1lbnRTZXJ2aWNlLmNhbGN1bGF0ZVRleHRXaWR0aCgnKycuY29uY2F0KHRoaXMudGFncy5sZW5ndGgudG9TdHJpbmcoKSksIDE0LCAnQXZlcnRhJyk7XG4gICAgICAgIHNlZU1vcmVFbGVtZW50V2lkdGggKz0gMSArIDggKyA4ICsgMTsgLy8gYm9yZGVyLWxlZnQgKyBwYWRkaW5nLWxlZnQgKyBwYWRkaW5nLXJpZ2h0ICsgYm9yZGVyLXJpZ2h0XG4gICAgICAgIGxldCBlbGVtZW50V2lkdGggPSB3aWR0aDtcbiAgICAgICAgZWxlbWVudFdpZHRoIC09IHNlZU1vcmVFbGVtZW50V2lkdGg7XG4gICAgICAgIGxldCBjdXJyZW50SW5kZXggPSAwO1xuICAgICAgICBmb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgdGhpcy50YWdzLmxlbmd0aDsgaW5kZXgrKykge1xuICAgICAgICAgICAgbGV0IHRleHRXaWR0aCA9IHRoaXMudGV4dE1lYXN1cmVtZW50U2VydmljZS5jYWxjdWxhdGVUZXh0V2lkdGgodGhpcy50YWdzW2luZGV4XSwgMTQsICdBdmVydGEnKTtcbiAgICAgICAgICAgIHRleHRXaWR0aCArPSAxICsgOCArICh0aGlzLnJlbW92ZVRhZ3NFbmFibGVkID8gMjUgOiA4KSArIDEgKyA0OyAvLyBib3JkZXItbGVmdCArIHBhZGRpbmctbGVmdCArIHBhZGRpbmctcmlnaHQgKyBib3JkZXItcmlnaHQgKyB0YWcgc3BhY2luZ1xuICAgICAgICAgICAgZWxlbWVudFdpZHRoIC09IHRleHRXaWR0aDtcbiAgICAgICAgICAgIGlmIChlbGVtZW50V2lkdGggPD0gMCkge1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY3VycmVudEluZGV4ID0gaW5kZXg7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGN1cnJlbnRJbmRleCArIDEgPT09ICh0aGlzLnRhZ3MubGVuZ3RoKSkge1xuICAgICAgICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaG93TWFueUl0ZW1zTGVmdCA9IHRoaXMudGFncy5sZW5ndGggLSAoY3VycmVudEluZGV4ICsgMSk7XG4gICAgICAgIHRoaXMucmVzcG9uc2l2ZVRhZ3MgPSB0aGlzLnRhZ3Muc2xpY2UoMCwgY3VycmVudEluZGV4ICsgMSk7XG4gICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgfVxuXG5cblxufVxuIiwiPGRpdiBjbGFzcz1cInRhZ3MtbGlzdFwiICh3aW5kb3c6cmVzaXplKT1cIm9uUmVzaXplKClcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicmVzcG9uc2l2ZTsgZWxzZSBkZWZhdWx0VGFnc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCB0YWcgb2YgZXhwYW5kZWQgPyB0YWdzIDogcmVzcG9uc2l2ZVRhZ3NcIj5cbiAgICAgICAgICAgIDxhcC10YWcgW2NvbnRlbnRdPVwidGFnXCJcbiAgICAgICAgICAgICAgICAgICAgW3JlbW92YWJsZV09XCJyZW1vdmVUYWdzRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIChkZWxldGVUYWcpPVwib25EZWxldGVUYWcoJGV2ZW50KVwiPjwvYXAtdGFnPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFleHBhbmRlZCAmJiByZXNwb25zaXZlVGFncy5sZW5ndGggIT09IHRhZ3MubGVuZ3RoXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRhZy1leHBhbmRcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJvbkV4cGFuZCgpXCI+XG4gICAgICAgICAgICAre3tob3dNYW55SXRlbXNMZWZ0fX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxidXR0b24gKm5nSWY9XCJleHBhbmRlZFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0YWctcmV0cmFjdFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIj5cbiAgICAgICAgICAgIHt7c2VlTGVzc1RyYW5zbGF0aW9ufX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRUYWdzPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCB0YWcgb2YgdGFnczsgdHJhY2tCeTogdHJhY2tCeVRhZ0NvbnRlbnQ7XCI+XG4gICAgICAgICAgICA8YXAtdGFnIFtjb250ZW50XT1cInRhZ1wiXG4gICAgICAgICAgICAgICAgICAgIFtyZW1vdmFibGVdPVwicmVtb3ZlVGFnc0VuYWJsZWRcIlxuICAgICAgICAgICAgICAgICAgICAoZGVsZXRlVGFnKT1cIm9uRGVsZXRlVGFnKCRldmVudClcIj48L2FwLXRhZz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuIl19

package/esm2020/src/lib/tags/tag.component.mjs

@@ -1,47 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@agorapulse/ui-symbol";
-import * as i2 from "@angular/common";
-import * as i3 from "../tooltip-neo/tooltip-neo.directive";
-export class TagComponent {
-    constructor(elementRef, zone) {
-        this.elementRef = elementRef;
-        this.zone = zone;
-        this.color = 'default';
-        this.onlyText = false;
-        this.removable = false;
-        this.deleteTag = new EventEmitter();
-        this.tooltipEnabled = false;
-    }
-    ngAfterViewInit() {
-        this.observer = new ResizeObserver(entries => {
-            this.zone.run(() => {
-                this.tooltipEnabled = entries[0].target.scrollWidth > this.elementRef.nativeElement.clientWidth;
-            });
-        });
-        this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('tag-label')[0]);
-    }
-    ngOnDestroy() {
-        this.observer.unobserve(this.elementRef.nativeElement.children[0]);
-    }
-    onDeleteTag() {
-        this.deleteTag.emit(this.content);
-    }
-}
-/** @nocollapse */ /** @nocollapse */ TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: TagComponent, selector: "ap-tag", inputs: { color: "color", content: "content", onlyText: "onlyText", removable: "removable" }, outputs: { deleteTag: "deleteTag" }, ngImport: i0, template: "<div class=\"tag\"\n     [ngClass]=\"color\"\n     [class.big-padding]=\"onlyText\"\n     [class.removable]=\"removable\"\n     [apTooltipNeo]=\"tooltipEnabled ? content : ''\" >\n    <div class=\"tag-label\">{{content}}</div>\n    <div *ngIf=\"removable\"\n         class=\"delete-cross\">\n        <ap-symbol symbolId=\"remove-bold\"\n                   size=\"pico\"\n                   (click)=\"onDeleteTag()\">\n        </ap-symbol>\n    </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.tag{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;border:none}.tag.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.tag.blue{background-color:#e8f4ff;color:#178dfe}.tag.red{background-color:#fde7e7;color:#e81313}.tag.purple{background-color:#efedf8;color:#6554c0}.tag.orange{background-color:#ffefe9;color:#ff6726}.tag.yellow{background-color:#fffde9;color:#ffe91f}.tag.green{background-color:#ecf7ed;color:#45b854}.tag.big-padding{padding:8px 16px}.tag.removable{padding:0 0 0 8px}.tag .tag-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;color:#858fa1;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:1px 1px 1px 4px}.delete-cross:hover{background-color:#d1e8ff}.delete-cross:hover ::ng-deep ap-symbol *{color:#178dfe}.delete-cross ::ng-deep .delete-cross *{color:#858fa1}\n"], components: [{ type: i1.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.TooltipNeoDirective, selector: "[apTooltipNeo]", inputs: ["apTooltipNeo"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-tag', template: "<div class=\"tag\"\n     [ngClass]=\"color\"\n     [class.big-padding]=\"onlyText\"\n     [class.removable]=\"removable\"\n     [apTooltipNeo]=\"tooltipEnabled ? content : ''\" >\n    <div class=\"tag-label\">{{content}}</div>\n    <div *ngIf=\"removable\"\n         class=\"delete-cross\">\n        <ap-symbol symbolId=\"remove-bold\"\n                   size=\"pico\"\n                   (click)=\"onDeleteTag()\">\n        </ap-symbol>\n    </div>\n</div>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}.tag{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;border:none}.tag.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.tag.blue{background-color:#e8f4ff;color:#178dfe}.tag.red{background-color:#fde7e7;color:#e81313}.tag.purple{background-color:#efedf8;color:#6554c0}.tag.orange{background-color:#ffefe9;color:#ff6726}.tag.yellow{background-color:#fffde9;color:#ffe91f}.tag.green{background-color:#ecf7ed;color:#45b854}.tag.big-padding{padding:8px 16px}.tag.removable{padding:0 0 0 8px}.tag .tag-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;color:#858fa1;min-width:20px;height:20px;border-radius:100px;display:flex;align-items:center;justify-content:center;margin:1px 1px 1px 4px}.delete-cross:hover{background-color:#d1e8ff}.delete-cross:hover ::ng-deep ap-symbol *{color:#178dfe}.delete-cross ::ng-deep .delete-cross *{color:#858fa1}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { color: [{
-                type: Input
-            }], content: [{
-                type: Input
-            }], onlyText: [{
-                type: Input
-            }], removable: [{
-                type: Input
-            }], deleteTag: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RhZ3MvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RhZ3MvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWdDLE1BQU0sZUFBZSxDQUFDOzs7OztBQVE3SCxNQUFNLE9BQU8sWUFBWTtJQVlyQixZQUFvQixVQUFzQixFQUN0QixJQUFZO1FBRFosZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFRO1FBWHZCLFVBQUssR0FBdUUsU0FBUyxDQUFDO1FBRXRGLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUUxQixjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUdqRCxtQkFBYyxHQUFZLEtBQUssQ0FBQztJQUloQyxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUNmLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO1lBQ3BHLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ2hHLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdEMsQ0FBQzs7K0lBL0JRLFlBQVk7bUlBQVosWUFBWSxpTENSekIsOGNBY0E7MkZETmEsWUFBWTtrQkFOeEIsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFFBQVE7c0hBTVQsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBOZ1pvbmUsIE9uRGVzdHJveX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtdGFnJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFnLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWcuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUYWdDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gICAgQElucHV0KCkgY29sb3I6IHN0cmluZyB8ICdibHVlJyB8ICdyZWQnIHwgJ3B1cnBsZScgfCAnb3JhbmdlJyB8ICd5ZWxsb3cnIHwgJ2dyZWVuJyA9ICdkZWZhdWx0JztcbiAgICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmc7XG4gICAgQElucHV0KCkgb25seVRleHQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSByZW1vdmFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBkZWxldGVUYWcgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyO1xuICAgIHRvb2x0aXBFbmFibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgICAgICAgICAgICAgcHJpdmF0ZSB6b25lOiBOZ1pvbmUpIHtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoZW50cmllcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnpvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXBFbmFibGVkID0gZW50cmllc1swXS50YXJnZXQuc2Nyb2xsV2lkdGggPiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aDtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ3RhZy1sYWJlbCcpWzBdKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpIHtcbiAgICAgICAgdGhpcy5vYnNlcnZlci51bm9ic2VydmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bMF0pO1xuICAgIH1cblxuICAgIG9uRGVsZXRlVGFnKCkge1xuICAgICAgICB0aGlzLmRlbGV0ZVRhZy5lbWl0KHRoaXMuY29udGVudCk7XG4gICAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwidGFnXCJcbiAgICAgW25nQ2xhc3NdPVwiY29sb3JcIlxuICAgICBbY2xhc3MuYmlnLXBhZGRpbmddPVwib25seVRleHRcIlxuICAgICBbY2xhc3MucmVtb3ZhYmxlXT1cInJlbW92YWJsZVwiXG4gICAgIFthcFRvb2x0aXBOZW9dPVwidG9vbHRpcEVuYWJsZWQgPyBjb250ZW50IDogJydcIiA+XG4gICAgPGRpdiBjbGFzcz1cInRhZy1sYWJlbFwiPnt7Y29udGVudH19PC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cInJlbW92YWJsZVwiXG4gICAgICAgICBjbGFzcz1cImRlbGV0ZS1jcm9zc1wiPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwicmVtb3ZlLWJvbGRcIlxuICAgICAgICAgICAgICAgICAgIHNpemU9XCJwaWNvXCJcbiAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25EZWxldGVUYWcoKVwiPlxuICAgICAgICA8L2FwLXN5bWJvbD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/src/lib/tags-selector/tags-selector.component.mjs

@@ -1,82 +0,0 @@
-import { Component, EventEmitter, Input, Output, } from '@angular/core';
-import { of, Subject } from "rxjs";
-import { catchError, debounceTime, distinctUntilChanged, map, switchMap, tap } from "rxjs/operators";
-import * as i0 from "@angular/core";
-import * as i1 from "@ng-select/ng-select";
-import * as i2 from "../tags/tag.component";
-import * as i3 from "@agorapulse/ui-symbol";
-import * as i4 from "@angular/forms";
-import * as i5 from "@angular/common";
-export class TagsSelectorComponent {
-    constructor() {
-        this.INFINITY = Number.MAX_SAFE_INTEGER;
-        this.addTagEnabled = true;
-        this.disabled = false;
-        this.initialTags = [];
-        this.loadingOnSearch = true;
-        this.multipleEnabled = true;
-        this.selectTags = new EventEmitter();
-        this.searchErrorMessage = new EventEmitter();
-        this.tags = [];
-        this.tagsInput$ = new Subject();
-        this.tagsLoading = false;
-    }
-    ngOnInit() {
-        this.tags = this.initialTags;
-        this.setSearchFunction();
-    }
-    ngOnChanges(changes) {
-        if (changes?.initialTags?.currentValue) {
-            this.tags = this.initialTags;
-        }
-    }
-    onAdd() {
-        this.tags$ = of([]);
-        this.setSearchFunction();
-    }
-    onOpen() {
-        this.tagsInput$.next('');
-    }
-    onTagsChange() {
-        this.selectTags.emit(this.tags);
-    }
-    setSearchFunction() {
-        this.tags$ = this.tagsInput$.pipe(debounceTime(this.loadingOnSearch ? 400 : 0), distinctUntilChanged(), tap(() => {
-            this.tagsLoading = true;
-        }), switchMap((term) => this.searchTagsFunction(term).pipe(catchError((response) => {
-            this.searchErrorMessage.emit(response.error ? response.error.message : 'Error');
-            return [];
-        }), map(response => {
-            this.tagsLoading = false;
-            if (!response || Object.keys(response).length == 0) {
-                return [];
-            }
-            return response;
-        }))));
-    }
-}
-/** @nocollapse */ /** @nocollapse */ TagsSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagsSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ /** @nocollapse */ TagsSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: TagsSelectorComponent, selector: "ap-tags-selector", inputs: { addTagEnabled: "addTagEnabled", disabled: "disabled", initialTags: "initialTags", labels: "labels", loadingOnSearch: "loadingOnSearch", multipleEnabled: "multipleEnabled", searchTagsFunction: "searchTagsFunction" }, outputs: { selectTags: "selectTags", searchErrorMessage: "searchErrorMessage" }, usesOnChanges: true, ngImport: i0, template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"tags-select\"\n           [disabled]=\"disabled\"\n           [addTag]=\"addTagEnabled\"\n           [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n           [multiple]=\"true\"\n           [hideSelected]=\"true\"\n           [placeholder]=\"labels.placeholder\"\n           [loading]=\"tagsLoading\"\n           [items]=\"tags$ | async\"\n           [typeahead]=\"tagsInput$\"\n           [minTermLength]=\"0\"\n           [clearable]=\"false\"\n           [(ngModel)]=\"tags\"\n           (open)=\"onOpen()\"\n           (change)=\"onTagsChange()\"\n           (add)=\"onAdd()\"\n           appendTo=\"body\">\n    <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n        <div *ngFor=\"let item of items\" class=\"tags-wrapper\">\n            <ap-tag [content]=\"item\" [removable]=\"!disabled\" (deleteTag)=\"clear(item)\"></ap-tag>\n        </div>\n    </ng-template>\n    <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n        <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n        <div *ngIf=\"!search\">{{item}}</div>\n    </ng-template>\n    <ng-template ng-tag-tmp let-search=\"searchTerm\">\n        <div class=\"add-tag\">\n            <ap-symbol class=\"add-tag-icon\"\n                       symbolId=\"add-circle-bold-alternate\"\n                       size=\"micro\"\n            ></ap-symbol>\n            <div class=\"add-tag-preview\">{{labels.createTag}} \"{{search}}\"</div>\n        </div>\n    </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.tags-select{width:260px}.tags-select .tags-wrapper{margin-bottom:5px;max-width:226px}::ng-deep .tags-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:64px;padding-left:6px!important;gap:4px}.ng-option ap-symbol{color:#858fa1}.add-tag{display:flex;align-items:center}.add-tag .add-tag-icon{padding-right:8px}.add-tag-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"], components: [{ type: i1.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2.TagComponent, selector: "ap-tag", inputs: ["color", "content", "onlyText", "removable"], outputs: ["deleteTag"] }, { type: i3.SymbolComponent, selector: "ap-symbol", inputs: ["color", "id", "symbolId", "size", "state"] }], directives: [{ type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTagTemplateDirective, selector: "[ng-tag-tmp]" }], pipes: { "async": i5.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagsSelectorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ap-tags-selector', template: "<!-- @JRA [multiple]=\"false\" break the component display and behavior, we use [maxSelectedItems]=\"1\" as efficient workaround -->\n<ng-select class=\"tags-select\"\n           [disabled]=\"disabled\"\n           [addTag]=\"addTagEnabled\"\n           [maxSelectedItems]=\"multipleEnabled ? INFINITY : 1\"\n           [multiple]=\"true\"\n           [hideSelected]=\"true\"\n           [placeholder]=\"labels.placeholder\"\n           [loading]=\"tagsLoading\"\n           [items]=\"tags$ | async\"\n           [typeahead]=\"tagsInput$\"\n           [minTermLength]=\"0\"\n           [clearable]=\"false\"\n           [(ngModel)]=\"tags\"\n           (open)=\"onOpen()\"\n           (change)=\"onTagsChange()\"\n           (add)=\"onAdd()\"\n           appendTo=\"body\">\n    <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n        <div *ngFor=\"let item of items\" class=\"tags-wrapper\">\n            <ap-tag [content]=\"item\" [removable]=\"!disabled\" (deleteTag)=\"clear(item)\"></ap-tag>\n        </div>\n    </ng-template>\n    <ng-template ng-option-tmp let-item=\"item\" let-search=\"searchTerm\">\n        <div *ngIf=\"search\"><b>{{item.substring(0, search.length)}}</b>{{item.substring(search.length, item.length)}}</div>\n        <div *ngIf=\"!search\">{{item}}</div>\n    </ng-template>\n    <ng-template ng-tag-tmp let-search=\"searchTerm\">\n        <div class=\"add-tag\">\n            <ap-symbol class=\"add-tag-icon\"\n                       symbolId=\"add-circle-bold-alternate\"\n                       size=\"micro\"\n            ></ap-symbol>\n            <div class=\"add-tag-preview\">{{labels.createTag}} \"{{search}}\"</div>\n        </div>\n    </ng-template>\n</ng-select>\n", styles: ["[color=facebook]{color:#1877f2}[bgcolor=facebook],[hcolor=facebook]:hover{background-color:#1877f2}[border=facebook]{border:1px solid #1877f2}[color=google]{color:#4e85e8}[bgcolor=google],[hcolor=google]:hover{background-color:#4e85e8}[border=google]{border:1px solid #4e85e8}[color=instagram]{color:#e1306c}[bgcolor=instagram],[hcolor=instagram]:hover{background-color:#e1306c}[border=instagram]{border:1px solid #e1306c}[color=instagrammagenta]{color:#c13584}[bgcolor=instagrammagenta],[hcolor=instagrammagenta]:hover{background-color:#c13584}[border=instagrammagenta]{border:1px solid #c13584}[color=instagramblue]{color:#5851db}[bgcolor=instagramblue],[hcolor=instagramblue]:hover{background-color:#5851db}[border=instagramblue]{border:1px solid #5851db}[color=instagrampurple]{color:#833ab4}[bgcolor=instagrampurple],[hcolor=instagrampurple]:hover{background-color:#833ab4}[border=instagrampurple]{border:1px solid #833ab4}[color=instagramorange]{color:#f56040}[bgcolor=instagramorange],[hcolor=instagramorange]:hover{background-color:#f56040}[border=instagramorange]{border:1px solid #f56040}[color=instagramyellow]{color:#ffdc80}[bgcolor=instagramyellow],[hcolor=instagramyellow]:hover{background-color:#ffdc80}[border=instagramyellow]{border:1px solid #ffdc80}[color=linkedin]{color:#2c67bc}[bgcolor=linkedin],[hcolor=linkedin]:hover{background-color:#2c67bc}[border=linkedin]{border:1px solid #2c67bc}[color=twitter]{color:#55acee}[bgcolor=twitter],[hcolor=twitter]:hover{background-color:#55acee}[border=twitter]{border:1px solid #55acee}[color=youtube]{color:red}[bgcolor=youtube],[hcolor=youtube]:hover{background-color:red}[border=youtube]{border:1px solid #ff0000}[color=blood-orange]{color:#ff4d00}[bgcolor=blood-orange],[hcolor=blood-orange]:hover{background-color:#ff4d00}[border=blood-orange]{border:1px solid #ff4d00}[color=pinkish-orange]{color:#ff7b49}[bgcolor=pinkish-orange],[hcolor=pinkish-orange]:hover{background-color:#ff7b49}[border=pinkish-orange]{border:1px solid #ff7b49}[color=charcoal-grey]{color:#2a2f34}[bgcolor=charcoal-grey],[hcolor=charcoal-grey]:hover{background-color:#2a2f34}[border=charcoal-grey]{border:1px solid #2a2f34}[color=azure]{color:#00aeef}[bgcolor=azure],[hcolor=azure]:hover{background-color:#00aeef}[border=azure]{border:1px solid #00aeef}[color=light-azure]{color:#eaf5fd}[bgcolor=light-azure],[hcolor=light-azure]:hover{background-color:#eaf5fd}[border=light-azure]{border:1px solid #eaf5fd}[color=blue-grey]{color:#8d98a9}[bgcolor=blue-grey],[hcolor=blue-grey]:hover{background-color:#8d98a9}[border=blue-grey]{border:1px solid #8d98a9}[color=silver]{color:#ced0da}[bgcolor=silver],[hcolor=silver]:hover{background-color:#ced0da}[border=silver]{border:1px solid #ced0da}[color=pale-grey]{color:#dfe3e9}[bgcolor=pale-grey],[hcolor=pale-grey]:hover{background-color:#dfe3e9}[border=pale-grey]{border:1px solid #dfe3e9}[color=grey-white]{color:#f5f7f8}[bgcolor=grey-white],[hcolor=grey-white]:hover{background-color:#f5f7f8}[border=grey-white]{border:1px solid #f5f7f8}[color=cool-grey]{color:#b4bbc6}[bgcolor=cool-grey],[hcolor=cool-grey]:hover{background-color:#b4bbc6}[border=cool-grey]{border:1px solid #b4bbc6}[color=black]{color:#344563}[bgcolor=black],[hcolor=black]:hover{background-color:#344563}[border=black]{border:1px solid #344563}[color=grey-blue]{color:#68768c}[bgcolor=grey-blue],[hcolor=grey-blue]:hover{background-color:#68768c}[border=grey-blue]{border:1px solid #68768c}[color=strawberry]{color:#f4282d}[bgcolor=strawberry],[hcolor=strawberry]:hover{background-color:#f4282d}[border=strawberry]{border:1px solid #f4282d}[color=light-strawberry]{color:#f8eded}[bgcolor=light-strawberry],[hcolor=light-strawberry]:hover{background-color:#f8eded}[border=light-strawberry]{border:1px solid #f8eded}[color=white]{color:#fff}[bgcolor=white],[hcolor=white]:hover{background-color:#fff}[border=white]{border:1px solid #ffffff}[color=cool-green]{color:#33c15d}[bgcolor=cool-green],[hcolor=cool-green]:hover{background-color:#33c15d}[border=cool-green]{border:1px solid #33c15d}[color=light-green]{color:#ebfaef}[bgcolor=light-green],[hcolor=light-green]:hover{background-color:#ebfaef}[border=light-green]{border:1px solid #ebfaef}[color=transparent]{color:transparent}[bgcolor=transparent],[hcolor=transparent]:hover{background-color:transparent}[border=transparent]{border:1px solid transparent}[color=c0]{color:#a566a5}[bgcolor=c0],[hcolor=c0]:hover{background-color:#a566a5}[border=c0]{border:1px solid #A566A5}[color=c1]{color:#c7ab82}[bgcolor=c1],[hcolor=c1]:hover{background-color:#c7ab82}[border=c1]{border:1px solid #C7AB82}[color=c2]{color:#f2713c}[bgcolor=c2],[hcolor=c2]:hover{background-color:#f2713c}[border=c2]{border:1px solid #F2713C}[color=c3]{color:#ffd006}[bgcolor=c3],[hcolor=c3]:hover{background-color:#ffd006}[border=c3]{border:1px solid #FFD006}[color=c4]{color:#94c5aa}[bgcolor=c4],[hcolor=c4]:hover{background-color:#94c5aa}[border=c4]{border:1px solid #94C5AA}[color=c5]{color:#2a9d8f}[bgcolor=c5],[hcolor=c5]:hover{background-color:#2a9d8f}[border=c5]{border:1px solid #2A9D8F}[color=c6]{color:#78acd8}[bgcolor=c6],[hcolor=c6]:hover{background-color:#78acd8}[border=c6]{border:1px solid #78ACD8}[color=c7]{color:#525a9e}[bgcolor=c7],[hcolor=c7]:hover{background-color:#525a9e}[border=c7]{border:1px solid #525A9E}[color=c8]{color:#6a2459}[bgcolor=c8],[hcolor=c8]:hover{background-color:#6a2459}[border=c8]{border:1px solid #6A2459}[color=c9]{color:#74729e}[bgcolor=c9],[hcolor=c9]:hover{background-color:#74729e}[border=c9]{border:1px solid #74729E}:host{max-width:260px;display:flex}.tags-select{width:260px}.tags-select .tags-wrapper{margin-bottom:5px;max-width:226px}::ng-deep .tags-select.ng-select .ng-select-container .ng-value-container{overflow-y:auto;overflow-x:hidden;max-height:64px;padding-left:6px!important;gap:4px}.ng-option ap-symbol{color:#858fa1}.add-tag{display:flex;align-items:center}.add-tag .add-tag-icon{padding-right:8px}.add-tag-preview{text-overflow:ellipsis;display:block;white-space:nowrap;overflow:hidden}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { addTagEnabled: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], initialTags: [{
-                type: Input
-            }], labels: [{
-                type: Input
-            }], loadingOnSearch: [{
-                type: Input
-            }], multipleEnabled: [{
-                type: Input
-            }], searchTagsFunction: [{
-                type: Input
-            }], selectTags: [{
-                type: Output
-            }], searchErrorMessage: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFncy1zZWxlY3Rvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi90YWdzLXNlbGVjdG9yL3RhZ3Mtc2VsZWN0b3IuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdGFncy1zZWxlY3Rvci90YWdzLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFhLEVBQUUsRUFBRSxPQUFPLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDN0MsT0FBTyxFQUFDLFVBQVUsRUFBRSxZQUFZLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7OztBQVluRyxNQUFNLE9BQU8scUJBQXFCO0lBb0I5QjtRQWxCUyxhQUFRLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDO1FBRW5DLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBYSxFQUFFLENBQUM7UUFFM0Isb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFHL0IsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFZLENBQUM7UUFDMUMsdUJBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUUxRCxTQUFJLEdBQWEsRUFBRSxDQUFDO1FBQ3BCLGVBQVUsR0FBb0IsSUFBSSxPQUFPLEVBQVUsQ0FBQztRQUVwRCxnQkFBVyxHQUFHLEtBQUssQ0FBQztJQUVKLENBQUM7SUFFakIsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUM3QixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQzlCLElBQUksT0FBTyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUU7WUFDcEMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDO1NBQ2hDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDRCxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNwQixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFFRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUM3QixZQUFZLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDNUMsb0JBQW9CLEVBQUUsRUFDdEIsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNMLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO1FBQzVCLENBQUMsQ0FBQyxFQUNGLFNBQVMsQ0FBQyxDQUFDLElBQVksRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FDMUQsVUFBVSxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDL0UsT0FBTyxFQUFFLENBQUM7UUFDZCxDQUFDLENBQUMsRUFDRixHQUFHLENBQUMsUUFBUSxDQUFDLEVBQUU7WUFDWCxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQztZQUN6QixJQUFJLENBQUMsUUFBUSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDaEQsT0FBTyxFQUFFLENBQUM7YUFDYjtZQUNELE9BQU8sUUFBUSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxDQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1osQ0FBQzs7d0pBbEVRLHFCQUFxQjs0SUFBckIscUJBQXFCLGdZQ3JCbEMsc3NEQXFDQTsyRkRoQmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNJLGtCQUFrQjswRUFRbkIsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBRUksVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxrQkFBa0I7c0JBQTNCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyVmlld0luaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCwgT25DaGFuZ2VzLFxuICAgIE9uSW5pdCxcbiAgICBPdXRwdXQsIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBvZiwgU3ViamVjdH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7Y2F0Y2hFcnJvciwgZGVib3VuY2VUaW1lLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzd2l0Y2hNYXAsIHRhcH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVGFnc1NlbGVjdG9yTGFiZWxzIHtcbiAgICBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICAgIGNyZWF0ZVRhZzogc3RyaW5nO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2FwLXRhZ3Mtc2VsZWN0b3InLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWdzLXNlbGVjdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90YWdzLXNlbGVjdG9yLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFnc1NlbGVjdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMge1xuXG4gICAgcmVhZG9ubHkgSU5GSU5JVFkgPSBOdW1iZXIuTUFYX1NBRkVfSU5URUdFUjtcblxuICAgIEBJbnB1dCgpIGFkZFRhZ0VuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICAgIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgaW5pdGlhbFRhZ3M6IHN0cmluZ1tdID0gW107XG4gICAgQElucHV0KCkgbGFiZWxzOiBUYWdzU2VsZWN0b3JMYWJlbHM7XG4gICAgQElucHV0KCkgbG9hZGluZ09uU2VhcmNoOiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBtdWx0aXBsZUVuYWJsZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICAgIEBJbnB1dCgpIHNlYXJjaFRhZ3NGdW5jdGlvbjogKHN0cmluZykgPT4gT2JzZXJ2YWJsZTxzdHJpbmdbXT47XG5cbiAgICBAT3V0cHV0KCkgc2VsZWN0VGFncyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nW10+KCk7XG4gICAgQE91dHB1dCgpIHNlYXJjaEVycm9yTWVzc2FnZSA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgdGFnczogc3RyaW5nW10gPSBbXTtcbiAgICB0YWdzSW5wdXQkOiBTdWJqZWN0PHN0cmluZz4gPSBuZXcgU3ViamVjdDxzdHJpbmc+KCk7XG4gICAgdGFncyQ6IE9ic2VydmFibGU8c3RyaW5nW10+O1xuICAgIHRhZ3NMb2FkaW5nID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncyA9IHRoaXMuaW5pdGlhbFRhZ3M7XG4gICAgICAgIHRoaXMuc2V0U2VhcmNoRnVuY3Rpb24oKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzPy5pbml0aWFsVGFncz8uY3VycmVudFZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLnRhZ3MgPSB0aGlzLmluaXRpYWxUYWdzO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgb25BZGQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncyQgPSBvZihbXSk7XG4gICAgICAgIHRoaXMuc2V0U2VhcmNoRnVuY3Rpb24oKTtcbiAgICB9XG5cbiAgICBvbk9wZW4oKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFnc0lucHV0JC5uZXh0KCcnKTtcbiAgICB9XG5cbiAgICBvblRhZ3NDaGFuZ2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc2VsZWN0VGFncy5lbWl0KHRoaXMudGFncyk7XG4gICAgfVxuXG4gICAgc2V0U2VhcmNoRnVuY3Rpb24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMudGFncyQgPSB0aGlzLnRhZ3NJbnB1dCQucGlwZShcbiAgICAgICAgICAgIGRlYm91bmNlVGltZSh0aGlzLmxvYWRpbmdPblNlYXJjaCA/IDQwMCA6IDApLFxuICAgICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy50YWdzTG9hZGluZyA9IHRydWU7XG4gICAgICAgICAgICB9KSxcbiAgICAgICAgICAgIHN3aXRjaE1hcCgodGVybTogc3RyaW5nKSA9PiB0aGlzLnNlYXJjaFRhZ3NGdW5jdGlvbih0ZXJtKS5waXBlKFxuICAgICAgICAgICAgICAgIGNhdGNoRXJyb3IoKHJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuc2VhcmNoRXJyb3JNZXNzYWdlLmVtaXQocmVzcG9uc2UuZXJyb3IgPyByZXNwb25zZS5lcnJvci5tZXNzYWdlOiAnRXJyb3InKTtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgIG1hcChyZXNwb25zZSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudGFnc0xvYWRpbmcgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKCFyZXNwb25zZSB8fCBPYmplY3Qua2V5cyhyZXNwb25zZSkubGVuZ3RoID09IDApIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBbXTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gcmVzcG9uc2U7XG4gICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICkpKTtcbiAgICB9XG59XG4iLCI8IS0tIEBKUkEgW211bHRpcGxlXT1cImZhbHNlXCIgYnJlYWsgdGhlIGNvbXBvbmVudCBkaXNwbGF5IGFuZCBiZWhhdmlvciwgd2UgdXNlIFttYXhTZWxlY3RlZEl0ZW1zXT1cIjFcIiBhcyBlZmZpY2llbnQgd29ya2Fyb3VuZCAtLT5cbjxuZy1zZWxlY3QgY2xhc3M9XCJ0YWdzLXNlbGVjdFwiXG4gICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICAgICAgIFthZGRUYWddPVwiYWRkVGFnRW5hYmxlZFwiXG4gICAgICAgICAgIFttYXhTZWxlY3RlZEl0ZW1zXT1cIm11bHRpcGxlRW5hYmxlZCA/IElORklOSVRZIDogMVwiXG4gICAgICAgICAgIFttdWx0aXBsZV09XCJ0cnVlXCJcbiAgICAgICAgICAgW2hpZGVTZWxlY3RlZF09XCJ0cnVlXCJcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImxhYmVscy5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtsb2FkaW5nXT1cInRhZ3NMb2FkaW5nXCJcbiAgICAgICAgICAgW2l0ZW1zXT1cInRhZ3MkIHwgYXN5bmNcIlxuICAgICAgICAgICBbdHlwZWFoZWFkXT1cInRhZ3NJbnB1dCRcIlxuICAgICAgICAgICBbbWluVGVybUxlbmd0aF09XCIwXCJcbiAgICAgICAgICAgW2NsZWFyYWJsZV09XCJmYWxzZVwiXG4gICAgICAgICAgIFsobmdNb2RlbCldPVwidGFnc1wiXG4gICAgICAgICAgIChvcGVuKT1cIm9uT3BlbigpXCJcbiAgICAgICAgICAgKGNoYW5nZSk9XCJvblRhZ3NDaGFuZ2UoKVwiXG4gICAgICAgICAgIChhZGQpPVwib25BZGQoKVwiXG4gICAgICAgICAgIGFwcGVuZFRvPVwiYm9keVwiPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1tdWx0aS1sYWJlbC10bXAgbGV0LWl0ZW1zPVwiaXRlbXNcIiBsZXQtY2xlYXI9XCJjbGVhclwiPlxuICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCIgY2xhc3M9XCJ0YWdzLXdyYXBwZXJcIj5cbiAgICAgICAgICAgIDxhcC10YWcgW2NvbnRlbnRdPVwiaXRlbVwiIFtyZW1vdmFibGVdPVwiIWRpc2FibGVkXCIgKGRlbGV0ZVRhZyk9XCJjbGVhcihpdGVtKVwiPjwvYXAtdGFnPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxuZy10ZW1wbGF0ZSBuZy1vcHRpb24tdG1wIGxldC1pdGVtPVwiaXRlbVwiIGxldC1zZWFyY2g9XCJzZWFyY2hUZXJtXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJzZWFyY2hcIj48Yj57e2l0ZW0uc3Vic3RyaW5nKDAsIHNlYXJjaC5sZW5ndGgpfX08L2I+e3tpdGVtLnN1YnN0cmluZyhzZWFyY2gubGVuZ3RoLCBpdGVtLmxlbmd0aCl9fTwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiIXNlYXJjaFwiPnt7aXRlbX19PC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8bmctdGVtcGxhdGUgbmctdGFnLXRtcCBsZXQtc2VhcmNoPVwic2VhcmNoVGVybVwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkLXRhZ1wiPlxuICAgICAgICAgICAgPGFwLXN5bWJvbCBjbGFzcz1cImFkZC10YWctaWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgIHN5bWJvbElkPVwiYWRkLWNpcmNsZS1ib2xkLWFsdGVybmF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJtaWNyb1wiXG4gICAgICAgICAgICA+PC9hcC1zeW1ib2w+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYWRkLXRhZy1wcmV2aWV3XCI+e3tsYWJlbHMuY3JlYXRlVGFnfX0gXCJ7e3NlYXJjaH19XCI8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbjwvbmctc2VsZWN0PlxuIl19

package/src/lib/tags/tag-list.component.d.ts

@@ -1,30 +0,0 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
-import { TextMeasurementService } from "../text-measurement/text-measurement.service";
-import * as i0 from "@angular/core";
-export declare class TagListComponent implements AfterViewInit, OnChanges, OnDestroy {
-    private elementRef;
-    private changeDetectorRef;
-    private textMeasurementService;
-    private zone;
-    removeTagsEnabled: boolean;
-    responsive: boolean;
-    seeLessTranslation: string;
-    tags: string[];
-    deleteTag: EventEmitter<string[]>;
-    expanded: boolean;
-    howManyItemsLeft: number;
-    responsiveTags: string[];
-    private observer;
-    private width$;
-    constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, textMeasurementService: TextMeasurementService, zone: NgZone);
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onExpand(): void;
-    onDeleteTag(tag: string): void;
-    onResize(): void;
-    trackByTagContent(index: any, entry: string): string;
-    private generateResponsiveTags;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagListComponent, "ap-tag-list", never, { "removeTagsEnabled": "removeTagsEnabled"; "responsive": "responsive"; "seeLessTranslation": "seeLessTranslation"; "tags": "tags"; }, { "deleteTag": "deleteTag"; }, never, never>;
-}