@agorapulse/ui-components 15.1.31 → 16.0.0-rc.0

package/esm2020/index.mjs

@@ -1,42 +0,0 @@
-/*
- * Public API Surface of ui
- */
-// Module
-export { AgorapulseUiComponentsModule } from './src/lib/agorapulse-ui-components.module';
-export { PopmenuModule } from '@agorapulse/ui-components/popmenu';
-// Directive
-export { AutosizeTextareaDirective, DefaultImageDirective, EllipsisDirective, FrozenGifDirective, EqualValidatorDirective, MultiStyleTextDirective, TruncateTooltipDirective, } from '@agorapulse/ui-components/directives';
-export { PopmenuDirective } from '@agorapulse/ui-components/popmenu';
-export { TooltipDirective } from '@agorapulse/ui-components/tooltip';
-// Component
-export { AddCommentComponent } from '@agorapulse/ui-components/add-comment';
-export { AvatarComponent } from '@agorapulse/ui-components/avatar';
-export { StepperComponent } from '@agorapulse/ui-components/stepper';
-export { ConfirmModalComponent } from '@agorapulse/ui-components/confirm-modal';
-export { DatepickerComponent, DatepickerMode } from '@agorapulse/ui-components/datepicker';
-export { NeoDatepickerComponent, DayDisabledPipe, } from '@agorapulse/ui-components/neo-datepicker';
-export { DotsStepperComponent } from '@agorapulse/ui-components/dots-stepper';
-export { InfoboxComponent } from '@agorapulse/ui-components/infobox';
-export { LabelComponent } from '@agorapulse/ui-components/labels';
-export { LabelListComponent } from '@agorapulse/ui-components/labels';
-export { LabelsSelectorComponent } from '@agorapulse/ui-components/labels-selector';
-export { MediaDisplayOverlayDialogComponent } from '@agorapulse/ui-components/media-display-overlay';
-export { ModalComponent } from '@agorapulse/ui-components/modal';
-export { PaginatorComponent } from '@agorapulse/ui-components/paginator';
-export { PasswordInputComponent } from '@agorapulse/ui-components/password-input';
-export { PopmenuComponent } from '@agorapulse/ui-components/popmenu';
-export { SnackBarComponent } from '@agorapulse/ui-components/snackbar';
-export { NotificationComponent } from '@agorapulse/ui-components/notification';
-export { PaginatorButtonComponent } from '@agorapulse/ui-components/paginator';
-export { SlideToggleComponent } from '@agorapulse/ui-components/slide-toggle';
-export { SnackbarsThreadComponent } from '@agorapulse/ui-components/snackbars-thread';
-export { CheckboxComponent } from '@agorapulse/ui-components/checkbox';
-export { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
-export { ToggleComponent } from '@agorapulse/ui-components/toggle';
-export { ButtonComponent } from '@agorapulse/ui-components/button';
-export { SocialButtonComponent } from '@agorapulse/ui-components/social-button';
-export { RadioComponent } from '@agorapulse/ui-components/radio';
-// Service
-export { SnackbarsThreadService } from '@agorapulse/ui-components/snackbars-thread';
-export { generateCodeStatus, CodeStatus, SnackbarTypeValues, } from '@agorapulse/ui-components/snackbars-thread';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxTQUFTO0FBQ1QsT0FBTyxFQUFDLDRCQUE0QixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBRWhFLFlBQVk7QUFDWixPQUFPLEVBQ0gseUJBQXlCLEVBQ3pCLHFCQUFxQixFQUNyQixpQkFBaUIsRUFDakIsa0JBQWtCLEVBQ2xCLHVCQUF1QixFQUN2Qix1QkFBdUIsRUFDdkIsd0JBQXdCLEdBQzNCLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFFbkUsWUFBWTtBQUNaLE9BQU8sRUFBQyxtQkFBbUIsRUFBQyxNQUFNLHVDQUF1QyxDQUFDO0FBQzFFLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUNuRSxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUMsbUJBQW1CLEVBQUUsY0FBYyxFQUF5QixNQUFNLHNDQUFzQyxDQUFDO0FBQ2pILE9BQU8sRUFDSCxzQkFBc0IsRUFJdEIsZUFBZSxHQUNsQixNQUFNLDBDQUEwQyxDQUFDO0FBQ2xELE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHdDQUF3QyxDQUFDO0FBQzVFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLG1DQUFtQyxDQUFDO0FBQ25FLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNoRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNwRSxPQUFPLEVBQUMsdUJBQXVCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUNsRixPQUFPLEVBQUMsa0NBQWtDLEVBQUMsTUFBTSxpREFBaUQsQ0FBQztBQUNuRyxPQUFPLEVBQUMsY0FBYyxFQUFjLE1BQU0saUNBQWlDLENBQUM7QUFDNUUsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDdkUsT0FBTyxFQUFDLHNCQUFzQixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDaEYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sbUNBQW1DLENBQUM7QUFDbkUsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0scUNBQXFDLENBQUM7QUFDN0UsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sd0NBQXdDLENBQUM7QUFDNUUsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDcEYsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sb0NBQW9DLENBQUM7QUFDckUsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDMUUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBQ2pFLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUM5RSxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFFL0QsVUFBVTtBQUNWLE9BQU8sRUFBQyxzQkFBc0IsRUFBQyxNQUFNLDRDQUE0QyxDQUFDO0FBS2xGLE9BQU8sRUFDSCxrQkFBa0IsRUFDbEIsVUFBVSxFQUVWLGtCQUFrQixHQUVyQixNQUFNLDRDQUE0QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiB1aVxuICovXG5cbi8vIE1vZHVsZVxuZXhwb3J0IHtBZ29yYXB1bHNlVWlDb21wb25lbnRzTW9kdWxlfSBmcm9tICcuL3NyYy9saWIvYWdvcmFwdWxzZS11aS1jb21wb25lbnRzLm1vZHVsZSc7XG5leHBvcnQge1BvcG1lbnVNb2R1bGV9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvcG9wbWVudSc7XG5cbi8vIERpcmVjdGl2ZVxuZXhwb3J0IHtcbiAgICBBdXRvc2l6ZVRleHRhcmVhRGlyZWN0aXZlLFxuICAgIERlZmF1bHRJbWFnZURpcmVjdGl2ZSxcbiAgICBFbGxpcHNpc0RpcmVjdGl2ZSxcbiAgICBGcm96ZW5HaWZEaXJlY3RpdmUsXG4gICAgRXF1YWxWYWxpZGF0b3JEaXJlY3RpdmUsXG4gICAgTXVsdGlTdHlsZVRleHREaXJlY3RpdmUsXG4gICAgVHJ1bmNhdGVUb29sdGlwRGlyZWN0aXZlLFxufSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2RpcmVjdGl2ZXMnO1xuZXhwb3J0IHtQb3BtZW51RGlyZWN0aXZlfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3BvcG1lbnUnO1xuZXhwb3J0IHtUb29sdGlwRGlyZWN0aXZlfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3Rvb2x0aXAnO1xuXG4vLyBDb21wb25lbnRcbmV4cG9ydCB7QWRkQ29tbWVudENvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9hZGQtY29tbWVudCc7XG5leHBvcnQge0F2YXRhckNvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9hdmF0YXInO1xuZXhwb3J0IHtTdGVwcGVyQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3N0ZXBwZXInO1xuZXhwb3J0IHtDb25maXJtTW9kYWxDb21wb25lbnR9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvY29uZmlybS1tb2RhbCc7XG5leHBvcnQge0RhdGVwaWNrZXJDb21wb25lbnQsIERhdGVwaWNrZXJNb2RlLCBJMThuRGF0ZVBpY2tlciwgUGVyaW9kfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2RhdGVwaWNrZXInO1xuZXhwb3J0IHtcbiAgICBOZW9EYXRlcGlja2VyQ29tcG9uZW50LFxuICAgIE5lb0RhdGVQaWNrZXJTdGFydHNPbixcbiAgICBOZW9EYXRlUGlja2VyTW9kZSxcbiAgICBOZW9EYXRlUGlja2VyTG9jYWxlLFxuICAgIERheURpc2FibGVkUGlwZSxcbn0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9uZW8tZGF0ZXBpY2tlcic7XG5leHBvcnQge0RvdHNTdGVwcGVyQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2RvdHMtc3RlcHBlcic7XG5leHBvcnQge0luZm9ib3hDb21wb25lbnR9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvaW5mb2JveCc7XG5leHBvcnQge0xhYmVsQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2xhYmVscyc7XG5leHBvcnQge0xhYmVsTGlzdENvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9sYWJlbHMnO1xuZXhwb3J0IHtMYWJlbHNTZWxlY3RvckNvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9sYWJlbHMtc2VsZWN0b3InO1xuZXhwb3J0IHtNZWRpYURpc3BsYXlPdmVybGF5RGlhbG9nQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL21lZGlhLWRpc3BsYXktb3ZlcmxheSc7XG5leHBvcnQge01vZGFsQ29tcG9uZW50LCBNb2RhbENvbmZpZ30gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9tb2RhbCc7XG5leHBvcnQge1BhZ2luYXRvckNvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9wYWdpbmF0b3InO1xuZXhwb3J0IHtQYXNzd29yZElucHV0Q29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3Bhc3N3b3JkLWlucHV0JztcbmV4cG9ydCB7UG9wbWVudUNvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9wb3BtZW51JztcbmV4cG9ydCB7U25hY2tCYXJDb21wb25lbnR9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvc25hY2tiYXInO1xuZXhwb3J0IHtOb3RpZmljYXRpb25Db21wb25lbnR9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvbm90aWZpY2F0aW9uJztcbmV4cG9ydCB7UGFnaW5hdG9yQnV0dG9uQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3BhZ2luYXRvcic7XG5leHBvcnQge1NsaWRlVG9nZ2xlQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3NsaWRlLXRvZ2dsZSc7XG5leHBvcnQge1NuYWNrYmFyc1RocmVhZENvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9zbmFja2JhcnMtdGhyZWFkJztcbmV4cG9ydCB7Q2hlY2tib3hDb21wb25lbnR9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvY2hlY2tib3gnO1xuZXhwb3J0IHtJY29uQnV0dG9uQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2ljb24tYnV0dG9uJztcbmV4cG9ydCB7VG9nZ2xlQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3RvZ2dsZSc7XG5leHBvcnQge0J1dHRvbkNvbXBvbmVudH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9idXR0b24nO1xuZXhwb3J0IHtTb2NpYWxCdXR0b25Db21wb25lbnR9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvc29jaWFsLWJ1dHRvbic7XG5leHBvcnQge1JhZGlvQ29tcG9uZW50fSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3JhZGlvJztcblxuLy8gU2VydmljZVxuZXhwb3J0IHtTbmFja2JhcnNUaHJlYWRTZXJ2aWNlfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3NuYWNrYmFycy10aHJlYWQnO1xuXG4vLyBNb2RlbFxuZXhwb3J0IHtTdGVwfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3N0ZXBwZXInO1xuZXhwb3J0IHtDb25maXJtTW9kYWxUZXh0c30gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9jb25maXJtLW1vZGFsJztcbmV4cG9ydCB7XG4gICAgZ2VuZXJhdGVDb2RlU3RhdHVzLFxuICAgIENvZGVTdGF0dXMsXG4gICAgU25hY2tiYXJzVGhyZWFkQmFzZSxcbiAgICBTbmFja2JhclR5cGVWYWx1ZXMsXG4gICAgZXh0ZXJuYWxTbmFja2JhclR5cGVBbGxvd2VkLFxufSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3NuYWNrYmFycy10aHJlYWQnO1xuIl19

package/esm2020/infobox/infobox.component.mjs

@@ -1,67 +0,0 @@
-import { ButtonComponent } from '@agorapulse/ui-components/button';
-import { AgorapulseUiSymbolModule, apAlertCircle, apCheckCircle, apClose, apInformationCircle, apRemoveCircle, SymbolRegistry, } from '@agorapulse/ui-symbol';
-import { NgClass, NgIf } from '@angular/common';
-import { ElementRef, EventEmitter } from '@angular/core';
-import { Output } from '@angular/core';
-import { inject } from '@angular/core';
-import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@agorapulse/ui-symbol";
-export class InfoboxComponent {
-    set width(width) {
-        this._width = width;
-        this.fullWidth = width === 'full-width';
-    }
-    get width() {
-        return this._width;
-    }
-    constructor() {
-        this.symbolRegistry = inject(SymbolRegistry);
-        this.elementRef = inject(ElementRef);
-        this.fullWidth = false;
-        this.closable = false;
-        this.type = 'info';
-        this._width = 'fit';
-        this.buttonClicked = new EventEmitter();
-        this.closed = new EventEmitter();
-        this.displayDirection = 'horizontal';
-        this.symbolIds = {
-            info: 'information-circle',
-            warning: 'alert-circle',
-            error: 'remove-circle',
-            success: 'check-circle',
-        };
-        this.symbolRegistry.registerSymbols([apInformationCircle, apAlertCircle, apRemoveCircle, apCheckCircle, apClose]);
-    }
-    onClickButton() {
-        this.buttonClicked.emit();
-    }
-    onCloseInfobox() {
-        this.elementRef.nativeElement.remove();
-        this.closed.emit();
-    }
-}
-InfoboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: InfoboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InfoboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: InfoboxComponent, isStandalone: true, selector: "ap-infobox", inputs: { buttonLabel: "buttonLabel", closable: "closable", title: "title", type: "type", width: "width" }, outputs: { buttonClicked: "buttonClicked", closed: "closed" }, host: { properties: { "class.full-width": "this.fullWidth" } }, ngImport: i0, template: "<div\n    class=\"main\"\n    [class.info]=\"type === 'info'\"\n    [class.warning]=\"type === 'warning'\"\n    [class.error]=\"type === 'error'\"\n    [class.success]=\"type === 'success'\"\n    [class.has-title]=\"!!title\">\n    <div class=\"status-banner\"></div>\n    <div class=\"wrapper\">\n        <div class=\"symbol-content\">\n            <div class=\"symbol-wrapper\">\n                <ap-symbol\n                    [symbolId]=\"symbolIds[type]\"\n                    class=\"status\"\n                    size=\"micro\"></ap-symbol>\n            </div>\n            <div class=\"content\">\n                <div class=\"texts\">\n                    <span\n                        *ngIf=\"title\"\n                        class=\"title\">\n                        {{ title }}\n                    </span>\n                    <span class=\"text\">\n                        <ng-content></ng-content>\n                    </span>\n                </div>\n                <ng-container *ngIf=\"buttonLabel\">\n                    <ap-button\n                        name=\"infobox-button\"\n                        [config]=\"{\n                            style: 'stroked',\n                            color: 'grey'\n                        }\"\n                        (click)=\"onClickButton()\">\n                        {{ buttonLabel }}\n                    </ap-button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-container *ngIf=\"closable\">\n            <button\n                class=\"closable-button\"\n                (click)=\"onCloseInfobox()\">\n                <svg\n                    width=\"8\"\n                    height=\"8\"\n                    viewBox=\"0 0 8 8\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M7.3245 0.673336C7.16518 0.514565 6.94943 0.425415 6.7245 0.425415C6.49958 0.425415 6.28383 0.514565 6.12451 0.673336L4.00651 2.79134L1.88584 0.673336C1.72499 0.519607 1.51036 0.434955 1.28788 0.437501C1.0654 0.440048 0.852756 0.529591 0.695472 0.686962C0.538189 0.844333 0.448763 1.05702 0.44634 1.27951C0.443916 1.50199 0.528687 1.71658 0.682505 1.87734L2.79984 3.99534L0.682505 6.114C0.528687 6.27476 0.443916 6.48935 0.44634 6.71183C0.448763 6.93431 0.538189 7.147 0.695472 7.30438C0.852756 7.46175 1.0654 7.55129 1.28788 7.55384C1.51036 7.55638 1.72499 7.47173 1.88584 7.318L4.00317 5.2L6.12117 7.31867C6.28364 7.46307 6.4952 7.53986 6.71247 7.53329C6.92974 7.52671 7.13627 7.43728 7.28972 7.28332C7.44316 7.12936 7.53191 6.92254 7.53776 6.70525C7.5436 6.48796 7.46611 6.27666 7.32117 6.11467L5.20384 3.996L7.32117 1.878C7.48132 1.71867 7.57164 1.50226 7.57226 1.27636C7.57289 1.05045 7.48377 0.833548 7.3245 0.673336Z\"\n                        fill=\"currentColor\" />\n                </svg>\n            </button>\n        </ng-container>\n    </div>\n</div>\n", styles: ["ap-infobox{--comp-icon-size: 24px;container:infobox/inline-size;display:block;width:100%;max-width:100%}ap-infobox .main{display:flex;font-size:var(--ref-font-size-sm);line-height:var(--ref-font-line-height-sm);align-items:center;color:var(--ref-color-grey-100);padding:var(--comp-infobox-padding-top) var(--comp-infobox-padding-right) var(--comp-infobox-padding-bottom) var(--comp-infobox-padding-left);border-radius:var(--comp-infobox-border-radius);overflow:hidden;font-family:var(--comp-infobox-text-title-font-family);box-sizing:border-box;position:relative;gap:var(--comp-infobox-button-margin-left)}ap-infobox .main .status-banner{position:absolute;left:0;top:0;width:4px;height:100%}ap-infobox .main ap-symbol{align-self:flex-start}ap-infobox .main .symbol-wrapper{margin-top:1px}ap-infobox .main.has-title .symbol-wrapper{margin-top:var(--ref-spacing-xxxs)}ap-infobox .main button.closable-button{border:none;background-color:transparent;height:var(--comp-icon-size);width:var(--comp-icon-size);border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}ap-infobox .main button.closable-button svg{margin:0;color:var(--ref-color-grey-60)}ap-infobox .main button.closable-button:hover{background-color:#3445631a}ap-infobox .main button.closable-button:hover svg{color:var(--ref-color-grey-80)}ap-infobox .main button.closable-button:active{background-color:#34456333}ap-infobox .main button.closable-button:active svg{color:var(--ref-color-grey-100)}ap-infobox .main .wrapper{display:flex;justify-content:space-between;width:100%;align-items:start;gap:var(--ref-spacing-xxs)}ap-infobox .main .wrapper .symbol-content{display:flex;gap:var(--ref-spacing-xs);align-items:start;flex:1}ap-infobox .main .wrapper .symbol-content .content{display:flex;flex-direction:column;align-items:start;flex:1;justify-content:space-between;gap:var(--ref-spacing-xxs)}ap-infobox .main .wrapper .symbol-content .content ap-button button{width:unset}ap-infobox .main .wrapper .symbol-content .content .texts{display:flex;flex-direction:column}ap-infobox .main .wrapper .symbol-content .content .texts .title{font-weight:var(--comp-infobox-text-title-weight);font-family:var(--comp-infobox-text-title-font-family);font-size:var(--comp-infobox-text-title-size);line-height:var(--comp-infobox-text-title-line-height)}ap-infobox .main.info{background-color:var(--comp-infobox-info-background-color)}ap-infobox .main.info ap-symbol.status{align-self:baseline;color:var(--comp-infobox-info-icon-color)}ap-infobox .main.info .status-banner{background-color:var(--comp-infobox-info-border-left-color)}ap-infobox .main.warning{background-color:var(--comp-infobox-warning-background-color)}ap-infobox .main.warning ap-symbol.status{color:var(--comp-infobox-warning-icon-color)}ap-infobox .main.warning .status-banner{background-color:var(--comp-infobox-warning-border-left-color)}ap-infobox .main.error{background-color:var(--comp-infobox-error-background-color)}ap-infobox .main.error ap-symbol.status{color:var(--comp-infobox-error-icon-color)}ap-infobox .main.error .status-banner{background-color:var(--comp-infobox-error-border-left-color)}ap-infobox .main.success{background-color:var(--comp-infobox-success-background-color)}ap-infobox .main.success ap-symbol.status{color:var(--comp-infobox-success-icon-color)}ap-infobox .main.success .status-banner{background-color:var(--comp-infobox-success-border-left-color)}@container infobox (min-width: 588px){.main .wrapper{align-items:center!important}.main .wrapper .symbol-wrapper{margin-top:0!important}.main .wrapper .symbol-content{align-items:center!important}.main .wrapper .symbol-content .content{flex-direction:row!important;align-items:center!important}}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "ap-button[name]", inputs: ["ariaLabel", "disabled", "name", "form", "config", "loading", "locked", "menuTrigger", "symbolPosition", "ionicModalEnabled"], outputs: ["menuOpened", "menuClosed", "click", "focus", "blur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: InfoboxComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ap-infobox', standalone: true, imports: [AgorapulseUiSymbolModule, NgClass, NgIf, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"main\"\n    [class.info]=\"type === 'info'\"\n    [class.warning]=\"type === 'warning'\"\n    [class.error]=\"type === 'error'\"\n    [class.success]=\"type === 'success'\"\n    [class.has-title]=\"!!title\">\n    <div class=\"status-banner\"></div>\n    <div class=\"wrapper\">\n        <div class=\"symbol-content\">\n            <div class=\"symbol-wrapper\">\n                <ap-symbol\n                    [symbolId]=\"symbolIds[type]\"\n                    class=\"status\"\n                    size=\"micro\"></ap-symbol>\n            </div>\n            <div class=\"content\">\n                <div class=\"texts\">\n                    <span\n                        *ngIf=\"title\"\n                        class=\"title\">\n                        {{ title }}\n                    </span>\n                    <span class=\"text\">\n                        <ng-content></ng-content>\n                    </span>\n                </div>\n                <ng-container *ngIf=\"buttonLabel\">\n                    <ap-button\n                        name=\"infobox-button\"\n                        [config]=\"{\n                            style: 'stroked',\n                            color: 'grey'\n                        }\"\n                        (click)=\"onClickButton()\">\n                        {{ buttonLabel }}\n                    </ap-button>\n                </ng-container>\n            </div>\n        </div>\n        <ng-container *ngIf=\"closable\">\n            <button\n                class=\"closable-button\"\n                (click)=\"onCloseInfobox()\">\n                <svg\n                    width=\"8\"\n                    height=\"8\"\n                    viewBox=\"0 0 8 8\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\">\n                    <path\n                        d=\"M7.3245 0.673336C7.16518 0.514565 6.94943 0.425415 6.7245 0.425415C6.49958 0.425415 6.28383 0.514565 6.12451 0.673336L4.00651 2.79134L1.88584 0.673336C1.72499 0.519607 1.51036 0.434955 1.28788 0.437501C1.0654 0.440048 0.852756 0.529591 0.695472 0.686962C0.538189 0.844333 0.448763 1.05702 0.44634 1.27951C0.443916 1.50199 0.528687 1.71658 0.682505 1.87734L2.79984 3.99534L0.682505 6.114C0.528687 6.27476 0.443916 6.48935 0.44634 6.71183C0.448763 6.93431 0.538189 7.147 0.695472 7.30438C0.852756 7.46175 1.0654 7.55129 1.28788 7.55384C1.51036 7.55638 1.72499 7.47173 1.88584 7.318L4.00317 5.2L6.12117 7.31867C6.28364 7.46307 6.4952 7.53986 6.71247 7.53329C6.92974 7.52671 7.13627 7.43728 7.28972 7.28332C7.44316 7.12936 7.53191 6.92254 7.53776 6.70525C7.5436 6.48796 7.46611 6.27666 7.32117 6.11467L5.20384 3.996L7.32117 1.878C7.48132 1.71867 7.57164 1.50226 7.57226 1.27636C7.57289 1.05045 7.48377 0.833548 7.3245 0.673336Z\"\n                        fill=\"currentColor\" />\n                </svg>\n            </button>\n        </ng-container>\n    </div>\n</div>\n", styles: ["ap-infobox{--comp-icon-size: 24px;container:infobox/inline-size;display:block;width:100%;max-width:100%}ap-infobox .main{display:flex;font-size:var(--ref-font-size-sm);line-height:var(--ref-font-line-height-sm);align-items:center;color:var(--ref-color-grey-100);padding:var(--comp-infobox-padding-top) var(--comp-infobox-padding-right) var(--comp-infobox-padding-bottom) var(--comp-infobox-padding-left);border-radius:var(--comp-infobox-border-radius);overflow:hidden;font-family:var(--comp-infobox-text-title-font-family);box-sizing:border-box;position:relative;gap:var(--comp-infobox-button-margin-left)}ap-infobox .main .status-banner{position:absolute;left:0;top:0;width:4px;height:100%}ap-infobox .main ap-symbol{align-self:flex-start}ap-infobox .main .symbol-wrapper{margin-top:1px}ap-infobox .main.has-title .symbol-wrapper{margin-top:var(--ref-spacing-xxxs)}ap-infobox .main button.closable-button{border:none;background-color:transparent;height:var(--comp-icon-size);width:var(--comp-icon-size);border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}ap-infobox .main button.closable-button svg{margin:0;color:var(--ref-color-grey-60)}ap-infobox .main button.closable-button:hover{background-color:#3445631a}ap-infobox .main button.closable-button:hover svg{color:var(--ref-color-grey-80)}ap-infobox .main button.closable-button:active{background-color:#34456333}ap-infobox .main button.closable-button:active svg{color:var(--ref-color-grey-100)}ap-infobox .main .wrapper{display:flex;justify-content:space-between;width:100%;align-items:start;gap:var(--ref-spacing-xxs)}ap-infobox .main .wrapper .symbol-content{display:flex;gap:var(--ref-spacing-xs);align-items:start;flex:1}ap-infobox .main .wrapper .symbol-content .content{display:flex;flex-direction:column;align-items:start;flex:1;justify-content:space-between;gap:var(--ref-spacing-xxs)}ap-infobox .main .wrapper .symbol-content .content ap-button button{width:unset}ap-infobox .main .wrapper .symbol-content .content .texts{display:flex;flex-direction:column}ap-infobox .main .wrapper .symbol-content .content .texts .title{font-weight:var(--comp-infobox-text-title-weight);font-family:var(--comp-infobox-text-title-font-family);font-size:var(--comp-infobox-text-title-size);line-height:var(--comp-infobox-text-title-line-height)}ap-infobox .main.info{background-color:var(--comp-infobox-info-background-color)}ap-infobox .main.info ap-symbol.status{align-self:baseline;color:var(--comp-infobox-info-icon-color)}ap-infobox .main.info .status-banner{background-color:var(--comp-infobox-info-border-left-color)}ap-infobox .main.warning{background-color:var(--comp-infobox-warning-background-color)}ap-infobox .main.warning ap-symbol.status{color:var(--comp-infobox-warning-icon-color)}ap-infobox .main.warning .status-banner{background-color:var(--comp-infobox-warning-border-left-color)}ap-infobox .main.error{background-color:var(--comp-infobox-error-background-color)}ap-infobox .main.error ap-symbol.status{color:var(--comp-infobox-error-icon-color)}ap-infobox .main.error .status-banner{background-color:var(--comp-infobox-error-border-left-color)}ap-infobox .main.success{background-color:var(--comp-infobox-success-background-color)}ap-infobox .main.success ap-symbol.status{color:var(--comp-infobox-success-icon-color)}ap-infobox .main.success .status-banner{background-color:var(--comp-infobox-success-border-left-color)}@container infobox (min-width: 588px){.main .wrapper{align-items:center!important}.main .wrapper .symbol-wrapper{margin-top:0!important}.main .wrapper .symbol-content{align-items:center!important}.main .wrapper .symbol-content .content{flex-direction:row!important;align-items:center!important}}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { fullWidth: [{
-                type: HostBinding,
-                args: ['class.full-width']
-            }], buttonLabel: [{
-                type: Input
-            }], closable: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], buttonClicked: [{
-                type: Output
-            }], closed: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5mb2JveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvaW5mb2JveC9zcmMvaW5mb2JveC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvaW5mb2JveC9zcmMvaW5mb2JveC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDbkUsT0FBTyxFQUVILHdCQUF3QixFQUN4QixhQUFhLEVBQ2IsYUFBYSxFQUNiLE9BQU8sRUFDUCxtQkFBbUIsRUFDbkIsY0FBYyxFQUNkLGNBQWMsR0FDakIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBaUIsVUFBVSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFhMUcsTUFBTSxPQUFPLGdCQUFnQjtJQVd6QixJQUFhLEtBQUssQ0FBQyxLQUFtQjtRQUNsQyxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssS0FBSyxZQUFZLENBQUM7SUFDNUMsQ0FBQztJQUNELElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBZUQ7UUEvQmlCLG1CQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQ3hDLGVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUM7UUFFaEIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUduRCxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFCLFNBQUksR0FBNkMsTUFBTSxDQUFDO1FBU3pELFdBQU0sR0FBaUIsS0FBSyxDQUFDO1FBRTNCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN6QyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUU1QyxxQkFBZ0IsR0FBOEIsWUFBWSxDQUFDO1FBRWxELGNBQVMsR0FBc0M7WUFDcEQsSUFBSSxFQUFFLG9CQUFvQjtZQUMxQixPQUFPLEVBQUUsY0FBYztZQUN2QixLQUFLLEVBQUUsZUFBZTtZQUN0QixPQUFPLEVBQUUsY0FBYztTQUMxQixDQUFDO1FBR0UsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsQ0FBQyxtQkFBbUIsRUFBRSxhQUFhLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBQ3RILENBQUM7SUFFRCxhQUFhO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsY0FBYztRQUNWLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQzs7NkdBM0NRLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLGlUQzVCN0IsbzVGQTBEQSx1c0hEbENjLHdCQUF3QixpS0FBVyxJQUFJLDZGQUFFLGVBQWU7MkZBSXpELGdCQUFnQjtrQkFUNUIsU0FBUzsrQkFDSSxZQUFZLGNBR1YsSUFBSSxXQUNQLENBQUMsd0JBQXdCLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxlQUFlLENBQUMsbUJBQ2xELHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7MEVBTUosU0FBUztzQkFBekMsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBRXRCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVPLEtBQUs7c0JBQWpCLEtBQUs7Z0JBU0ksYUFBYTtzQkFBdEIsTUFBTTtnQkFDRyxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b25Db21wb25lbnQgfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQge1xuICAgIGFnb3JhcHVsc2VTeW1ib2wsXG4gICAgQWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLFxuICAgIGFwQWxlcnRDaXJjbGUsXG4gICAgYXBDaGVja0NpcmNsZSxcbiAgICBhcENsb3NlLFxuICAgIGFwSW5mb3JtYXRpb25DaXJjbGUsXG4gICAgYXBSZW1vdmVDaXJjbGUsXG4gICAgU3ltYm9sUmVnaXN0cnksXG59IGZyb20gJ0BhZ29yYXB1bHNlL3VpLXN5bWJvbCc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IEFmdGVyVmlld0luaXQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmV4cG9ydCB0eXBlIEluZm9ib3hEaXJlY3Rpb24gPSAnY29sdW1uJyB8ICdyb3cnO1xuZXhwb3J0IHR5cGUgSW5mb2JveFdpZHRoID0gJ2ZpdCcgfCAnZnVsbC13aWR0aCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXAtaW5mb2JveCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2luZm9ib3guY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2luZm9ib3guY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtBZ29yYXB1bHNlVWlTeW1ib2xNb2R1bGUsIE5nQ2xhc3MsIE5nSWYsIEJ1dHRvbkNvbXBvbmVudF0sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgSW5mb2JveENvbXBvbmVudCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBzeW1ib2xSZWdpc3RyeSA9IGluamVjdChTeW1ib2xSZWdpc3RyeSk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5mdWxsLXdpZHRoJykgZnVsbFdpZHRoOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKSBidXR0b25MYWJlbDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNsb3NhYmxlOiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgdGl0bGU/OiBzdHJpbmc7XG4gICAgQElucHV0KCkgdHlwZTogJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJyB8ICdzdWNjZXNzJyA9ICdpbmZvJztcblxuICAgIEBJbnB1dCgpIHNldCB3aWR0aCh3aWR0aDogSW5mb2JveFdpZHRoKSB7XG4gICAgICAgIHRoaXMuX3dpZHRoID0gd2lkdGg7XG4gICAgICAgIHRoaXMuZnVsbFdpZHRoID0gd2lkdGggPT09ICdmdWxsLXdpZHRoJztcbiAgICB9XG4gICAgZ2V0IHdpZHRoKCk6IEluZm9ib3hXaWR0aCB7XG4gICAgICAgIHJldHVybiB0aGlzLl93aWR0aDtcbiAgICB9XG4gICAgcHJpdmF0ZSBfd2lkdGg6IEluZm9ib3hXaWR0aCA9ICdmaXQnO1xuXG4gICAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gICAgQE91dHB1dCgpIGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICAgIGRpc3BsYXlEaXJlY3Rpb246ICdob3Jpem9udGFsJyB8ICd2ZXJ0aWNhbCcgPSAnaG9yaXpvbnRhbCc7XG5cbiAgICByZWFkb25seSBzeW1ib2xJZHM6IHsgW2s6IHN0cmluZ106IGFnb3JhcHVsc2VTeW1ib2wgfSA9IHtcbiAgICAgICAgaW5mbzogJ2luZm9ybWF0aW9uLWNpcmNsZScsXG4gICAgICAgIHdhcm5pbmc6ICdhbGVydC1jaXJjbGUnLFxuICAgICAgICBlcnJvcjogJ3JlbW92ZS1jaXJjbGUnLFxuICAgICAgICBzdWNjZXNzOiAnY2hlY2stY2lyY2xlJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIHRoaXMuc3ltYm9sUmVnaXN0cnkucmVnaXN0ZXJTeW1ib2xzKFthcEluZm9ybWF0aW9uQ2lyY2xlLCBhcEFsZXJ0Q2lyY2xlLCBhcFJlbW92ZUNpcmNsZSwgYXBDaGVja0NpcmNsZSwgYXBDbG9zZV0pO1xuICAgIH1cblxuICAgIG9uQ2xpY2tCdXR0b24oKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnV0dG9uQ2xpY2tlZC5lbWl0KCk7XG4gICAgfVxuXG4gICAgb25DbG9zZUluZm9ib3goKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnJlbW92ZSgpO1xuICAgICAgICB0aGlzLmNsb3NlZC5lbWl0KCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwibWFpblwiXG4gICAgW2NsYXNzLmluZm9dPVwidHlwZSA9PT0gJ2luZm8nXCJcbiAgICBbY2xhc3Mud2FybmluZ109XCJ0eXBlID09PSAnd2FybmluZydcIlxuICAgIFtjbGFzcy5lcnJvcl09XCJ0eXBlID09PSAnZXJyb3InXCJcbiAgICBbY2xhc3Muc3VjY2Vzc109XCJ0eXBlID09PSAnc3VjY2VzcydcIlxuICAgIFtjbGFzcy5oYXMtdGl0bGVdPVwiISF0aXRsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzdGF0dXMtYmFubmVyXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInN5bWJvbC1jb250ZW50XCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3ltYm9sLXdyYXBwZXJcIj5cbiAgICAgICAgICAgICAgICA8YXAtc3ltYm9sXG4gICAgICAgICAgICAgICAgICAgIFtzeW1ib2xJZF09XCJzeW1ib2xJZHNbdHlwZV1cIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInN0YXR1c1wiXG4gICAgICAgICAgICAgICAgICAgIHNpemU9XCJtaWNyb1wiPjwvYXAtc3ltYm9sPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0c1wiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJ0aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7eyB0aXRsZSB9fVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJ1dHRvbkxhYmVsXCI+XG4gICAgICAgICAgICAgICAgICAgIDxhcC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJpbmZvYm94LWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbY29uZmlnXT1cIntcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZTogJ3N0cm9rZWQnLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yOiAnZ3JleSdcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2tCdXR0b24oKVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAge3sgYnV0dG9uTGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgPC9hcC1idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjbG9zYWJsZVwiPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzPVwiY2xvc2FibGUtYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25DbG9zZUluZm9ib3goKVwiPlxuICAgICAgICAgICAgICAgIDxzdmdcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCI4XCJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiOFwiXG4gICAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgOCA4XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTcuMzI0NSAwLjY3MzMzNkM3LjE2NTE4IDAuNTE0NTY1IDYuOTQ5NDMgMC40MjU0MTUgNi43MjQ1IDAuNDI1NDE1QzYuNDk5NTggMC40MjU0MTUgNi4yODM4MyAwLjUxNDU2NSA2LjEyNDUxIDAuNjczMzM2TDQuMDA2NTEgMi43OTEzNEwxLjg4NTg0IDAuNjczMzM2QzEuNzI0OTkgMC41MTk2MDcgMS41MTAzNiAwLjQzNDk1NSAxLjI4Nzg4IDAuNDM3NTAxQzEuMDY1NCAwLjQ0MDA0OCAwLjg1Mjc1NiAwLjUyOTU5MSAwLjY5NTQ3MiAwLjY4Njk2MkMwLjUzODE4OSAwLjg0NDMzMyAwLjQ0ODc2MyAxLjA1NzAyIDAuNDQ2MzQgMS4yNzk1MUMwLjQ0MzkxNiAxLjUwMTk5IDAuNTI4Njg3IDEuNzE2NTggMC42ODI1MDUgMS44NzczNEwyLjc5OTg0IDMuOTk1MzRMMC42ODI1MDUgNi4xMTRDMC41Mjg2ODcgNi4yNzQ3NiAwLjQ0MzkxNiA2LjQ4OTM1IDAuNDQ2MzQgNi43MTE4M0MwLjQ0ODc2MyA2LjkzNDMxIDAuNTM4MTg5IDcuMTQ3IDAuNjk1NDcyIDcuMzA0MzhDMC44NTI3NTYgNy40NjE3NSAxLjA2NTQgNy41NTEyOSAxLjI4Nzg4IDcuNTUzODRDMS41MTAzNiA3LjU1NjM4IDEuNzI0OTkgNy40NzE3MyAxLjg4NTg0IDcuMzE4TDQuMDAzMTcgNS4yTDYuMTIxMTcgNy4zMTg2N0M2LjI4MzY0IDcuNDYzMDcgNi40OTUyIDcuNTM5ODYgNi43MTI0NyA3LjUzMzI5QzYuOTI5NzQgNy41MjY3MSA3LjEzNjI3IDcuNDM3MjggNy4yODk3MiA3LjI4MzMyQzcuNDQzMTYgNy4xMjkzNiA3LjUzMTkxIDYuOTIyNTQgNy41Mzc3NiA2LjcwNTI1QzcuNTQzNiA2LjQ4Nzk2IDcuNDY2MTEgNi4yNzY2NiA3LjMyMTE3IDYuMTE0NjdMNS4yMDM4NCAzLjk5Nkw3LjMyMTE3IDEuODc4QzcuNDgxMzIgMS43MTg2NyA3LjU3MTY0IDEuNTAyMjYgNy41NzIyNiAxLjI3NjM2QzcuNTcyODkgMS4wNTA0NSA3LjQ4Mzc3IDAuODMzNTQ4IDcuMzI0NSAwLjY3MzMzNlpcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD1cImN1cnJlbnRDb2xvclwiIC8+XG4gICAgICAgICAgICAgICAgPC9zdmc+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/labels/label-list.component.mjs

