@agorapulse/ui-components 13.1.5 → 13.1.8

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.5",
+  "version": "13.1.8",
   "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/avatar/avatar.component.d.ts

@@ -22,6 +22,9 @@ export declare class AvatarComponent implements OnInit, OnChanges {
     sizeMapNumbers: {
         [key: string]: number;
     };
+    symbolSizeByAvatarSize: {
+        [key: string]: string;
+    };
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     onError(): void;

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/labels/label.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+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;
+    remove: EventEmitter<string>;
+    private observer;
+    tooltipEnabled: boolean;
+    constructor(elementRef: ElementRef, zone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    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/src/lib/text-measurement/text-measurement.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TextMeasurementService {
+    private textDiv;
+    constructor();
+    calculateTextWidth(text: string, fontSize: number, fontFamily: string): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextMeasurementService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TextMeasurementService>;
+}

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

@@ -1,30 +0,0 @@
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./tag.component";
-import * as i2 from "@angular/common";
-export class TagListComponent {
-    constructor() {
-        this.removeTagsEnabled = false;
-        this.deleteTag = new EventEmitter();
-    }
-    onDeleteTag(tag) {
-        this.tags.splice(this.tags.indexOf(tag), 1);
-        this.deleteTag.emit(this.tags);
-    }
-    trackByTagContent(index, entry) {
-        return entry;
-    }
-}
-/** @nocollapse */ /** @nocollapse */ TagListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: TagListComponent, deps: [], 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", tags: "tags" }, outputs: { deleteTag: "deleteTag" }, ngImport: i0, template: "<div class=\"tags-list\">\n    <div *ngFor=\"let tag of tags; trackBy: trackByTagContent;\">\n        <ap-tag [content]=\"tag\"\n                [removable]=\"removeTagsEnabled\"\n                (deleteTag)=\"onDeleteTag($event)\"></ap-tag>\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}.tags-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%}.tags-list>*{max-width:100%}\n"], components: [{ type: i1.TagComponent, selector: "ap-tag", inputs: ["color", "content", "onlyText", "removable"], outputs: ["deleteTag"] }], directives: [{ type: i2.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\">\n    <div *ngFor=\"let tag of tags; trackBy: trackByTagContent;\">\n        <ap-tag [content]=\"tag\"\n                [removable]=\"removeTagsEnabled\"\n                (deleteTag)=\"onDeleteTag($event)\"></ap-tag>\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}.tags-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%}.tags-list>*{max-width:100%}\n"] }]
-        }], propDecorators: { removeTagsEnabled: [{
-                type: Input
-            }], tags: [{
-                type: Input
-            }], deleteTag: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL3NyYy9saWIvdGFncy90YWctbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvc3JjL2xpYi90YWdzL3RhZy1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFROUYsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQVFhLHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUdsQyxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVksQ0FBQztLQVV0RDtJQVJHLFdBQVcsQ0FBQyxHQUFXO1FBQ25CLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO1FBQzVDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRU0saUJBQWlCLENBQUMsS0FBSyxFQUFFLEtBQWE7UUFDekMsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQzs7bUpBZFEsZ0JBQWdCO3VJQUFoQixnQkFBZ0IsMEpDUjdCLHlRQU9BOzJGRENhLGdCQUFnQjtrQkFONUIsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLGFBQWE7OEJBTWQsaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFSSxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLXRhZy1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFnLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhZy1saXN0LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFnTGlzdENvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSByZW1vdmVUYWdzRW5hYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHRhZ3M6IHN0cmluZ1tdO1xuXG4gICAgQE91dHB1dCgpIGRlbGV0ZVRhZyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nW10+KCk7XG5cbiAgICBvbkRlbGV0ZVRhZyh0YWc6IHN0cmluZyk6IHZvaWQge1xuICAgICAgICB0aGlzLnRhZ3Muc3BsaWNlKHRoaXMudGFncy5pbmRleE9mKHRhZyksIDEpO1xuICAgICAgICB0aGlzLmRlbGV0ZVRhZy5lbWl0KHRoaXMudGFncyk7XG4gICAgfVxuXG4gICAgcHVibGljIHRyYWNrQnlUYWdDb250ZW50KGluZGV4LCBlbnRyeTogc3RyaW5nKSB7XG4gICAgICAgIHJldHVybiBlbnRyeTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGFncy1saXN0XCI+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgdGFnIG9mIHRhZ3M7IHRyYWNrQnk6IHRyYWNrQnlUYWdDb250ZW50O1wiPlxuICAgICAgICA8YXAtdGFnIFtjb250ZW50XT1cInRhZ1wiXG4gICAgICAgICAgICAgICAgW3JlbW92YWJsZV09XCJyZW1vdmVUYWdzRW5hYmxlZFwiXG4gICAgICAgICAgICAgICAgKGRlbGV0ZVRhZyk9XCJvbkRlbGV0ZVRhZygkZXZlbnQpXCI+PC9hcC10YWc+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

@@ -1,32 +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";
-export class TagComponent {
-    constructor() {
-        this.color = 'default';
-        this.onlyText = false;
-        this.removable = false;
-        this.deleteTag = new EventEmitter();
-    }
-    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: [], 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    <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:22px;box-sizing:content-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: 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    <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:22px;box-sizing:content-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"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], content: [{
-                type: Input
-            }], onlyText: [{
-                type: Input
-            }], removable: [{
-                type: Input
-            }], deleteTag: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RhZ3MvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9zcmMvbGliL3RhZ3MvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFROUYsTUFBTSxPQUFPLFlBQVk7SUFOekI7UUFRYSxVQUFLLEdBQXVFLFNBQVMsQ0FBQztRQUV0RixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFFMUIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7S0FNcEQ7SUFKRyxXQUFXO1FBQ1AsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7OytJQVhRLFlBQVk7bUlBQVosWUFBWSxpTENSekIsb1pBYUE7MkZETGEsWUFBWTtrQkFOeEIsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFFBQVE7OEJBTVQsS0FBSztzQkFBYixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgc2VsZWN0b3I6ICdhcC10YWcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90YWcuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RhZy5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhZ0NvbXBvbmVudCB7XG5cbiAgICBASW5wdXQoKSBjb2xvcjogc3RyaW5nIHwgJ2JsdWUnIHwgJ3JlZCcgfCAncHVycGxlJyB8ICdvcmFuZ2UnIHwgJ3llbGxvdycgfCAnZ3JlZW4nID0gJ2RlZmF1bHQnO1xuICAgIEBJbnB1dCgpIGNvbnRlbnQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBvbmx5VGV4dDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHJlbW92YWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpIGRlbGV0ZVRhZyA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gICAgb25EZWxldGVUYWcoKSB7XG4gICAgICAgIHRoaXMuZGVsZXRlVGFnLmVtaXQodGhpcy5jb250ZW50KTtcbiAgICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0YWdcIlxuICAgIFtuZ0NsYXNzXT1cImNvbG9yXCJcbiAgICBbY2xhc3MuYmlnLXBhZGRpbmddPVwib25seVRleHRcIiBcbiAgICBbY2xhc3MucmVtb3ZhYmxlXT1cInJlbW92YWJsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJ0YWctbGFiZWxcIj57e2NvbnRlbnR9fTwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJyZW1vdmFibGVcIlxuICAgICAgICAgY2xhc3M9XCJkZWxldGUtY3Jvc3NcIj5cbiAgICAgICAgPGFwLXN5bWJvbCBzeW1ib2xJZD1cInJlbW92ZS1ib2xkXCJcbiAgICAgICAgICAgICAgICAgICBzaXplPVwicGljb1wiXG4gICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRGVsZXRlVGFnKClcIj5cbiAgICAgICAgPC9hcC1zeW1ib2w+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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}.tags-select .tags-wrapper ::ng-deep ap-tag{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}.tags-select .tags-wrapper ::ng-deep ap-tag{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,11 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TagListComponent {
-    removeTagsEnabled: boolean;
-    tags: string[];
-    deleteTag: EventEmitter<string[]>;
-    onDeleteTag(tag: string): void;
-    trackByTagContent(index: any, entry: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagListComponent, "ap-tag-list", never, { "removeTagsEnabled": "removeTagsEnabled"; "tags": "tags"; }, { "deleteTag": "deleteTag"; }, never, never>;
-}

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

@@ -1,12 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class TagComponent {
-    color: string | 'blue' | 'red' | 'purple' | 'orange' | 'yellow' | 'green';
-    content: string;
-    onlyText: boolean;
-    removable: boolean;
-    deleteTag: EventEmitter<string>;
-    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>;
-}

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

@@ -1,32 +0,0 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { Observable, Subject } from "rxjs";
-import * as i0 from "@angular/core";
-export interface TagsSelectorLabels {
-    placeholder: string;
-    createTag: string;
-}
-export declare class TagsSelectorComponent implements OnInit, OnChanges {
-    readonly INFINITY: number;
-    addTagEnabled: boolean;
-    disabled: boolean;
-    initialTags: string[];
-    labels: TagsSelectorLabels;
-    loadingOnSearch: boolean;
-    multipleEnabled: boolean;
-    searchTagsFunction: (string: any) => Observable<string[]>;
-    selectTags: EventEmitter<string[]>;
-    searchErrorMessage: EventEmitter<string>;
-    tags: string[];
-    tagsInput$: Subject<string>;
-    tags$: Observable<string[]>;
-    tagsLoading: boolean;
-    constructor();
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    onAdd(): void;
-    onOpen(): void;
-    onTagsChange(): void;
-    setSearchFunction(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagsSelectorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagsSelectorComponent, "ap-tags-selector", never, { "addTagEnabled": "addTagEnabled"; "disabled": "disabled"; "initialTags": "initialTags"; "labels": "labels"; "loadingOnSearch": "loadingOnSearch"; "multipleEnabled": "multipleEnabled"; "searchTagsFunction": "searchTagsFunction"; }, { "selectTags": "selectTags"; "searchErrorMessage": "searchErrorMessage"; }, never, never>;
-}