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

package/add-comment/add-comment.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
-import { ControlValueAccessor } from "@angular/forms";
+import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class AddCommentComponent implements ControlValueAccessor {
     placeholder: string;
@@ -14,7 +14,7 @@ export declare class AddCommentComponent implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(obj: any): void;
-    onChange(event: any): void;
+    onChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AddCommentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AddCommentComponent, "ap-add-comment", never, { "placeholder": "placeholder"; "customTemplate": "customTemplate"; "disable": "disable"; }, { "action": "action"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddCommentComponent, "ap-add-comment", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "customTemplate": { "alias": "customTemplate"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; }, { "action": "action"; }, never, never, true, never>;
 }

package/avatar/avatar.component.d.ts

@@ -41,5 +41,5 @@ export declare class AvatarComponent implements OnInit {
     ngOnInit(): void;
     onImageError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ap-avatar", never, { "alternativeText": "alternativeText"; "anonymous": "anonymous"; "username": "username"; "network": "network"; "online": "online"; "profilePicture": "profilePicture"; "showInitials": "showInitials"; "alt": "alt"; "rounded": "rounded"; "size": "size"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "ap-avatar", never, { "alternativeText": { "alias": "alternativeText"; "required": false; }; "anonymous": { "alias": "anonymous"; "required": false; }; "username": { "alias": "username"; "required": false; }; "network": { "alias": "network"; "required": false; }; "online": { "alias": "online"; "required": false; }; "profilePicture": { "alias": "profilePicture"; "required": false; }; "showInitials": { "alias": "showInitials"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

package/button/button.component.d.ts

@@ -25,7 +25,7 @@ export declare class ButtonComponent {
     ariaLabel: string;
     disabled: boolean | undefined;
     name: string;
-    form: string;
+    form: string | undefined;
     config: ButtonConfig;
     loading: boolean | undefined;
     locked: boolean;
@@ -43,6 +43,6 @@ export declare class ButtonComponent {
     onFocusHandle($event: FocusEvent): void;
     onSpaceKeyUp(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ap-button[name]", never, { "ariaLabel": "ariaLabel"; "disabled": "disabled"; "name": "name"; "form": "form"; "config": "config"; "loading": "loading"; "locked": "locked"; "menuTrigger": "menuTrigger"; "symbolPosition": "symbolPosition"; "ionicModalEnabled": "ionicModalEnabled"; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; "click": "click"; "focus": "focus"; "blur": "blur"; }, never, ["*", "ap-symbol"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ap-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": true; }; "form": { "alias": "form"; "required": false; }; "config": { "alias": "config"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "menuTrigger": { "alias": "menuTrigger"; "required": false; }; "symbolPosition": { "alias": "symbolPosition"; "required": false; }; "ionicModalEnabled": { "alias": "ionicModalEnabled"; "required": false; }; }, { "menuOpened": "menuOpened"; "menuClosed": "menuClosed"; "click": "click"; "focus": "focus"; "blur": "blur"; }, never, ["*", "ap-symbol"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
 }
 export {};

package/checkbox/checkbox.component.d.ts

@@ -1,5 +1,5 @@
-import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnInit } from "@angular/core";
-import { ControlValueAccessor, FormControl } from "@angular/forms";
+import { AfterContentInit, ElementRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const AP_CHECKBOX_CONTROL_VALUE_ACCESSOR: {
     provide: import("@angular/core").InjectionToken<readonly ControlValueAccessor[]>;
@@ -39,10 +39,10 @@ export declare class CheckboxComponent implements ControlValueAccessor, AfterCon
     registerOnChange(fn: (value: boolean) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    validate({ value }: FormControl): {
+    validate({ value }: FormControl): false | {
         invalid: boolean;
     };
     _preventBubblingFromLabel(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ap-checkbox[name]", never, { "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "ariaDescribedby": "aria-describedby"; "disabled": "disabled"; "indeterminate": "indeterminate"; "checked": "checked"; "required": "required"; "name": "name"; }, { "change": "change"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ap-checkbox", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "required": { "alias": "required"; "required": false; }; "name": { "alias": "name"; "required": true; }; }, { "change": "change"; }, never, ["*"], true, never>;
 }

package/confirm-modal/confirm-modal.component.d.ts

@@ -14,7 +14,7 @@ export declare class ConfirmModalComponent {
     constructor(dialogRef: MatDialogRef<ComponentType<any>>);
     onCancel(): void;
     onConfirm(): void;
-    static open(dialog: MatDialog, confirmModalTexts: ConfirmModalTexts, modalConfig?: ModalConfig): MatDialogRef<ConfirmModalComponent, any>;
+    static open(dialog: MatDialog, confirmModalTexts: ConfirmModalTexts, modalConfig?: ModalConfig | null): MatDialogRef<ConfirmModalComponent, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmModalComponent, "ap-confirm-modal", never, { "contentText": "contentText"; "footerCancelButtonId": "footerCancelButtonId"; "footerCancelButtonLabel": "footerCancelButtonLabel"; "footerConfirmButtonId": "footerConfirmButtonId"; "footerConfirmButtonLabel": "footerConfirmButtonLabel"; "headerTitle": "headerTitle"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmModalComponent, "ap-confirm-modal", never, { "contentText": { "alias": "contentText"; "required": false; }; "footerCancelButtonId": { "alias": "footerCancelButtonId"; "required": false; }; "footerCancelButtonLabel": { "alias": "footerCancelButtonLabel"; "required": false; }; "footerConfirmButtonId": { "alias": "footerConfirmButtonId"; "required": false; }; "footerConfirmButtonLabel": { "alias": "footerConfirmButtonLabel"; "required": false; }; "headerTitle": { "alias": "headerTitle"; "required": false; }; }, {}, never, never, true, never>;
 }

package/datepicker/datepicker.component.d.ts

@@ -1,5 +1,5 @@
 import { SymbolRegistry } from '@agorapulse/ui-symbol';
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnInit } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import { DaterangepickerComponent } from '@agorapulse/ngx-daterangepicker-material';
 import dayjs from 'dayjs';
 import 'dayjs/locale/de';
@@ -35,11 +35,11 @@ export declare class DatepickerComponent implements OnInit, OnChanges, AfterView
     datepickerRef: DaterangepickerComponent;
     firstDayOfWeek: string;
     i18n: I18nDatePicker;
-    locale: any;
-    set maxDate(maxDate: dayjs.Dayjs);
-    set minDate(minDate: dayjs.Dayjs);
+    locale: string;
+    set maxDate(maxDate: dayjs.Dayjs | undefined);
+    set minDate(minDate: dayjs.Dayjs | undefined);
     mode: DatepickerMode;
-    selectedDate: dayjs.Dayjs;
+    selectedDate: dayjs.Dayjs | undefined;
     selectedDates: dayjs.Dayjs[];
     selectedPeriod: Period;
     showRanges: boolean;
@@ -63,7 +63,7 @@ export declare class DatepickerComponent implements OnInit, OnChanges, AfterView
     minDateStr: string;
     constructor(changeDetectorRef: ChangeDetectorRef, symbolRegistry: SymbolRegistry);
     ngOnInit(): void;
-    ngOnChanges(changes: any): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
     initDatePickerLocale(): void;
     initRanges(): void;
@@ -80,5 +80,5 @@ export declare class DatepickerComponent implements OnInit, OnChanges, AfterView
     setCalendarCurrentPage(): void;
     setWidth(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ap-datepicker", never, { "firstDayOfWeek": "firstDayOfWeek"; "i18n": "i18n"; "locale": "locale"; "maxDate": "maxDate"; "minDate": "minDate"; "mode": "mode"; "selectedDate": "selectedDate"; "selectedDates": "selectedDates"; "selectedPeriod": "selectedPeriod"; "showRanges": "showRanges"; }, { "dateSelected": "dateSelected"; "periodSelected": "periodSelected"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "ap-datepicker", never, { "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "mode": { "alias": "mode"; "required": true; }; "selectedDate": { "alias": "selectedDate"; "required": false; }; "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedPeriod": { "alias": "selectedPeriod"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; }, { "dateSelected": "dateSelected"; "periodSelected": "periodSelected"; }, never, never, true, never>;
 }

package/directives/base-button.directive.d.ts

@@ -1,8 +1,8 @@
 import { AfterViewInit, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class BaseButtonDirective implements AfterViewInit, OnInit {
-    hostId: string;
-    hostDataTest: string;
+    hostId: string | undefined;
+    hostDataTest: string | undefined;
     hostType: string;
     private elementRef;
     private changeDetectorRef;

package/directives/default-image.directive.d.ts

@@ -4,5 +4,5 @@ export declare class DefaultImageDirective {
     default: string;
     updateUrl(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultImageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultImageDirective, "img[default]", never, { "src": "src"; "default": "default"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DefaultImageDirective, "img[default]", never, { "src": { "alias": "src"; "required": true; }; "default": { "alias": "default"; "required": false; }; }, {}, never, never, true, never>;
 }

package/directives/ellipsis.directive.d.ts

@@ -25,5 +25,5 @@ export declare class EllipsisDirective implements AfterContentChecked {
     ngAfterContentChecked(): void;
     private clipText;
     static ɵfac: i0.ɵɵFactoryDeclaration<EllipsisDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipsisDirective, "[apEllipsis]", never, { "apEllipsisSeparator": "apEllipsisSeparator"; "apEllipsisClip": "apEllipsisClip"; "apEllipsisIndex": "apEllipsisIndex"; "apEllipsisChar": "apEllipsisChar"; "apEllipsisClickable": "apEllipsisClickable"; }, { "apEllipsisRemovedElementsCount": "apEllipsisRemovedElementsCount"; "apEllipsisRemovedText": "apEllipsisRemovedText"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipsisDirective, "[apEllipsis]", never, { "apEllipsisSeparator": { "alias": "apEllipsisSeparator"; "required": false; }; "apEllipsisClip": { "alias": "apEllipsisClip"; "required": false; }; "apEllipsisIndex": { "alias": "apEllipsisIndex"; "required": false; }; "apEllipsisChar": { "alias": "apEllipsisChar"; "required": false; }; "apEllipsisClickable": { "alias": "apEllipsisClickable"; "required": false; }; }, { "apEllipsisRemovedElementsCount": "apEllipsisRemovedElementsCount"; "apEllipsisRemovedText": "apEllipsisRemovedText"; }, never, never, true, never>;
 }

package/directives/equal-validator.directive.d.ts

@@ -6,7 +6,7 @@ export declare class EqualValidatorDirective implements Validator {
     constructor(validateEqual: string, validateEqualReference: string);
     validate(self: AbstractControl): {
         [key: string]: any;
-    };
+    } | null;
     private isReference;
     static ɵfac: i0.ɵɵFactoryDeclaration<EqualValidatorDirective, [{ attribute: "validateEqual"; }, { attribute: "validateEqualReference"; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<EqualValidatorDirective, "[validateEqual][formControlName],[validateEqual][formControl],[validateEqual][ngModel]", never, {}, {}, never, never, true, never>;

package/directives/frozen-gif.directive.d.ts

@@ -1,7 +1,7 @@
 import { ElementRef, OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GifService {
-    static isGif(src: string): boolean;
+    static isGif(src: string): boolean | "";
 }
 /**
  * If the image is a GIF then replace the img element by a canvas containing a frozen gif.
@@ -26,5 +26,5 @@ export declare class FrozenGifDirective implements OnChanges {
     private addEvents;
     private unfreeze;
     static ɵfac: i0.ɵɵFactoryDeclaration<FrozenGifDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FrozenGifDirective, "img[apFrozenGif]", never, { "src": "src"; "apFrozen": "apFrozen"; "apGifEvents": "apGifEvents"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FrozenGifDirective, "img[apFrozenGif]", never, { "src": { "alias": "src"; "required": true; }; "apFrozen": { "alias": "apFrozen"; "required": false; }; "apGifEvents": { "alias": "apGifEvents"; "required": false; }; }, {}, never, never, true, never>;
 }

package/directives/multi-style-text.directive.d.ts

@@ -10,7 +10,7 @@ export declare class MultiStyleTextDirective {
     private renderer;
     set multiStyleText(fullText: string);
     partEvent: EventEmitter<string>;
-    constructor(elRef: ElementRef, renderer: Renderer2);
+    constructor(elRef: ElementRef<HTMLElement>, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiStyleTextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiStyleTextDirective, "[multiStyleText]", never, { "multiStyleText": "multiStyleText"; }, { "partEvent": "partEvent"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MultiStyleTextDirective, "[multiStyleText]", never, { "multiStyleText": { "alias": "multiStyleText"; "required": false; }; }, { "partEvent": "partEvent"; }, never, never, true, never>;
 }

package/directives/truncate-tooltip.directive.d.ts

@@ -12,5 +12,5 @@ export declare class TruncateTooltipDirective implements OnInit, OnDestroy {
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TruncateTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TruncateTooltipDirective, "[apTooltip][truncateTooltip]", never, { "truncateTooltip": "truncateTooltip"; "displayOnlyOnTruncate": "displayOnlyOnTruncate"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TruncateTooltipDirective, "[apTooltip][truncateTooltip]", never, { "truncateTooltip": { "alias": "truncateTooltip"; "required": true; }; "displayOnlyOnTruncate": { "alias": "displayOnlyOnTruncate"; "required": false; }; }, {}, never, never, true, never>;
 }

package/dots-stepper/dots-stepper.component.d.ts

@@ -1,15 +1,15 @@
 import { EventEmitter, OnChanges } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class DotsStepperComponent implements OnChanges {
+export declare class DotsStepperComponent<T> implements OnChanges {
     disabled: boolean;
     forwardAllowed: boolean;
     index: number;
-    items: any[];
+    items: T[];
     size: string;
     dotClick: EventEmitter<number>;
-    currentItem: any;
+    currentItem: T | undefined;
     ngOnChanges(): void;
-    onDotClick(event: any, item: any, index: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DotsStepperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DotsStepperComponent, "ap-dots-stepper", never, { "disabled": "disabled"; "forwardAllowed": "forwardAllowed"; "index": "index"; "items": "items"; "size": "size"; }, { "dotClick": "dotClick"; }, never, never, true, never>;
+    onDotClick(event: Event, item: T, index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DotsStepperComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DotsStepperComponent<any>, "ap-dots-stepper", never, { "disabled": { "alias": "disabled"; "required": false; }; "forwardAllowed": { "alias": "forwardAllowed"; "required": false; }; "index": { "alias": "index"; "required": false; }; "items": { "alias": "items"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "dotClick": "dotClick"; }, never, never, true, never>;
 }

package/esm2022/add-comment/add-comment.component.mjs

@@ -0,0 +1,68 @@
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ButtonComponent } from '@agorapulse/ui-components/button';
+import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
+import { AutosizeTextareaDirective } from '@agorapulse/ui-components/directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/bidi";
+import * as i2 from "@angular/material/legacy-input";
+export class AddCommentComponent {
+    placeholder = 'Add a comment';
+    customTemplate;
+    disable = false;
+    action = new EventEmitter();
+    _commentValue = '';
+    get commentValue() {
+        return this._commentValue;
+    }
+    set commentValue(value) {
+        this._commentValue = value;
+        this.propagateChange(value);
+    }
+    propagateChange = () => { };
+    registerOnChange(fn) {
+        this.propagateChange = fn;
+    }
+    registerOnTouched(fn) { }
+    setDisabledState(isDisabled) {
+        this.disable = isDisabled;
+    }
+    writeValue(obj) {
+        this._commentValue = obj != undefined ? obj : '';
+        this.propagateChange(this._commentValue);
+    }
+    onChange(event) {
+        const value = event.target.value;
+        this._commentValue = value != undefined ? value : '';
+        this.propagateChange(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: AddCommentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.10", type: AddCommentComponent, isStandalone: true, selector: "ap-add-comment", inputs: { placeholder: "placeholder", customTemplate: "customTemplate", disable: "disable" }, outputs: { action: "action" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AddCommentComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<div class=\"add-comment\">\n    <textarea\n        apAutosize\n        dir=\"auto\"\n        matInput\n        rows=\"1\"\n        [placeholder]=\"placeholder\"\n        [value]=\"_commentValue\"\n        (keyup)=\"onChange($event)\"\n        (change)=\"onChange($event)\"></textarea>\n\n    <ng-template\n        #defaultTemplate\n        let-action=\"action\">\n        <div class=\"default-template\">\n            <ap-button\n                name=\"\"\n                [config]=\"{\n                    style: 'stroked',\n                    color: 'grey'\n                }\"\n                (click)=\"action.emit('send')\">\n                Send\n            </ap-button>\n        </div>\n    </ng-template>\n\n    <ng-template\n        [ngTemplateOutlet]=\"customTemplate || defaultTemplate\"\n        [ngTemplateOutletContext]=\"{\n            action: action\n        }\" />\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}.add-comment{border:1px solid #d6dae0;border-radius:4px;display:flex;flex-direction:column}.add-comment:focus-within{border:1px solid #178dfe}.add-comment:not(:focus-within):hover{border-color:#aeb5c1}.add-comment textarea{border:none;background:transparent;color:#858fa1;padding:0;margin:6px 16px}.add-comment textarea:focus,.add-comment input:focus{outline:none}.add-comment .default-template{display:flex;flex-direction:row-reverse}.add-comment .default-template button{background-color:#fff!important;width:90px;margin-right:8px;margin-bottom:8px;align-self:end}.add-comment .default-template button:hover{border-color:#d6dae0!important}.add-comment .default-template button:active{border-color:#aeb5c1!important}\n"], dependencies: [{ kind: "directive", type: AutosizeTextareaDirective, selector: "textarea[apAutosize]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.Dir, selector: "[dir]", inputs: ["dir"], outputs: ["dirChange"], exportAs: ["dir"] }, { kind: "directive", type: i2.MatLegacyInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", exportAs: ["matInput"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ButtonComponent, selector: "ap-button", inputs: ["ariaLabel", "disabled", "name", "form", "config", "loading", "locked", "menuTrigger", "symbolPosition", "ionicModalEnabled"], outputs: ["menuOpened", "menuClosed", "click", "focus", "blur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.10", ngImport: i0, type: AddCommentComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-add-comment', standalone: true, imports: [AutosizeTextareaDirective, MatInputModule, NgTemplateOutlet, ButtonComponent], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AddCommentComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"add-comment\">\n    <textarea\n        apAutosize\n        dir=\"auto\"\n        matInput\n        rows=\"1\"\n        [placeholder]=\"placeholder\"\n        [value]=\"_commentValue\"\n        (keyup)=\"onChange($event)\"\n        (change)=\"onChange($event)\"></textarea>\n\n    <ng-template\n        #defaultTemplate\n        let-action=\"action\">\n        <div class=\"default-template\">\n            <ap-button\n                name=\"\"\n                [config]=\"{\n                    style: 'stroked',\n                    color: 'grey'\n                }\"\n                (click)=\"action.emit('send')\">\n                Send\n            </ap-button>\n        </div>\n    </ng-template>\n\n    <ng-template\n        [ngTemplateOutlet]=\"customTemplate || defaultTemplate\"\n        [ngTemplateOutletContext]=\"{\n            action: action\n        }\" />\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}.add-comment{border:1px solid #d6dae0;border-radius:4px;display:flex;flex-direction:column}.add-comment:focus-within{border:1px solid #178dfe}.add-comment:not(:focus-within):hover{border-color:#aeb5c1}.add-comment textarea{border:none;background:transparent;color:#858fa1;padding:0;margin:6px 16px}.add-comment textarea:focus,.add-comment input:focus{outline:none}.add-comment .default-template{display:flex;flex-direction:row-reverse}.add-comment .default-template button{background-color:#fff!important;width:90px;margin-right:8px;margin-bottom:8px;align-self:end}.add-comment .default-template button:hover{border-color:#d6dae0!important}.add-comment .default-template button:active{border-color:#aeb5c1!important}\n"] }]
+        }], propDecorators: { placeholder: [{
+                type: Input
+            }], customTemplate: [{
+                type: Input
+            }], disable: [{
+                type: Input
+            }], action: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLWNvbW1lbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbGlicy91aS1jb21wb25lbnRzL2FkZC1jb21tZW50L3NyYy9hZGQtY29tbWVudC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvYWRkLWNvbW1lbnQvc3JjL2FkZC1jb21tZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUN6SCxPQUFPLEVBQXdCLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDekUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ25FLE9BQU8sRUFBRSxvQkFBb0IsSUFBSSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4RixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7OztBQWlCakYsTUFBTSxPQUFPLG1CQUFtQjtJQUNuQixXQUFXLEdBQUcsZUFBZSxDQUFDO0lBQzlCLGNBQWMsQ0FBb0I7SUFDbEMsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUVmLE1BQU0sR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU1RCxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQ25CLElBQVcsWUFBWTtRQUNuQixPQUFPLElBQUksQ0FBQyxhQUFhLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQVcsWUFBWSxDQUFDLEtBQWE7UUFDakMsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7UUFDM0IsSUFBSSxDQUFDLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsZUFBZSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztJQUVoQyxnQkFBZ0IsQ0FBQyxFQUFPO1FBQ3BCLElBQUksQ0FBQyxlQUFlLEdBQUcsRUFBRSxDQUFDO0lBQzlCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxFQUFPLElBQVMsQ0FBQztJQUVuQyxnQkFBZ0IsQ0FBQyxVQUFtQjtRQUNoQyxJQUFJLENBQUMsT0FBTyxHQUFHLFVBQVUsQ0FBQztJQUM5QixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVE7UUFDZixJQUFJLENBQUMsYUFBYSxHQUFHLEdBQUcsSUFBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQ2pELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzdDLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWTtRQUNqQixNQUFNLEtBQUssR0FBSSxLQUFLLENBQUMsTUFBMkIsQ0FBQyxLQUFLLENBQUM7UUFDdkQsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNyRCxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7d0dBdENRLG1CQUFtQjs0RkFBbkIsbUJBQW1CLDBMQVJqQjtZQUNQO2dCQUNJLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ2xELEtBQUssRUFBRSxJQUFJO2FBQ2Q7U0FDSiwwQkNyQkwsZzRCQWlDQSxpck1EbkJjLHlCQUF5QixnRUFBRSxjQUFjLGdXQUFFLGdCQUFnQixvSkFBRSxlQUFlOzs0RkFTN0UsbUJBQW1CO2tCQWYvQixTQUFTO3NDQUNXLHVCQUF1QixDQUFDLE1BQU0sWUFDckMsZ0JBQWdCLGNBR2QsSUFBSSxXQUNQLENBQUMseUJBQXlCLEVBQUUsY0FBYyxFQUFFLGdCQUFnQixFQUFFLGVBQWUsQ0FBQyxhQUM1RTt3QkFDUDs0QkFDSSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxvQkFBb0IsQ0FBQzs0QkFDbEQsS0FBSyxFQUFFLElBQUk7eUJBQ2Q7cUJBQ0o7OEJBR1EsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFFSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZW1wdHktZnVuY3Rpb24gKi9cbmltcG9ydCB7IE5nVGVtcGxhdGVPdXRsZXQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBmb3J3YXJkUmVmLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnQGFnb3JhcHVsc2UvdWktY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgTWF0TGVnYWN5SW5wdXRNb2R1bGUgYXMgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9sZWdhY3ktaW5wdXQnO1xuaW1wb3J0IHsgQXV0b3NpemVUZXh0YXJlYURpcmVjdGl2ZSB9IGZyb20gJ0BhZ29yYXB1bHNlL3VpLWNvbXBvbmVudHMvZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHNlbGVjdG9yOiAnYXAtYWRkLWNvbW1lbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hZGQtY29tbWVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWRkLWNvbW1lbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIGltcG9ydHM6IFtBdXRvc2l6ZVRleHRhcmVhRGlyZWN0aXZlLCBNYXRJbnB1dE1vZHVsZSwgTmdUZW1wbGF0ZU91dGxldCwgQnV0dG9uQ29tcG9uZW50XSxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAge1xuICAgICAgICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICAgICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBBZGRDb21tZW50Q29tcG9uZW50KSxcbiAgICAgICAgICAgIG11bHRpOiB0cnVlLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFkZENvbW1lbnRDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gICAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnQWRkIGEgY29tbWVudCc7XG4gICAgQElucHV0KCkgY3VzdG9tVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIEBJbnB1dCgpIGRpc2FibGUgPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKSBhY3Rpb246IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gICAgX2NvbW1lbnRWYWx1ZSA9ICcnO1xuICAgIHB1YmxpYyBnZXQgY29tbWVudFZhbHVlKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLl9jb21tZW50VmFsdWU7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCBjb21tZW50VmFsdWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLl9jb21tZW50VmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodmFsdWUpO1xuICAgIH1cblxuICAgIHByb3BhZ2F0ZUNoYW5nZTogYW55ID0gKCkgPT4ge307XG5cbiAgICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UgPSBmbjtcbiAgICB9XG5cbiAgICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7fVxuXG4gICAgc2V0RGlzYWJsZWRTdGF0ZShpc0Rpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIHRoaXMuZGlzYWJsZSA9IGlzRGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgd3JpdGVWYWx1ZShvYmo6IGFueSk6IHZvaWQge1xuICAgICAgICB0aGlzLl9jb21tZW50VmFsdWUgPSBvYmogIT0gdW5kZWZpbmVkID8gb2JqIDogJyc7XG4gICAgICAgIHRoaXMucHJvcGFnYXRlQ2hhbmdlKHRoaXMuX2NvbW1lbnRWYWx1ZSk7XG4gICAgfVxuXG4gICAgb25DaGFuZ2UoZXZlbnQ6IEV2ZW50KSB7XG4gICAgICAgIGNvbnN0IHZhbHVlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50KS52YWx1ZTtcbiAgICAgICAgdGhpcy5fY29tbWVudFZhbHVlID0gdmFsdWUgIT0gdW5kZWZpbmVkID8gdmFsdWUgOiAnJztcbiAgICAgICAgdGhpcy5wcm9wYWdhdGVDaGFuZ2UodmFsdWUpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhZGQtY29tbWVudFwiPlxuICAgIDx0ZXh0YXJlYVxuICAgICAgICBhcEF1dG9zaXplXG4gICAgICAgIGRpcj1cImF1dG9cIlxuICAgICAgICBtYXRJbnB1dFxuICAgICAgICByb3dzPVwiMVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAgIFt2YWx1ZV09XCJfY29tbWVudFZhbHVlXCJcbiAgICAgICAgKGtleXVwKT1cIm9uQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIj48L3RleHRhcmVhPlxuXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICAgICNkZWZhdWx0VGVtcGxhdGVcbiAgICAgICAgbGV0LWFjdGlvbj1cImFjdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiZGVmYXVsdC10ZW1wbGF0ZVwiPlxuICAgICAgICAgICAgPGFwLWJ1dHRvblxuICAgICAgICAgICAgICAgIG5hbWU9XCJcIlxuICAgICAgICAgICAgICAgIFtjb25maWddPVwie1xuICAgICAgICAgICAgICAgICAgICBzdHlsZTogJ3N0cm9rZWQnLFxuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJ2dyZXknXG4gICAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImFjdGlvbi5lbWl0KCdzZW5kJylcIj5cbiAgICAgICAgICAgICAgICBTZW5kXG4gICAgICAgICAgICA8L2FwLWJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgIDxuZy10ZW1wbGF0ZVxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJjdXN0b21UZW1wbGF0ZSB8fCBkZWZhdWx0VGVtcGxhdGVcIlxuICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwie1xuICAgICAgICAgICAgYWN0aW9uOiBhY3Rpb25cbiAgICAgICAgfVwiIC8+XG48L2Rpdj5cbiJdfQ==