@@ -1,101 +0,0 @@
-import { NgForOf, NgIf } from '@angular/common';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { LabelComponent } from './label.component';
-import * as i0 from "@angular/core";
-import * as i1 from "@agorapulse/ui-components/text-measurement";
-export class LabelListComponent {
-    constructor(changeDetectorRef, elementRef, textMeasurementService, zone) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.elementRef = elementRef;
-        this.textMeasurementService = textMeasurementService;
-        this.zone = zone;
-        this.labels = [];
-        this.removeLabelsEnabled = false;
-        this.responsive = false;
-        this.seeLessTranslation = 'See less';
-        this.removeLabel = new EventEmitter();
-        this.badgeWidth = 0;
-        this.expanded = false;
-        this.howManyItemsLeft = 0;
-        this.responsiveLabels = [];
-        this.width$ = new BehaviorSubject(0);
-        this.observer = new ResizeObserver(entries => {
-            this.zone.run(() => {
-                this.width$.next(entries[0].contentRect.width);
-            });
-        });
-    }
-    ngAfterContentInit() {
-        if (this.responsive) {
-            this.generateResponsiveLabels(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0].offsetWidth);
-            this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0]);
-            this.width$.subscribe(width => {
-                this.generateResponsiveLabels(width);
-            });
-        }
-    }
-    ngOnChanges(changes) {
-        if (changes.labels.currentValue && this.responsive) {
-            this.generateResponsiveLabels(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0].offsetWidth);
-        }
-    }
-    ngOnDestroy() {
-        this.observer.unobserve(this.elementRef.nativeElement.getElementsByClassName('labels-list')[0]);
-    }
-    onExpand() {
-        this.expanded = !this.expanded;
-    }
-    onRemoveLabel(label) {
-        this.removeLabel.emit(label);
-    }
-    onResize() {
-        this.generateResponsiveLabels(this.elementRef.nativeElement.children[0].offsetWidth);
-    }
-    trackByLabelContent(index, entry) {
-        return entry;
-    }
-    generateResponsiveLabels(width) {
-        let seeMoreElementWidth = this.textMeasurementService.calculateTextWidth('+'.concat(this.labels.length.toString()), 14, 'Averta');
-        seeMoreElementWidth += 1 + 8 + 8 + 1; // border-left + padding-left + padding-right + border-right
-        let elementWidth = width - 16 - 16; // width - padding-left - padding-right
-        elementWidth -= seeMoreElementWidth;
-        let currentIndex = 0;
-        for (let index = 0; index < this.labels.length; index++) {
-            let textWidth = this.textMeasurementService.calculateTextWidth(this.labels[index], 14, 'Averta');
-            textWidth += 1 + 8 + (this.removeLabelsEnabled ? 25 : 8) + 1 + 4; // border-left + padding-left + padding-right + border-right + label spacing
-            elementWidth -= textWidth;
-            if (elementWidth <= 0) {
-                break;
-            }
-            currentIndex = index;
-        }
-        if (currentIndex + 1 === this.labels.length) {
-            this.expanded = false;
-        }
-        this.howManyItemsLeft = this.labels.length - (currentIndex + 1);
-        this.badgeWidth =
-            this.howManyItemsLeft > 0 && currentIndex === 0
-                ? this.textMeasurementService.calculateTextWidth('+' + this.howManyItemsLeft, 14, 'Averta') + 22
-                : 0;
-        this.responsiveLabels = this.labels.slice(0, currentIndex + 1);
-        this.changeDetectorRef.markForCheck();
-    }
-}
-LabelListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LabelListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.TextMeasurementService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-LabelListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LabelListComponent, isStandalone: true, selector: "ap-label-list", inputs: { labels: "labels", removeLabelsEnabled: "removeLabelsEnabled", responsive: "responsive", seeLessTranslation: "seeLessTranslation" }, outputs: { removeLabel: "removeLabel" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"labels-list\" (window:resize)=\"onResize()\">\n    <ng-container *ngIf=\"responsive; else defaultLabels\">\n        <ng-container *ngFor=\"let label of expanded ? labels : responsiveLabels\">\n            <ap-label [content]=\"label\"\n                      [style.max-width]=\"!expanded ? 'calc(100% - ' + badgeWidth + 'px)' : '100%'\"\n                      [removable]=\"removeLabelsEnabled\"\n                      (remove)=\"onRemoveLabel($event)\"></ap-label>\n        </ng-container>\n\n        <button *ngIf=\"!expanded && responsiveLabels.length !== labels.length && howManyItemsLeft > 0\"\n                class=\"label-expand\"\n                (click)=\"onExpand()\">\n            +{{howManyItemsLeft}}\n        </button>\n        <button *ngIf=\"expanded\"\n                class=\"label-retract\"\n                (click)=\"onExpand()\">\n            {{seeLessTranslation}}\n        </button>\n    </ng-container>\n\n    <ng-template #defaultLabels>\n        <ng-container *ngFor=\"let label of labels; trackBy: trackByLabelContent;\">\n            <ap-label [content]=\"label\"\n                      [removable]=\"removeLabelsEnabled\"\n                      (remove)=\"onRemoveLabel($event)\"></ap-label>\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}.labels-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%;padding:9px 16px;margin:0}.labels-list>*{max-width:100%}.label-expand{box-sizing:border-box;padding:0 8px;background:#e8f4ff;border-radius:25px;border:1px solid #74bbfe;color:#178dfe;height:24px;min-width:30px;text-align:center;text-overflow:ellipsis;font-size:14px;font-family:Averta}.label-expand:hover{cursor:pointer;text-decoration:underline}.label-retract{box-sizing:border-box;border:0;background-color:transparent;line-height:24px;color:#178dfe}.label-retract:hover{cursor:pointer;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "ap-label", inputs: ["color", "content", "onlyText", "selectorWidth", "removable"], outputs: ["remove"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LabelListComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-label-list', standalone: true, imports: [LabelComponent, NgForOf, NgIf], template: "<div class=\"labels-list\" (window:resize)=\"onResize()\">\n    <ng-container *ngIf=\"responsive; else defaultLabels\">\n        <ng-container *ngFor=\"let label of expanded ? labels : responsiveLabels\">\n            <ap-label [content]=\"label\"\n                      [style.max-width]=\"!expanded ? 'calc(100% - ' + badgeWidth + 'px)' : '100%'\"\n                      [removable]=\"removeLabelsEnabled\"\n                      (remove)=\"onRemoveLabel($event)\"></ap-label>\n        </ng-container>\n\n        <button *ngIf=\"!expanded && responsiveLabels.length !== labels.length && howManyItemsLeft > 0\"\n                class=\"label-expand\"\n                (click)=\"onExpand()\">\n            +{{howManyItemsLeft}}\n        </button>\n        <button *ngIf=\"expanded\"\n                class=\"label-retract\"\n                (click)=\"onExpand()\">\n            {{seeLessTranslation}}\n        </button>\n    </ng-container>\n\n    <ng-template #defaultLabels>\n        <ng-container *ngFor=\"let label of labels; trackBy: trackByLabelContent;\">\n            <ap-label [content]=\"label\"\n                      [removable]=\"removeLabelsEnabled\"\n                      (remove)=\"onRemoveLabel($event)\"></ap-label>\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}.labels-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px;max-width:100%;padding:9px 16px;margin:0}.labels-list>*{max-width:100%}.label-expand{box-sizing:border-box;padding:0 8px;background:#e8f4ff;border-radius:25px;border:1px solid #74bbfe;color:#178dfe;height:24px;min-width:30px;text-align:center;text-overflow:ellipsis;font-size:14px;font-family:Averta}.label-expand:hover{cursor:pointer;text-decoration:underline}.label-retract{box-sizing:border-box;border:0;background-color:transparent;line-height:24px;color:#178dfe}.label-retract:hover{cursor:pointer;text-decoration:underline}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.TextMeasurementService }, { type: i0.NgZone }]; }, propDecorators: { labels: [{
-                type: Input
-            }], removeLabelsEnabled: [{
-                type: Input
-            }], responsive: [{
-                type: Input
-            }], seeLessTranslation: [{
-                type: Input
-            }], removeLabel: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvbGFiZWxzL3NyYy9sYWJlbC1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9sYWJlbHMvc3JjL2xhYmVsLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBRUgsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUlMLE1BQU0sR0FFVCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sTUFBTSxDQUFDO0FBQ3JDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQzs7O0FBVWpELE1BQU0sT0FBTyxrQkFBa0I7SUFnQjNCLFlBQ1ksaUJBQW9DLEVBQ3BDLFVBQXNCLEVBQ3RCLHNCQUE4QyxFQUM5QyxJQUFZO1FBSFosc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFtQjtRQUNwQyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFDOUMsU0FBSSxHQUFKLElBQUksQ0FBUTtRQW5CZixXQUFNLEdBQWEsRUFBRSxDQUFDO1FBQ3RCLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUNyQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLHVCQUFrQixHQUFXLFVBQVUsQ0FBQztRQUV2QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbkQsZUFBVSxHQUFXLENBQUMsQ0FBQztRQUN2QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLHFCQUFnQixHQUFHLENBQUMsQ0FBQztRQUNyQixxQkFBZ0IsR0FBYSxFQUFFLENBQUM7UUFHeEIsV0FBTSxHQUFHLElBQUksZUFBZSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBUTVDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUNmLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDbkQsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDakIsSUFBSSxDQUFDLHdCQUF3QixDQUN6QixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQ3JGLENBQUM7WUFFRixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzlGLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUMxQixJQUFJLENBQUMsd0JBQXdCLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDekMsQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIsSUFBSSxPQUFPLENBQUMsTUFBTSxDQUFDLFlBQVksSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ2hELElBQUksQ0FBQyx3QkFBd0IsQ0FDekIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsc0JBQXNCLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUNyRixDQUFDO1NBQ0w7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEcsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNuQyxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsd0JBQXdCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQ3pGLENBQUM7SUFFTSxtQkFBbUIsQ0FBQyxLQUFLLEVBQUUsS0FBYTtRQUMzQyxPQUFPLEtBQUssQ0FBQztJQUNqQixDQUFDO0lBRU8sd0JBQXdCLENBQUMsS0FBYTtRQUMxQyxJQUFJLG1CQUFtQixHQUFHLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxrQkFBa0IsQ0FDcEUsR0FBRyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsQ0FBQyxFQUN6QyxFQUFFLEVBQ0YsUUFBUSxDQUNYLENBQUM7UUFDRixtQkFBbUIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyw0REFBNEQ7UUFDbEcsSUFBSSxZQUFZLEdBQUcsS0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQyx1Q0FBdUM7UUFDM0UsWUFBWSxJQUFJLG1CQUFtQixDQUFDO1FBQ3BDLElBQUksWUFBWSxHQUFHLENBQUMsQ0FBQztRQUNyQixLQUFLLElBQUksS0FBSyxHQUFHLENBQUMsRUFBRSxLQUFLLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDckQsSUFBSSxTQUFTLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1lBQ2pHLFNBQVMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyw0RUFBNEU7WUFDOUksWUFBWSxJQUFJLFNBQVMsQ0FBQztZQUMxQixJQUFJLFlBQVksSUFBSSxDQUFDLEVBQUU7Z0JBQ25CLE1BQU07YUFDVDtZQUNELFlBQVksR0FBRyxLQUFLLENBQUM7U0FDeEI7UUFDRCxJQUFJLFlBQVksR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEVBQUU7WUFDekMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDekI7UUFDRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLEdBQUcsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUM7UUFDaEUsSUFBSSxDQUFDLFVBQVU7WUFDWCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLFlBQVksS0FBSyxDQUFDO2dCQUMzQyxDQUFDLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGtCQUFrQixDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsRUFBRSxFQUFFLFFBQVEsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2hHLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDWixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLFlBQVksR0FBRyxDQUFDLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUMsQ0FBQzs7K0dBbkdRLGtCQUFrQjttR0FBbEIsa0JBQWtCLHFSQzNCL0IsMndDQTZCQSxvbE1ESmMsY0FBYyxrSkFBRSxPQUFPLG1IQUFFLElBQUk7MkZBRTlCLGtCQUFrQjtrQkFSOUIsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLGVBQWUsY0FHYixJQUFJLFdBQ1AsQ0FBQyxjQUFjLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQzsyTEFHL0IsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtUZXh0TWVhc3VyZW1lbnRTZXJ2aWNlfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3RleHQtbWVhc3VyZW1lbnQnO1xuaW1wb3J0IHtOZ0Zvck9mLCBOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBBZnRlckNvbnRlbnRJbml0LFxuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBOZ1pvbmUsXG4gICAgT25DaGFuZ2VzLFxuICAgIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge0xhYmVsQ29tcG9uZW50fSBmcm9tICcuL2xhYmVsLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtbGFiZWwtbGlzdCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2xhYmVsLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2xhYmVsLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtMYWJlbENvbXBvbmVudCwgTmdGb3JPZiwgTmdJZl0sXG59KVxuZXhwb3J0IGNsYXNzIExhYmVsTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgICBASW5wdXQoKSBsYWJlbHM6IHN0cmluZ1tdID0gW107XG4gICAgQElucHV0KCkgcmVtb3ZlTGFiZWxzRW5hYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHJlc3BvbnNpdmU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBASW5wdXQoKSBzZWVMZXNzVHJhbnNsYXRpb246IHN0cmluZyA9ICdTZWUgbGVzcyc7XG5cbiAgICBAT3V0cHV0KCkgcmVtb3ZlTGFiZWwgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIGJhZGdlV2lkdGg6IG51bWJlciA9IDA7XG4gICAgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgICBob3dNYW55SXRlbXNMZWZ0ID0gMDtcbiAgICByZXNwb25zaXZlTGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuXG4gICAgcHJpdmF0ZSBvYnNlcnZlcjogUmVzaXplT2JzZXJ2ZXI7XG4gICAgcHJpdmF0ZSB3aWR0aCQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PG51bWJlcj4oMCk7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSBjaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICAgICAgcHJpdmF0ZSB0ZXh0TWVhc3VyZW1lbnRTZXJ2aWNlOiBUZXh0TWVhc3VyZW1lbnRTZXJ2aWNlLFxuICAgICAgICBwcml2YXRlIHpvbmU6IE5nWm9uZVxuICAgICkge1xuICAgICAgICB0aGlzLm9ic2VydmVyID0gbmV3IFJlc2l6ZU9ic2VydmVyKGVudHJpZXMgPT4ge1xuICAgICAgICAgICAgdGhpcy56b25lLnJ1bigoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy53aWR0aCQubmV4dChlbnRyaWVzWzBdLmNvbnRlbnRSZWN0LndpZHRoKTtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnJlc3BvbnNpdmUpIHtcbiAgICAgICAgICAgIHRoaXMuZ2VuZXJhdGVSZXNwb25zaXZlTGFiZWxzKFxuICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2xhYmVscy1saXN0JylbMF0ub2Zmc2V0V2lkdGhcbiAgICAgICAgICAgICk7XG5cbiAgICAgICAgICAgIHRoaXMub2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdsYWJlbHMtbGlzdCcpWzBdKTtcbiAgICAgICAgICAgIHRoaXMud2lkdGgkLnN1YnNjcmliZSh3aWR0aCA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5nZW5lcmF0ZVJlc3BvbnNpdmVMYWJlbHMod2lkdGgpO1xuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XG4gICAgICAgIGlmIChjaGFuZ2VzLmxhYmVscy5jdXJyZW50VmFsdWUgJiYgdGhpcy5yZXNwb25zaXZlKSB7XG4gICAgICAgICAgICB0aGlzLmdlbmVyYXRlUmVzcG9uc2l2ZUxhYmVscyhcbiAgICAgICAgICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdsYWJlbHMtbGlzdCcpWzBdLm9mZnNldFdpZHRoXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIudW5vYnNlcnZlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2xhYmVscy1saXN0JylbMF0pO1xuICAgIH1cblxuICAgIG9uRXhwYW5kKCkge1xuICAgICAgICB0aGlzLmV4cGFuZGVkID0gIXRoaXMuZXhwYW5kZWQ7XG4gICAgfVxuXG4gICAgb25SZW1vdmVMYWJlbChsYWJlbDogc3RyaW5nKTogdm9pZCB7XG4gICAgICAgIHRoaXMucmVtb3ZlTGFiZWwuZW1pdChsYWJlbCk7XG4gICAgfVxuXG4gICAgb25SZXNpemUoKSB7XG4gICAgICAgIHRoaXMuZ2VuZXJhdGVSZXNwb25zaXZlTGFiZWxzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdLm9mZnNldFdpZHRoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgdHJhY2tCeUxhYmVsQ29udGVudChpbmRleCwgZW50cnk6IHN0cmluZykge1xuICAgICAgICByZXR1cm4gZW50cnk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZW5lcmF0ZVJlc3BvbnNpdmVMYWJlbHMod2lkdGg6IG51bWJlcikge1xuICAgICAgICBsZXQgc2VlTW9yZUVsZW1lbnRXaWR0aCA9IHRoaXMudGV4dE1lYXN1cmVtZW50U2VydmljZS5jYWxjdWxhdGVUZXh0V2lkdGgoXG4gICAgICAgICAgICAnKycuY29uY2F0KHRoaXMubGFiZWxzLmxlbmd0aC50b1N0cmluZygpKSxcbiAgICAgICAgICAgIDE0LFxuICAgICAgICAgICAgJ0F2ZXJ0YSdcbiAgICAgICAgKTtcbiAgICAgICAgc2VlTW9yZUVsZW1lbnRXaWR0aCArPSAxICsgOCArIDggKyAxOyAvLyBib3JkZXItbGVmdCArIHBhZGRpbmctbGVmdCArIHBhZGRpbmctcmlnaHQgKyBib3JkZXItcmlnaHRcbiAgICAgICAgbGV0IGVsZW1lbnRXaWR0aCA9IHdpZHRoIC0gMTYgLSAxNjsgLy8gd2lkdGggLSBwYWRkaW5nLWxlZnQgLSBwYWRkaW5nLXJpZ2h0XG4gICAgICAgIGVsZW1lbnRXaWR0aCAtPSBzZWVNb3JlRWxlbWVudFdpZHRoO1xuICAgICAgICBsZXQgY3VycmVudEluZGV4ID0gMDtcbiAgICAgICAgZm9yIChsZXQgaW5kZXggPSAwOyBpbmRleCA8IHRoaXMubGFiZWxzLmxlbmd0aDsgaW5kZXgrKykge1xuICAgICAgICAgICAgbGV0IHRleHRXaWR0aCA9IHRoaXMudGV4dE1lYXN1cmVtZW50U2VydmljZS5jYWxjdWxhdGVUZXh0V2lkdGgodGhpcy5sYWJlbHNbaW5kZXhdLCAxNCwgJ0F2ZXJ0YScpO1xuICAgICAgICAgICAgdGV4dFdpZHRoICs9IDEgKyA4ICsgKHRoaXMucmVtb3ZlTGFiZWxzRW5hYmxlZCA/IDI1IDogOCkgKyAxICsgNDsgLy8gYm9yZGVyLWxlZnQgKyBwYWRkaW5nLWxlZnQgKyBwYWRkaW5nLXJpZ2h0ICsgYm9yZGVyLXJpZ2h0ICsgbGFiZWwgc3BhY2luZ1xuICAgICAgICAgICAgZWxlbWVudFdpZHRoIC09IHRleHRXaWR0aDtcbiAgICAgICAgICAgIGlmIChlbGVtZW50V2lkdGggPD0gMCkge1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY3VycmVudEluZGV4ID0gaW5kZXg7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKGN1cnJlbnRJbmRleCArIDEgPT09IHRoaXMubGFiZWxzLmxlbmd0aCkge1xuICAgICAgICAgICAgdGhpcy5leHBhbmRlZCA9IGZhbHNlO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuaG93TWFueUl0ZW1zTGVmdCA9IHRoaXMubGFiZWxzLmxlbmd0aCAtIChjdXJyZW50SW5kZXggKyAxKTtcbiAgICAgICAgdGhpcy5iYWRnZVdpZHRoID1cbiAgICAgICAgICAgIHRoaXMuaG93TWFueUl0ZW1zTGVmdCA+IDAgJiYgY3VycmVudEluZGV4ID09PSAwXG4gICAgICAgICAgICAgICAgPyB0aGlzLnRleHRNZWFzdXJlbWVudFNlcnZpY2UuY2FsY3VsYXRlVGV4dFdpZHRoKCcrJyArIHRoaXMuaG93TWFueUl0ZW1zTGVmdCwgMTQsICdBdmVydGEnKSArIDIyXG4gICAgICAgICAgICAgICAgOiAwO1xuICAgICAgICB0aGlzLnJlc3BvbnNpdmVMYWJlbHMgPSB0aGlzLmxhYmVscy5zbGljZSgwLCBjdXJyZW50SW5kZXggKyAxKTtcbiAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibGFiZWxzLWxpc3RcIiAod2luZG93OnJlc2l6ZSk9XCJvblJlc2l6ZSgpXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInJlc3BvbnNpdmU7IGVsc2UgZGVmYXVsdExhYmVsc1wiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBsYWJlbCBvZiBleHBhbmRlZCA/IGxhYmVscyA6IHJlc3BvbnNpdmVMYWJlbHNcIj5cbiAgICAgICAgICAgIDxhcC1sYWJlbCBbY29udGVudF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgICAgW3N0eWxlLm1heC13aWR0aF09XCIhZXhwYW5kZWQgPyAnY2FsYygxMDAlIC0gJyArIGJhZGdlV2lkdGggKyAncHgpJyA6ICcxMDAlJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgW3JlbW92YWJsZV09XCJyZW1vdmVMYWJlbHNFbmFibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAocmVtb3ZlKT1cIm9uUmVtb3ZlTGFiZWwoJGV2ZW50KVwiPjwvYXAtbGFiZWw+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgICAgIDxidXR0b24gKm5nSWY9XCIhZXhwYW5kZWQgJiYgcmVzcG9uc2l2ZUxhYmVscy5sZW5ndGggIT09IGxhYmVscy5sZW5ndGggJiYgaG93TWFueUl0ZW1zTGVmdCA+IDBcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibGFiZWwtZXhwYW5kXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25FeHBhbmQoKVwiPlxuICAgICAgICAgICAgK3t7aG93TWFueUl0ZW1zTGVmdH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwiZXhwYW5kZWRcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwibGFiZWwtcmV0cmFjdFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cIm9uRXhwYW5kKClcIj5cbiAgICAgICAgICAgIHt7c2VlTGVzc1RyYW5zbGF0aW9ufX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRMYWJlbHM+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGxhYmVsIG9mIGxhYmVsczsgdHJhY2tCeTogdHJhY2tCeUxhYmVsQ29udGVudDtcIj5cbiAgICAgICAgICAgIDxhcC1sYWJlbCBbY29udGVudF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgICAgW3JlbW92YWJsZV09XCJyZW1vdmVMYWJlbHNFbmFibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgICAocmVtb3ZlKT1cIm9uUmVtb3ZlTGFiZWwoJGV2ZW50KVwiPjwvYXAtbGFiZWw+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbiJdfQ==

package/esm2020/labels/label.component.mjs

@@ -1,58 +0,0 @@
-import { AgorapulseUiSymbolModule, apRemoveBold } from '@agorapulse/ui-symbol';
-import { NgClass, NgIf } from '@angular/common';
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
-import { TooltipDirective } from '@agorapulse/ui-components/tooltip';
-import * as i0 from "@angular/core";
-import * as i1 from "@agorapulse/ui-symbol";
-export class LabelComponent {
-    constructor(elementRef, zone, symbolRegistry) {
-        this.elementRef = elementRef;
-        this.zone = zone;
-        this.symbolRegistry = symbolRegistry;
-        this.color = 'default';
-        this.onlyText = false;
-        this.selectorWidth = 0; //Width of the selector input, if applicable
-        this.removable = false;
-        this.remove = new EventEmitter();
-        this.tooltipEnabled = false;
-        this.symbolRegistry.registerSymbols([apRemoveBold]);
-    }
-    ngAfterViewInit() {
-        this.observer = new ResizeObserver(entries => {
-            this.zone.run(() => {
-                const containerWidth = this.elementRef.nativeElement.clientWidth > 0
-                    ? this.elementRef.nativeElement.clientWidth
-                    : this.selectorWidth;
-                if (containerWidth > 0) {
-                    this.tooltipEnabled = entries[0].target.scrollWidth > containerWidth;
-                }
-            });
-        });
-        this.observer.observe(this.elementRef.nativeElement.getElementsByClassName('label-content')[0]);
-    }
-    ngOnDestroy() {
-        this.observer.unobserve(this.elementRef.nativeElement.children[0]);
-    }
-    onRemoveLabel() {
-        this.remove.emit(this.content);
-    }
-}
-LabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LabelComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
-LabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: LabelComponent, isStandalone: true, selector: "ap-label", inputs: { color: "color", content: "content", onlyText: "onlyText", selectorWidth: "selectorWidth", removable: "removable" }, outputs: { remove: "remove" }, ngImport: i0, template: "<div\n    class=\"label\"\n    [ngClass]=\"color\"\n    [class.big-padding]=\"onlyText\"\n    [class.removable]=\"removable\"\n    [apTooltip]=\"tooltipEnabled ? content : ''\">\n    <div class=\"label-content\">{{ content }}</div>\n    <div *ngIf=\"removable\" class=\"delete-cross\" (mousedown)=\"$event.stopPropagation()\" (click)=\"onRemoveLabel()\">\n        <ap-symbol symbolId=\"remove-bold\" size=\"pico\"> </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}.label{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;display:flex;align-items:center;border:none}.label.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.label.blue{background-color:#e8f4ff;color:#178dfe}.label.red{background-color:#fde7e7;color:#e81313}.label.purple{background-color:#efedf8;color:#6554c0}.label.orange{background-color:#ffefe9;color:#ff6726}.label.yellow{background-color:#fffde9;color:#ffe91f}.label.green{background-color:#ecf7ed;color:#45b854}.label.big-padding{padding:8px 16px}.label.removable{padding:0 0 0 8px}.label .label-content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;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 ap-symbol *{color:#858fa1}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TooltipDirective, selector: "[apTooltip]", inputs: ["apTooltipPosition", "apTooltip", "apTooltipShowDelay", "apTooltipHideDelay", "apTooltipDuration", "apTooltipDisabled", "apTooltipTemplateContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: LabelComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-label', standalone: true, imports: [AgorapulseUiSymbolModule, NgClass, NgIf, TooltipDirective], template: "<div\n    class=\"label\"\n    [ngClass]=\"color\"\n    [class.big-padding]=\"onlyText\"\n    [class.removable]=\"removable\"\n    [apTooltip]=\"tooltipEnabled ? content : ''\">\n    <div class=\"label-content\">{{ content }}</div>\n    <div *ngIf=\"removable\" class=\"delete-cross\" (mousedown)=\"$event.stopPropagation()\" (click)=\"onRemoveLabel()\">\n        <ap-symbol symbolId=\"remove-bold\" size=\"pico\"> </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}.label{padding:4px 8px;color:#344563;align-self:center;background:#e8f4ff;border-radius:25px;text-wrap:none;display:flex;align-items:center;border:none}.label.default{padding:0 8px;border:1px solid #74bbfe;height:24px;box-sizing:border-box;max-width:100%;text-overflow:ellipsis}.label.blue{background-color:#e8f4ff;color:#178dfe}.label.red{background-color:#fde7e7;color:#e81313}.label.purple{background-color:#efedf8;color:#6554c0}.label.orange{background-color:#ffefe9;color:#ff6726}.label.yellow{background-color:#fffde9;color:#ffe91f}.label.green{background-color:#ecf7ed;color:#45b854}.label.big-padding{padding:8px 16px}.label.removable{padding:0 0 0 8px}.label .label-content{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-cross{align-self:center;cursor:pointer;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 ap-symbol *{color:#858fa1}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1.SymbolRegistry }]; }, propDecorators: { color: [{
-                type: Input
-            }], content: [{
-                type: Input
-            }], onlyText: [{
-                type: Input
-            }], selectorWidth: [{
-                type: Input
-            }], removable: [{
-                type: Input
-            }], remove: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL2xhYmVscy9zcmMvbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL2xhYmVscy9zcmMvbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHdCQUF3QixFQUFFLFlBQVksRUFBaUIsTUFBTSx1QkFBdUIsQ0FBQztBQUM3RixPQUFPLEVBQUMsT0FBTyxFQUFFLElBQUksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzlDLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUVULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxHQUNULE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLG1DQUFtQyxDQUFDOzs7QUFVbkUsTUFBTSxPQUFPLGNBQWM7SUFZdkIsWUFBb0IsVUFBc0IsRUFBVSxJQUFZLEVBQVMsY0FBOEI7UUFBbkYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLFNBQUksR0FBSixJQUFJLENBQVE7UUFBUyxtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFYOUYsVUFBSyxHQUF1RSxTQUFTLENBQUM7UUFFdEYsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixrQkFBYSxHQUFXLENBQUMsQ0FBQyxDQUFDLDRDQUE0QztRQUN2RSxjQUFTLEdBQVksS0FBSyxDQUFDO1FBRTFCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRzlDLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBRzVCLElBQUksQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxjQUFjLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxFQUFFO2dCQUNmLE1BQU0sY0FBYyxHQUNoQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEdBQUcsQ0FBQztvQkFDekMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFdBQVc7b0JBQzNDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO2dCQUM3QixJQUFJLGNBQWMsR0FBRyxDQUFDLEVBQUU7b0JBQ3BCLElBQUksQ0FBQyxjQUFjLEdBQUcsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxXQUFXLEdBQUcsY0FBYyxDQUFDO2lCQUN4RTtZQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3BHLENBQUM7SUFFRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkUsQ0FBQztJQUVELGFBQWE7UUFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbkMsQ0FBQzs7MkdBckNRLGNBQWM7K0ZBQWQsY0FBYyxpT0N0QjNCLG1jQVdBLHloTkRRYyx3QkFBd0IsaUtBQUUsT0FBTyxvRkFBRSxJQUFJLDZGQUFFLGdCQUFnQjsyRkFHMUQsY0FBYztrQkFSMUIsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLFVBQVUsY0FDUixJQUFJLFdBRVAsQ0FBQyx3QkFBd0IsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLGdCQUFnQixDQUFDO21KQUkzRCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLCBhcFJlbW92ZUJvbGQsIFN5bWJvbFJlZ2lzdHJ5fSBmcm9tICdAYWdvcmFwdWxzZS91aS1zeW1ib2wnO1xuaW1wb3J0IHtOZ0NsYXNzLCBOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBFdmVudEVtaXR0ZXIsXG4gICAgSW5wdXQsXG4gICAgTmdab25lLFxuICAgIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUb29sdGlwRGlyZWN0aXZlfSBmcm9tICdAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL3Rvb2x0aXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBzZWxlY3RvcjogJ2FwLWxhYmVsJyxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgaW1wb3J0czogW0Fnb3JhcHVsc2VVaVN5bWJvbE1vZHVsZSwgTmdDbGFzcywgTmdJZiwgVG9vbHRpcERpcmVjdGl2ZV0sXG4gICAgc3R5bGVVcmxzOiBbJy4vbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTGFiZWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgfCAnYmx1ZScgfCAncmVkJyB8ICdwdXJwbGUnIHwgJ29yYW5nZScgfCAneWVsbG93JyB8ICdncmVlbicgPSAnZGVmYXVsdCc7XG4gICAgQElucHV0KCkgY29udGVudDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIG9ubHlUZXh0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgc2VsZWN0b3JXaWR0aDogbnVtYmVyID0gMDsgLy9XaWR0aCBvZiB0aGUgc2VsZWN0b3IgaW5wdXQsIGlmIGFwcGxpY2FibGVcbiAgICBASW5wdXQoKSByZW1vdmFibGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSByZW1vdmUgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAgIHByaXZhdGUgb2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyO1xuICAgIHRvb2x0aXBFbmFibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgem9uZTogTmdab25lLCBwdWJsaWMgc3ltYm9sUmVnaXN0cnk6IFN5bWJvbFJlZ2lzdHJ5KSB7XG4gICAgICAgIHRoaXMuc3ltYm9sUmVnaXN0cnkucmVnaXN0ZXJTeW1ib2xzKFthcFJlbW92ZUJvbGRdKTtcbiAgICB9XG5cbiAgICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoZW50cmllcyA9PiB7XG4gICAgICAgICAgICB0aGlzLnpvbmUucnVuKCgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjb250YWluZXJXaWR0aCA9XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsaWVudFdpZHRoID4gMFxuICAgICAgICAgICAgICAgICAgICAgICAgPyB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jbGllbnRXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgOiB0aGlzLnNlbGVjdG9yV2lkdGg7XG4gICAgICAgICAgICAgICAgaWYgKGNvbnRhaW5lcldpZHRoID4gMCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnRvb2x0aXBFbmFibGVkID0gZW50cmllc1swXS50YXJnZXQuc2Nyb2xsV2lkdGggPiBjb250YWluZXJXaWR0aDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMub2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5nZXRFbGVtZW50c0J5Q2xhc3NOYW1lKCdsYWJlbC1jb250ZW50JylbMF0pO1xuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCkge1xuICAgICAgICB0aGlzLm9ic2VydmVyLnVub2JzZXJ2ZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jaGlsZHJlblswXSk7XG4gICAgfVxuXG4gICAgb25SZW1vdmVMYWJlbCgpIHtcbiAgICAgICAgdGhpcy5yZW1vdmUuZW1pdCh0aGlzLmNvbnRlbnQpO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBjbGFzcz1cImxhYmVsXCJcbiAgICBbbmdDbGFzc109XCJjb2xvclwiXG4gICAgW2NsYXNzLmJpZy1wYWRkaW5nXT1cIm9ubHlUZXh0XCJcbiAgICBbY2xhc3MucmVtb3ZhYmxlXT1cInJlbW92YWJsZVwiXG4gICAgW2FwVG9vbHRpcF09XCJ0b29sdGlwRW5hYmxlZCA/IGNvbnRlbnQgOiAnJ1wiPlxuICAgIDxkaXYgY2xhc3M9XCJsYWJlbC1jb250ZW50XCI+e3sgY29udGVudCB9fTwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJyZW1vdmFibGVcIiBjbGFzcz1cImRlbGV0ZS1jcm9zc1wiIChtb3VzZWRvd24pPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCIgKGNsaWNrKT1cIm9uUmVtb3ZlTGFiZWwoKVwiPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwicmVtb3ZlLWJvbGRcIiBzaXplPVwicGljb1wiPiA8L2FwLXN5bWJvbD5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19