@agorapulse/ui-components 15.0.10 → 15.0.13

package/esm2020/paginator/paginator.component.mjs

@@ -3,9 +3,9 @@ import { NgForOf, NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
 import { PaginatorButtonComponent } from './paginator-button/paginator-button.component';
+import { IconButtonComponent } from "@agorapulse/ui-components/icon-button";
 import * as i0 from "@angular/core";
 import * as i1 from "@agorapulse/ui-symbol";
-import * as i2 from "@angular/material/legacy-button";
 export class PaginatorComponent {
     constructor(symbolRegistry) {
         this.symbolRegistry = symbolRegistry;
@@ -41,10 +41,10 @@ export class PaginatorComponent {
     }
 }
 PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PaginatorComponent, deps: [{ token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
-PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: PaginatorComponent, isStandalone: true, selector: "ap-paginator", inputs: { itemCount: "itemCount", itemCountPerPage: "itemCountPerPage", edgeSize: "edgeSize", middleSize: "middleSize", currentPageIndex: "currentPageIndex" }, outputs: { currentPageIndexChange: "currentPageIndexChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"item-index-overview\">\n    {{(currentPageIndex * itemCountPerPage) + 1}}\n    -{{lastPageDisplayed ? itemCount : (currentPageIndex + 1) * itemCountPerPage}}\n    of {{itemCount}}\n</div>\n\n<div class=\"pages\">\n    <button class=\"square\"\n            mat-flat-button\n            [disabled]=\"firstPageDisplayed\"\n            (click)=\"onSelectPage(currentPageIndex - 1)\">\n        <ap-symbol symbolId=\"arrow-left-1\"></ap-symbol>\n    </button>\n    <ng-container *ngIf=\"pageCount > edgeSize + 1; else allPagesDisplayed\">\n        <ng-container *ngIf=\"currentPageIndex >= edgeSize - 1; else oneOfFirstPagesDisplayed\">\n            <ng-container *ngIf=\"currentPageIndex <= pageCount - edgeSize; else oneOfLastPagesDisplayed\">\n                <ap-paginator-button [pageIndex]=\"0\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n                <span class=\"ellipsis\">...</span>\n                <ng-container *ngFor=\"let dummy of [].constructor(middleSize); let i = index\">\n                    <ap-paginator-button [pageIndex]=\"currentPageIndex + i - (middleSize - 1) / 2\"\n                                         [selectedPageIndex]=\"currentPageIndex\"\n                                         (selectPage)=\"onSelectPage($event)\">\n                    </ap-paginator-button>\n                </ng-container>\n                <span class=\"ellipsis\">...</span>\n                <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-container>\n        <ng-template #oneOfFirstPagesDisplayed>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n            <span class=\"ellipsis\">...</span>\n            <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-template>\n        <ng-template #oneOfLastPagesDisplayed>\n            <ap-paginator-button [pageIndex]=\"0\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n            <span class=\"ellipsis\">...</span>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"pageCount - edgeSize + i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n    <ng-template #allPagesDisplayed>\n        <ng-container *ngFor=\"let dummy of [].constructor(pageCount); let i = index\">\n            <ap-paginator-button [pageIndex]=\"i\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-container>\n    </ng-template>\n    <button class=\"square\"\n            mat-flat-button\n            [disabled]=\"lastPageDisplayed\"\n            (click)=\"onSelectPage(currentPageIndex + 1)\">\n        <ap-symbol symbolId=\"arrow-right-1\"></ap-symbol>\n    </button>\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}.item-index-overview{position:absolute;line-height:36px}.pages{display:flex;justify-content:center;color:#178dfe}.pages ap-paginator-button,.pages button.mat-flat-button{vertical-align:middle}.pages button.mat-flat-button:not(.mat-accent):not([disabled]){color:#178dfe}.pages button.mat-flat-button:not(.mat-accent):not([disabled]):hover{background-color:#e8f4ff}.pages .ellipsis{display:inline-block;width:36px;line-height:36px;text-align:center;vertical-align:bottom}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PaginatorButtonComponent, selector: "ap-paginator-button", inputs: ["pageIndex", "selectedPageIndex"], outputs: ["selectPage"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: PaginatorComponent, isStandalone: true, selector: "ap-paginator", inputs: { itemCount: "itemCount", itemCountPerPage: "itemCountPerPage", edgeSize: "edgeSize", middleSize: "middleSize", currentPageIndex: "currentPageIndex" }, outputs: { currentPageIndexChange: "currentPageIndexChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"item-index-overview\">\n    {{(currentPageIndex * itemCountPerPage) + 1}}\n    -{{lastPageDisplayed ? itemCount : (currentPageIndex + 1) * itemCountPerPage}}\n    of {{itemCount}}\n</div>\n\n<div class=\"pages\">\n    <ap-icon-button\n        ariaLabel=\"Select Previous Page button\"\n        name=\"select-previous-page-button\"\n        color=\"none\"\n        [disabled]=\"firstPageDisplayed\"\n        (onClick)=\"onSelectPage(currentPageIndex - 1)\"\n        type=\"flat\"\n    >\n        <ap-symbol symbolId=\"arrow-left-1\"></ap-symbol>\n    </ap-icon-button>\n    <ng-container *ngIf=\"pageCount > edgeSize + 1; else allPagesDisplayed\">\n        <ng-container *ngIf=\"currentPageIndex >= edgeSize - 1; else oneOfFirstPagesDisplayed\">\n            <ng-container *ngIf=\"currentPageIndex <= pageCount - edgeSize; else oneOfLastPagesDisplayed\">\n                <ap-paginator-button [pageIndex]=\"0\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n                <span class=\"ellipsis\">...</span>\n                <ng-container *ngFor=\"let dummy of [].constructor(middleSize); let i = index\">\n                    <ap-paginator-button [pageIndex]=\"currentPageIndex + i - (middleSize - 1) / 2\"\n                                         [selectedPageIndex]=\"currentPageIndex\"\n                                         (selectPage)=\"onSelectPage($event)\">\n                    </ap-paginator-button>\n                </ng-container>\n                <span class=\"ellipsis\">...</span>\n                <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-container>\n        <ng-template #oneOfFirstPagesDisplayed>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n            <span class=\"ellipsis\">...</span>\n            <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-template>\n        <ng-template #oneOfLastPagesDisplayed>\n            <ap-paginator-button [pageIndex]=\"0\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n            <span class=\"ellipsis\">...</span>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"pageCount - edgeSize + i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n    <ng-template #allPagesDisplayed>\n        <ng-container *ngFor=\"let dummy of [].constructor(pageCount); let i = index\">\n            <ap-paginator-button [pageIndex]=\"i\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-container>\n    </ng-template>\n    <ap-icon-button\n        ariaLabel=\"Select Next Page button\"\n        name=\"select-next-page-button\"\n        color=\"none\"\n        [disabled]=\"lastPageDisplayed\"\n        (onClick)=\"onSelectPage(currentPageIndex + 1)\"\n        type=\"flat\"\n    >\n        <ap-symbol symbolId=\"arrow-right-1\"></ap-symbol>\n    </ap-icon-button>\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}.item-index-overview{position:absolute;line-height:36px}.pages{display:flex;justify-content:center;color:#178dfe}.pages ap-paginator-button,.pages button.mat-flat-button{vertical-align:middle}.pages button.mat-flat-button:not(.mat-accent):not([disabled]){color:#178dfe}.pages button.mat-flat-button:not(.mat-accent):not([disabled]):hover{background-color:#e8f4ff}.pages .ellipsis{display:inline-block;width:36px;line-height:36px;text-align:center;vertical-align:bottom}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PaginatorButtonComponent, selector: "ap-paginator-button", inputs: ["pageIndex", "selectedPageIndex"], outputs: ["selectPage"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: IconButtonComponent, selector: "ap-icon-button", inputs: ["ariaLabel", "name", "color", "disabled", "locked", "loading", "type"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: PaginatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ap-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AgorapulseUiSymbolModule, MatButtonModule, NgIf, PaginatorButtonComponent, NgForOf], standalone: true, template: "<div class=\"item-index-overview\">\n    {{(currentPageIndex * itemCountPerPage) + 1}}\n    -{{lastPageDisplayed ? itemCount : (currentPageIndex + 1) * itemCountPerPage}}\n    of {{itemCount}}\n</div>\n\n<div class=\"pages\">\n    <button class=\"square\"\n            mat-flat-button\n            [disabled]=\"firstPageDisplayed\"\n            (click)=\"onSelectPage(currentPageIndex - 1)\">\n        <ap-symbol symbolId=\"arrow-left-1\"></ap-symbol>\n    </button>\n    <ng-container *ngIf=\"pageCount > edgeSize + 1; else allPagesDisplayed\">\n        <ng-container *ngIf=\"currentPageIndex >= edgeSize - 1; else oneOfFirstPagesDisplayed\">\n            <ng-container *ngIf=\"currentPageIndex <= pageCount - edgeSize; else oneOfLastPagesDisplayed\">\n                <ap-paginator-button [pageIndex]=\"0\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n                <span class=\"ellipsis\">...</span>\n                <ng-container *ngFor=\"let dummy of [].constructor(middleSize); let i = index\">\n                    <ap-paginator-button [pageIndex]=\"currentPageIndex + i - (middleSize - 1) / 2\"\n                                         [selectedPageIndex]=\"currentPageIndex\"\n                                         (selectPage)=\"onSelectPage($event)\">\n                    </ap-paginator-button>\n                </ng-container>\n                <span class=\"ellipsis\">...</span>\n                <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-container>\n        <ng-template #oneOfFirstPagesDisplayed>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n            <span class=\"ellipsis\">...</span>\n            <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-template>\n        <ng-template #oneOfLastPagesDisplayed>\n            <ap-paginator-button [pageIndex]=\"0\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n            <span class=\"ellipsis\">...</span>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"pageCount - edgeSize + i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n    <ng-template #allPagesDisplayed>\n        <ng-container *ngFor=\"let dummy of [].constructor(pageCount); let i = index\">\n            <ap-paginator-button [pageIndex]=\"i\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-container>\n    </ng-template>\n    <button class=\"square\"\n            mat-flat-button\n            [disabled]=\"lastPageDisplayed\"\n            (click)=\"onSelectPage(currentPageIndex + 1)\">\n        <ap-symbol symbolId=\"arrow-right-1\"></ap-symbol>\n    </button>\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}.item-index-overview{position:absolute;line-height:36px}.pages{display:flex;justify-content:center;color:#178dfe}.pages ap-paginator-button,.pages button.mat-flat-button{vertical-align:middle}.pages button.mat-flat-button:not(.mat-accent):not([disabled]){color:#178dfe}.pages button.mat-flat-button:not(.mat-accent):not([disabled]):hover{background-color:#e8f4ff}.pages .ellipsis{display:inline-block;width:36px;line-height:36px;text-align:center;vertical-align:bottom}\n"] }]
+            args: [{ selector: 'ap-paginator', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AgorapulseUiSymbolModule, MatButtonModule, NgIf, PaginatorButtonComponent, NgForOf, IconButtonComponent], standalone: true, template: "<div class=\"item-index-overview\">\n    {{(currentPageIndex * itemCountPerPage) + 1}}\n    -{{lastPageDisplayed ? itemCount : (currentPageIndex + 1) * itemCountPerPage}}\n    of {{itemCount}}\n</div>\n\n<div class=\"pages\">\n    <ap-icon-button\n        ariaLabel=\"Select Previous Page button\"\n        name=\"select-previous-page-button\"\n        color=\"none\"\n        [disabled]=\"firstPageDisplayed\"\n        (onClick)=\"onSelectPage(currentPageIndex - 1)\"\n        type=\"flat\"\n    >\n        <ap-symbol symbolId=\"arrow-left-1\"></ap-symbol>\n    </ap-icon-button>\n    <ng-container *ngIf=\"pageCount > edgeSize + 1; else allPagesDisplayed\">\n        <ng-container *ngIf=\"currentPageIndex >= edgeSize - 1; else oneOfFirstPagesDisplayed\">\n            <ng-container *ngIf=\"currentPageIndex <= pageCount - edgeSize; else oneOfLastPagesDisplayed\">\n                <ap-paginator-button [pageIndex]=\"0\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n                <span class=\"ellipsis\">...</span>\n                <ng-container *ngFor=\"let dummy of [].constructor(middleSize); let i = index\">\n                    <ap-paginator-button [pageIndex]=\"currentPageIndex + i - (middleSize - 1) / 2\"\n                                         [selectedPageIndex]=\"currentPageIndex\"\n                                         (selectPage)=\"onSelectPage($event)\">\n                    </ap-paginator-button>\n                </ng-container>\n                <span class=\"ellipsis\">...</span>\n                <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-container>\n        <ng-template #oneOfFirstPagesDisplayed>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n            <span class=\"ellipsis\">...</span>\n            <ap-paginator-button [pageIndex]=\"pageCount - 1\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-template>\n        <ng-template #oneOfLastPagesDisplayed>\n            <ap-paginator-button [pageIndex]=\"0\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n            <span class=\"ellipsis\">...</span>\n            <ng-container *ngFor=\"let dummy of [].constructor(edgeSize); let i = index\">\n                <ap-paginator-button [pageIndex]=\"pageCount - edgeSize + i\"\n                                     [selectedPageIndex]=\"currentPageIndex\"\n                                     (selectPage)=\"onSelectPage($event)\">\n                </ap-paginator-button>\n            </ng-container>\n        </ng-template>\n    </ng-container>\n    <ng-template #allPagesDisplayed>\n        <ng-container *ngFor=\"let dummy of [].constructor(pageCount); let i = index\">\n            <ap-paginator-button [pageIndex]=\"i\"\n                                 [selectedPageIndex]=\"currentPageIndex\"\n                                 (selectPage)=\"onSelectPage($event)\">\n            </ap-paginator-button>\n        </ng-container>\n    </ng-template>\n    <ap-icon-button\n        ariaLabel=\"Select Next Page button\"\n        name=\"select-next-page-button\"\n        color=\"none\"\n        [disabled]=\"lastPageDisplayed\"\n        (onClick)=\"onSelectPage(currentPageIndex + 1)\"\n        type=\"flat\"\n    >\n        <ap-symbol symbolId=\"arrow-right-1\"></ap-symbol>\n    </ap-icon-button>\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}.item-index-overview{position:absolute;line-height:36px}.pages{display:flex;justify-content:center;color:#178dfe}.pages ap-paginator-button,.pages button.mat-flat-button{vertical-align:middle}.pages button.mat-flat-button:not(.mat-accent):not([disabled]){color:#178dfe}.pages button.mat-flat-button:not(.mat-accent):not([disabled]):hover{background-color:#e8f4ff}.pages .ellipsis{display:inline-block;width:36px;line-height:36px;text-align:center;vertical-align:bottom}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SymbolRegistry }]; }, propDecorators: { itemCount: [{
                 type: Input
             }], itemCountPerPage: [{
@@ -58,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
             }], currentPageIndexChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9wYWdpbmF0b3Ivc3JjL3BhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvcGFnaW5hdG9yL3NyYy9wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHdCQUF3QixFQUFFLFlBQVksRUFBRSxhQUFhLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUcsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQUMscUJBQXFCLElBQUksZUFBZSxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDekYsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7Ozs7QUFVdkYsTUFBTSxPQUFPLGtCQUFrQjtJQWEzQixZQUFtQixjQUE4QjtRQUE5QixtQkFBYyxHQUFkLGNBQWMsQ0FBZ0I7UUFaeEMsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUNkLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUN0QixhQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQ2IsZUFBVSxHQUFHLENBQUMsQ0FBQztRQUVmLHFCQUFnQixHQUFHLENBQUMsQ0FBQztRQUNwQiwyQkFBc0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBRXZELGNBQVMsR0FBRyxDQUFDLENBQUM7UUFDZCx1QkFBa0IsR0FBRyxJQUFJLENBQUM7UUFDMUIsc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBRzVCLElBQUksQ0FBQyxjQUFjLENBQUMsZUFBZSxDQUFDO1lBQ2hDLFlBQVk7WUFDWixhQUFhO1NBQ2hCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDOUIseUNBQXlDO1FBQ3pDLElBQUksT0FBTyxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDakQsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1NBQ3JCO1FBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLElBQUksT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFBSSxPQUFPLENBQUMsZ0JBQWdCLEVBQUU7WUFDeEcsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDbkUseURBQXlEO1lBQ3pELElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsRUFBRSxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUM7WUFDekYsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxDQUFDLENBQUM7WUFDdEQsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsS0FBSyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztTQUN6RTtJQUNMLENBQUM7SUFFRCxZQUFZLENBQUMsU0FBaUI7UUFDMUIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNoRCxDQUFDOzsrR0FwQ1Esa0JBQWtCO21HQUFsQixrQkFBa0IsNFRDZC9CLCs4SEE0RUEsdzdMRGpFYyx3QkFBd0IsZ0tBQUUsZUFBZSxpV0FBRSxJQUFJLDZGQUFFLHdCQUF3QixxSUFBRSxPQUFPOzJGQUduRixrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0ksY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsd0JBQXdCLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSx3QkFBd0IsRUFBRSxPQUFPLENBQUMsY0FDakYsSUFBSTtxR0FHUCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNJLHNCQUFzQjtzQkFBL0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLCBhcEFycm93TGVmdDEsIGFwQXJyb3dSaWdodDEsIFN5bWJvbFJlZ2lzdHJ5fSBmcm9tICdAYWdvcmFwdWxzZS91aS1zeW1ib2wnO1xuaW1wb3J0IHtOZ0Zvck9mLCBOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdExlZ2FjeUJ1dHRvbk1vZHVsZSBhcyBNYXRCdXR0b25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1idXR0b24nO1xuaW1wb3J0IHtQYWdpbmF0b3JCdXR0b25Db21wb25lbnR9IGZyb20gJy4vcGFnaW5hdG9yLWJ1dHRvbi9wYWdpbmF0b3ItYnV0dG9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXAtcGFnaW5hdG9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBpbXBvcnRzOiBbQWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGUsIE5nSWYsIFBhZ2luYXRvckJ1dHRvbkNvbXBvbmVudCwgTmdGb3JPZl0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBpdGVtQ291bnQgPSAwO1xuICAgIEBJbnB1dCgpIGl0ZW1Db3VudFBlclBhZ2UgPSAxMDtcbiAgICBASW5wdXQoKSBlZGdlU2l6ZSA9IDU7XG4gICAgQElucHV0KCkgbWlkZGxlU2l6ZSA9IDM7XG5cbiAgICBASW5wdXQoKSBjdXJyZW50UGFnZUluZGV4ID0gMDtcbiAgICBAT3V0cHV0KCkgY3VycmVudFBhZ2VJbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgcHVibGljIHBhZ2VDb3VudCA9IDA7XG4gICAgcHVibGljIGZpcnN0UGFnZURpc3BsYXllZCA9IHRydWU7XG4gICAgcHVibGljIGxhc3RQYWdlRGlzcGxheWVkID0gdHJ1ZTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzeW1ib2xSZWdpc3RyeTogU3ltYm9sUmVnaXN0cnkpIHtcbiAgICAgICAgdGhpcy5zeW1ib2xSZWdpc3RyeS5yZWdpc3RlclN5bWJvbHMoW1xuICAgICAgICAgICAgYXBBcnJvd0xlZnQxLFxuICAgICAgICAgICAgYXBBcnJvd1JpZ2h0MVxuICAgICAgICBdKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgICAgIC8vIG1ha2Ugc3VyZSBtaWRkbGUgc2l6ZSBpcyBhbiBvZGQgbnVtYmVyXG4gICAgICAgIGlmIChjaGFuZ2VzLm1pZGRsZVNpemUgJiYgdGhpcy5taWRkbGVTaXplICUgMiA9PT0gMCkge1xuICAgICAgICAgICAgdGhpcy5taWRkbGVTaXplKys7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCh0aGlzLml0ZW1Db3VudFBlclBhZ2UgJiYgKGNoYW5nZXMuaXRlbUNvdW50IHx8IGNoYW5nZXMuaXRlbUNvdW50UGVyUGFnZSkpIHx8IGNoYW5nZXMuY3VycmVudFBhZ2VJbmRleCkge1xuICAgICAgICAgICAgdGhpcy5wYWdlQ291bnQgPSBNYXRoLmNlaWwodGhpcy5pdGVtQ291bnQgLyB0aGlzLml0ZW1Db3VudFBlclBhZ2UpO1xuICAgICAgICAgICAgLy8gbWFrZSBzdXJlIHBhZ2UgaW5kZXggaXMgYmV0d2VlbiBtaW4gYW5kIG1heCBwYWdlIGluZGV4XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRQYWdlSW5kZXggPSBNYXRoLm1heCgwLCBNYXRoLm1pbih0aGlzLnBhZ2VDb3VudCAtIDEsIHRoaXMuY3VycmVudFBhZ2VJbmRleCkpO1xuICAgICAgICAgICAgdGhpcy5maXJzdFBhZ2VEaXNwbGF5ZWQgPSB0aGlzLmN1cnJlbnRQYWdlSW5kZXggPT09IDA7XG4gICAgICAgICAgICB0aGlzLmxhc3RQYWdlRGlzcGxheWVkID0gdGhpcy5jdXJyZW50UGFnZUluZGV4ID09PSB0aGlzLnBhZ2VDb3VudCAtIDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblNlbGVjdFBhZ2UocGFnZUluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jdXJyZW50UGFnZUluZGV4Q2hhbmdlLmVtaXQocGFnZUluZGV4KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaXRlbS1pbmRleC1vdmVydmlld1wiPlxuICAgIHt7KGN1cnJlbnRQYWdlSW5kZXggKiBpdGVtQ291bnRQZXJQYWdlKSArIDF9fVxuICAgIC17e2xhc3RQYWdlRGlzcGxheWVkID8gaXRlbUNvdW50IDogKGN1cnJlbnRQYWdlSW5kZXggKyAxKSAqIGl0ZW1Db3VudFBlclBhZ2V9fVxuICAgIG9mIHt7aXRlbUNvdW50fX1cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicGFnZXNcIj5cbiAgICA8YnV0dG9uIGNsYXNzPVwic3F1YXJlXCJcbiAgICAgICAgICAgIG1hdC1mbGF0LWJ1dHRvblxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZpcnN0UGFnZURpc3BsYXllZFwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25TZWxlY3RQYWdlKGN1cnJlbnRQYWdlSW5kZXggLSAxKVwiPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwiYXJyb3ctbGVmdC0xXCI+PC9hcC1zeW1ib2w+XG4gICAgPC9idXR0b24+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInBhZ2VDb3VudCA+IGVkZ2VTaXplICsgMTsgZWxzZSBhbGxQYWdlc0Rpc3BsYXllZFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudFBhZ2VJbmRleCA+PSBlZGdlU2l6ZSAtIDE7IGVsc2Ugb25lT2ZGaXJzdFBhZ2VzRGlzcGxheWVkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudFBhZ2VJbmRleCA8PSBwYWdlQ291bnQgLSBlZGdlU2l6ZTsgZWxzZSBvbmVPZkxhc3RQYWdlc0Rpc3BsYXllZFwiPlxuICAgICAgICAgICAgICAgIDxhcC1wYWdpbmF0b3ItYnV0dG9uIFtwYWdlSW5kZXhdPVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkUGFnZUluZGV4XT1cImN1cnJlbnRQYWdlSW5kZXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChzZWxlY3RQYWdlKT1cIm9uU2VsZWN0UGFnZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgPC9hcC1wYWdpbmF0b3ItYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWxsaXBzaXNcIj4uLi48L3NwYW4+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZHVtbXkgb2YgW10uY29uc3RydWN0b3IobWlkZGxlU2l6ZSk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICAgICAgPGFwLXBhZ2luYXRvci1idXR0b24gW3BhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4ICsgaSAtIChtaWRkbGVTaXplIC0gMSkgLyAyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkUGFnZUluZGV4XT1cImN1cnJlbnRQYWdlSW5kZXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICA8L2FwLXBhZ2luYXRvci1idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPi4uLjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8YXAtcGFnaW5hdG9yLWJ1dHRvbiBbcGFnZUluZGV4XT1cInBhZ2VDb3VudCAtIDFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtcGFnaW5hdG9yLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNvbmVPZkZpcnN0UGFnZXNEaXNwbGF5ZWQ+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBkdW1teSBvZiBbXS5jb25zdHJ1Y3RvcihlZGdlU2l6ZSk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8YXAtcGFnaW5hdG9yLWJ1dHRvbiBbcGFnZUluZGV4XT1cImlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtcGFnaW5hdG9yLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPi4uLjwvc3Bhbj5cbiAgICAgICAgICAgIDxhcC1wYWdpbmF0b3ItYnV0dG9uIFtwYWdlSW5kZXhdPVwicGFnZUNvdW50IC0gMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRQYWdlSW5kZXhdPVwiY3VycmVudFBhZ2VJbmRleFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPC9hcC1wYWdpbmF0b3ItYnV0dG9uPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctdGVtcGxhdGUgI29uZU9mTGFzdFBhZ2VzRGlzcGxheWVkPlxuICAgICAgICAgICAgPGFwLXBhZ2luYXRvci1idXR0b24gW3BhZ2VJbmRleF09XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChzZWxlY3RQYWdlKT1cIm9uU2VsZWN0UGFnZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICA8L2FwLXBhZ2luYXRvci1idXR0b24+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImVsbGlwc2lzXCI+Li4uPC9zcGFuPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZHVtbXkgb2YgW10uY29uc3RydWN0b3IoZWRnZVNpemUpOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPGFwLXBhZ2luYXRvci1idXR0b24gW3BhZ2VJbmRleF09XCJwYWdlQ291bnQgLSBlZGdlU2l6ZSArIGlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtcGFnaW5hdG9yLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjYWxsUGFnZXNEaXNwbGF5ZWQ+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGR1bW15IG9mIFtdLmNvbnN0cnVjdG9yKHBhZ2VDb3VudCk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgIDxhcC1wYWdpbmF0b3ItYnV0dG9uIFtwYWdlSW5kZXhdPVwiaVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRQYWdlSW5kZXhdPVwiY3VycmVudFBhZ2VJbmRleFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPC9hcC1wYWdpbmF0b3ItYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxidXR0b24gY2xhc3M9XCJzcXVhcmVcIlxuICAgICAgICAgICAgbWF0LWZsYXQtYnV0dG9uXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwibGFzdFBhZ2VEaXNwbGF5ZWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uU2VsZWN0UGFnZShjdXJyZW50UGFnZUluZGV4ICsgMSlcIj5cbiAgICAgICAgPGFwLXN5bWJvbCBzeW1ib2xJZD1cImFycm93LXJpZ2h0LTFcIj48L2FwLXN5bWJvbD5cbiAgICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvdWktY29tcG9uZW50cy9wYWdpbmF0b3Ivc3JjL3BhZ2luYXRvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9saWJzL3VpLWNvbXBvbmVudHMvcGFnaW5hdG9yL3NyYy9wYWdpbmF0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHdCQUF3QixFQUFFLFlBQVksRUFBRSxhQUFhLEVBQWlCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUcsT0FBTyxFQUFDLE9BQU8sRUFBRSxJQUFJLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM5QyxPQUFPLEVBQUMsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFnQixNQUFNLGVBQWUsQ0FBQztBQUN4SCxPQUFPLEVBQUMscUJBQXFCLElBQUksZUFBZSxFQUFDLE1BQU0saUNBQWlDLENBQUM7QUFDekYsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sK0NBQStDLENBQUM7QUFDdkYsT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sdUNBQXVDLENBQUM7OztBQVUxRSxNQUFNLE9BQU8sa0JBQWtCO0lBYTNCLFlBQW1CLGNBQThCO1FBQTlCLG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQVp4QyxjQUFTLEdBQUcsQ0FBQyxDQUFDO1FBQ2QscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLGFBQVEsR0FBRyxDQUFDLENBQUM7UUFDYixlQUFVLEdBQUcsQ0FBQyxDQUFDO1FBRWYscUJBQWdCLEdBQUcsQ0FBQyxDQUFDO1FBQ3BCLDJCQUFzQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFdkQsY0FBUyxHQUFHLENBQUMsQ0FBQztRQUNkLHVCQUFrQixHQUFHLElBQUksQ0FBQztRQUMxQixzQkFBaUIsR0FBRyxJQUFJLENBQUM7UUFHNUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUM7WUFDaEMsWUFBWTtZQUNaLGFBQWE7U0FDaEIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUM5Qix5Q0FBeUM7UUFDekMsSUFBSSxPQUFPLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNqRCxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7U0FDckI7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsSUFBSSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxnQkFBZ0IsRUFBRTtZQUN4RyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztZQUNuRSx5REFBeUQ7WUFDekQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQztZQUN6RixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixLQUFLLENBQUMsQ0FBQztZQUN0RCxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixLQUFLLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDO1NBQ3pFO0lBQ0wsQ0FBQztJQUVELFlBQVksQ0FBQyxTQUFpQjtRQUMxQixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hELENBQUM7OytHQXBDUSxrQkFBa0I7bUdBQWxCLGtCQUFrQiw0VENmL0IsMnFJQW9GQSx3N0xEeEVjLHdCQUF3QixnS0FBRSxlQUFlLCtCQUFFLElBQUksNkZBQUUsd0JBQXdCLHFJQUFFLE9BQU8sbUhBQUUsbUJBQW1COzJGQUd4RyxrQkFBa0I7a0JBUjlCLFNBQVM7K0JBQ0ksY0FBYyxtQkFHUCx1QkFBdUIsQ0FBQyxNQUFNLFdBQ3RDLENBQUMsd0JBQXdCLEVBQUUsZUFBZSxFQUFFLElBQUksRUFBRSx3QkFBd0IsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLENBQUMsY0FDdEcsSUFBSTtxR0FHUCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNJLHNCQUFzQjtzQkFBL0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLCBhcEFycm93TGVmdDEsIGFwQXJyb3dSaWdodDEsIFN5bWJvbFJlZ2lzdHJ5fSBmcm9tICdAYWdvcmFwdWxzZS91aS1zeW1ib2wnO1xuaW1wb3J0IHtOZ0Zvck9mLCBOZ0lmfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgU2ltcGxlQ2hhbmdlc30gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01hdExlZ2FjeUJ1dHRvbk1vZHVsZSBhcyBNYXRCdXR0b25Nb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1idXR0b24nO1xuaW1wb3J0IHtQYWdpbmF0b3JCdXR0b25Db21wb25lbnR9IGZyb20gJy4vcGFnaW5hdG9yLWJ1dHRvbi9wYWdpbmF0b3ItYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQge0ljb25CdXR0b25Db21wb25lbnR9IGZyb20gXCJAYWdvcmFwdWxzZS91aS1jb21wb25lbnRzL2ljb24tYnV0dG9uXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXAtcGFnaW5hdG9yJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYWdpbmF0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBpbXBvcnRzOiBbQWdvcmFwdWxzZVVpU3ltYm9sTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGUsIE5nSWYsIFBhZ2luYXRvckJ1dHRvbkNvbXBvbmVudCwgTmdGb3JPZiwgSWNvbkJ1dHRvbkNvbXBvbmVudF0sXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnaW5hdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcbiAgICBASW5wdXQoKSBpdGVtQ291bnQgPSAwO1xuICAgIEBJbnB1dCgpIGl0ZW1Db3VudFBlclBhZ2UgPSAxMDtcbiAgICBASW5wdXQoKSBlZGdlU2l6ZSA9IDU7XG4gICAgQElucHV0KCkgbWlkZGxlU2l6ZSA9IDM7XG5cbiAgICBASW5wdXQoKSBjdXJyZW50UGFnZUluZGV4ID0gMDtcbiAgICBAT3V0cHV0KCkgY3VycmVudFBhZ2VJbmRleENoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gICAgcHVibGljIHBhZ2VDb3VudCA9IDA7XG4gICAgcHVibGljIGZpcnN0UGFnZURpc3BsYXllZCA9IHRydWU7XG4gICAgcHVibGljIGxhc3RQYWdlRGlzcGxheWVkID0gdHJ1ZTtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBzeW1ib2xSZWdpc3RyeTogU3ltYm9sUmVnaXN0cnkpIHtcbiAgICAgICAgdGhpcy5zeW1ib2xSZWdpc3RyeS5yZWdpc3RlclN5bWJvbHMoW1xuICAgICAgICAgICAgYXBBcnJvd0xlZnQxLFxuICAgICAgICAgICAgYXBBcnJvd1JpZ2h0MVxuICAgICAgICBdKTtcbiAgICB9XG5cbiAgICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgICAgIC8vIG1ha2Ugc3VyZSBtaWRkbGUgc2l6ZSBpcyBhbiBvZGQgbnVtYmVyXG4gICAgICAgIGlmIChjaGFuZ2VzLm1pZGRsZVNpemUgJiYgdGhpcy5taWRkbGVTaXplICUgMiA9PT0gMCkge1xuICAgICAgICAgICAgdGhpcy5taWRkbGVTaXplKys7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKCh0aGlzLml0ZW1Db3VudFBlclBhZ2UgJiYgKGNoYW5nZXMuaXRlbUNvdW50IHx8IGNoYW5nZXMuaXRlbUNvdW50UGVyUGFnZSkpIHx8IGNoYW5nZXMuY3VycmVudFBhZ2VJbmRleCkge1xuICAgICAgICAgICAgdGhpcy5wYWdlQ291bnQgPSBNYXRoLmNlaWwodGhpcy5pdGVtQ291bnQgLyB0aGlzLml0ZW1Db3VudFBlclBhZ2UpO1xuICAgICAgICAgICAgLy8gbWFrZSBzdXJlIHBhZ2UgaW5kZXggaXMgYmV0d2VlbiBtaW4gYW5kIG1heCBwYWdlIGluZGV4XG4gICAgICAgICAgICB0aGlzLmN1cnJlbnRQYWdlSW5kZXggPSBNYXRoLm1heCgwLCBNYXRoLm1pbih0aGlzLnBhZ2VDb3VudCAtIDEsIHRoaXMuY3VycmVudFBhZ2VJbmRleCkpO1xuICAgICAgICAgICAgdGhpcy5maXJzdFBhZ2VEaXNwbGF5ZWQgPSB0aGlzLmN1cnJlbnRQYWdlSW5kZXggPT09IDA7XG4gICAgICAgICAgICB0aGlzLmxhc3RQYWdlRGlzcGxheWVkID0gdGhpcy5jdXJyZW50UGFnZUluZGV4ID09PSB0aGlzLnBhZ2VDb3VudCAtIDE7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBvblNlbGVjdFBhZ2UocGFnZUluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jdXJyZW50UGFnZUluZGV4Q2hhbmdlLmVtaXQocGFnZUluZGV4KTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaXRlbS1pbmRleC1vdmVydmlld1wiPlxuICAgIHt7KGN1cnJlbnRQYWdlSW5kZXggKiBpdGVtQ291bnRQZXJQYWdlKSArIDF9fVxuICAgIC17e2xhc3RQYWdlRGlzcGxheWVkID8gaXRlbUNvdW50IDogKGN1cnJlbnRQYWdlSW5kZXggKyAxKSAqIGl0ZW1Db3VudFBlclBhZ2V9fVxuICAgIG9mIHt7aXRlbUNvdW50fX1cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwicGFnZXNcIj5cbiAgICA8YXAtaWNvbi1idXR0b25cbiAgICAgICAgYXJpYUxhYmVsPVwiU2VsZWN0IFByZXZpb3VzIFBhZ2UgYnV0dG9uXCJcbiAgICAgICAgbmFtZT1cInNlbGVjdC1wcmV2aW91cy1wYWdlLWJ1dHRvblwiXG4gICAgICAgIGNvbG9yPVwibm9uZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJmaXJzdFBhZ2VEaXNwbGF5ZWRcIlxuICAgICAgICAob25DbGljayk9XCJvblNlbGVjdFBhZ2UoY3VycmVudFBhZ2VJbmRleCAtIDEpXCJcbiAgICAgICAgdHlwZT1cImZsYXRcIlxuICAgID5cbiAgICAgICAgPGFwLXN5bWJvbCBzeW1ib2xJZD1cImFycm93LWxlZnQtMVwiPjwvYXAtc3ltYm9sPlxuICAgIDwvYXAtaWNvbi1idXR0b24+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInBhZ2VDb3VudCA+IGVkZ2VTaXplICsgMTsgZWxzZSBhbGxQYWdlc0Rpc3BsYXllZFwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudFBhZ2VJbmRleCA+PSBlZGdlU2l6ZSAtIDE7IGVsc2Ugb25lT2ZGaXJzdFBhZ2VzRGlzcGxheWVkXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY3VycmVudFBhZ2VJbmRleCA8PSBwYWdlQ291bnQgLSBlZGdlU2l6ZTsgZWxzZSBvbmVPZkxhc3RQYWdlc0Rpc3BsYXllZFwiPlxuICAgICAgICAgICAgICAgIDxhcC1wYWdpbmF0b3ItYnV0dG9uIFtwYWdlSW5kZXhdPVwiMFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkUGFnZUluZGV4XT1cImN1cnJlbnRQYWdlSW5kZXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChzZWxlY3RQYWdlKT1cIm9uU2VsZWN0UGFnZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICAgICAgPC9hcC1wYWdpbmF0b3ItYnV0dG9uPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZWxsaXBzaXNcIj4uLi48L3NwYW4+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZHVtbXkgb2YgW10uY29uc3RydWN0b3IobWlkZGxlU2l6ZSk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICAgICAgPGFwLXBhZ2luYXRvci1idXR0b24gW3BhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4ICsgaSAtIChtaWRkbGVTaXplIC0gMSkgLyAyXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3NlbGVjdGVkUGFnZUluZGV4XT1cImN1cnJlbnRQYWdlSW5kZXhcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgICAgICA8L2FwLXBhZ2luYXRvci1idXR0b24+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPi4uLjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8YXAtcGFnaW5hdG9yLWJ1dHRvbiBbcGFnZUluZGV4XT1cInBhZ2VDb3VudCAtIDFcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtcGFnaW5hdG9yLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNvbmVPZkZpcnN0UGFnZXNEaXNwbGF5ZWQ+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBkdW1teSBvZiBbXS5jb25zdHJ1Y3RvcihlZGdlU2l6ZSk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgICAgICA8YXAtcGFnaW5hdG9yLWJ1dHRvbiBbcGFnZUluZGV4XT1cImlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtcGFnaW5hdG9yLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPi4uLjwvc3Bhbj5cbiAgICAgICAgICAgIDxhcC1wYWdpbmF0b3ItYnV0dG9uIFtwYWdlSW5kZXhdPVwicGFnZUNvdW50IC0gMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRQYWdlSW5kZXhdPVwiY3VycmVudFBhZ2VJbmRleFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPC9hcC1wYWdpbmF0b3ItYnV0dG9uPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICA8bmctdGVtcGxhdGUgI29uZU9mTGFzdFBhZ2VzRGlzcGxheWVkPlxuICAgICAgICAgICAgPGFwLXBhZ2luYXRvci1idXR0b24gW3BhZ2VJbmRleF09XCIwXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChzZWxlY3RQYWdlKT1cIm9uU2VsZWN0UGFnZSgkZXZlbnQpXCI+XG4gICAgICAgICAgICA8L2FwLXBhZ2luYXRvci1idXR0b24+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cImVsbGlwc2lzXCI+Li4uPC9zcGFuPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgZHVtbXkgb2YgW10uY29uc3RydWN0b3IoZWRnZVNpemUpOyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgICAgICAgICAgPGFwLXBhZ2luYXRvci1idXR0b24gW3BhZ2VJbmRleF09XCJwYWdlQ291bnQgLSBlZGdlU2l6ZSArIGlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFBhZ2VJbmRleF09XCJjdXJyZW50UGFnZUluZGV4XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgICAgIDwvYXAtcGFnaW5hdG9yLWJ1dHRvbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxuZy10ZW1wbGF0ZSAjYWxsUGFnZXNEaXNwbGF5ZWQ+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGR1bW15IG9mIFtdLmNvbnN0cnVjdG9yKHBhZ2VDb3VudCk7IGxldCBpID0gaW5kZXhcIj5cbiAgICAgICAgICAgIDxhcC1wYWdpbmF0b3ItYnV0dG9uIFtwYWdlSW5kZXhdPVwiaVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2VsZWN0ZWRQYWdlSW5kZXhdPVwiY3VycmVudFBhZ2VJbmRleFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoc2VsZWN0UGFnZSk9XCJvblNlbGVjdFBhZ2UoJGV2ZW50KVwiPlxuICAgICAgICAgICAgPC9hcC1wYWdpbmF0b3ItYnV0dG9uPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICAgIDxhcC1pY29uLWJ1dHRvblxuICAgICAgICBhcmlhTGFiZWw9XCJTZWxlY3QgTmV4dCBQYWdlIGJ1dHRvblwiXG4gICAgICAgIG5hbWU9XCJzZWxlY3QtbmV4dC1wYWdlLWJ1dHRvblwiXG4gICAgICAgIGNvbG9yPVwibm9uZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJsYXN0UGFnZURpc3BsYXllZFwiXG4gICAgICAgIChvbkNsaWNrKT1cIm9uU2VsZWN0UGFnZShjdXJyZW50UGFnZUluZGV4ICsgMSlcIlxuICAgICAgICB0eXBlPVwiZmxhdFwiXG4gICAgPlxuICAgICAgICA8YXAtc3ltYm9sIHN5bWJvbElkPVwiYXJyb3ctcmlnaHQtMVwiPjwvYXAtc3ltYm9sPlxuICAgIDwvYXAtaWNvbi1idXR0b24+XG48L2Rpdj5cbiJdfQ==

package/fesm2015/agorapulse-ui-components-checkbox.mjs

@@ -118,7 +118,7 @@ CheckboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             useExisting: CheckboxComponent,
             multi: true
         }
-    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <div class=\"checkbox-container\"\n         [class.hover]=\"hovered\"\n         [class.checked]=\"checked\"\n         [class.indeterminate]=\"indeterminate && !checked\"\n         [class.disabled]=\"disabled\"\n         [class.has-label]=\"hasLabel\"\n         [class.required]=\"required\"\n    >\n        <input #input\n               type=\"checkbox\"\n               [id]=\"name\"\n               [class.disabled]=\"disabled\"\n               [attr.aria-checked]=\"ariaChecked\"\n               [attr.aria-label]=\"ariaLabel || null\"\n               [attr.aria-labelledby]=\"ariaLabelledby\"\n               [attr.aria-describedby]=\"ariaDescribedby\"\n               [checked]=\"checked\"\n               [required]=\"required\"\n               [attr.data-test]=\"name\"\n               (click)=\"onValueChange()\"\n        >\n        <span class=\"checkbox\"\n              (mouseenter)=\"onMouseEnter()\"\n              (mouseleave)=\"onMouseLeave()\"\n              (click)=\"onValueChange()\"\n        >\n            <span *ngIf=\"checked\"\n                  class=\"checkmark\">\n                <ap-symbol\n                    symbolId=\"check-2\"\n                    color=\"white\"\n                    size=\"10\"\n                >\n                </ap-symbol>\n            </span>\n            <span *ngIf=\"indeterminate && !checked\"\n                  class=\"indeterminate\">\n            </span>\n        </span>\n    </div>\n    <label\n        #label\n        [class.disabled]=\"disabled\"\n        [for]=\"name\"\n    >\n        <ng-content></ng-content>\n    </label>\n</div>\n", styles: ["ap-checkbox{display:flex;align-items:center}ap-checkbox.ng-invalid.ng-touched .checkbox-container.required span.checkbox{border-color:var(--ref-color-red-100)!important}ap-checkbox.full-width .checkbox{justify-content:space-between;align-items:center;width:100%}ap-checkbox .checkbox{display:flex;gap:var(--ref-spacing-xxs)}ap-checkbox .checkbox .checkbox-container{display:flex;justify-content:center;align-items:center;max-width:36px;max-height:36px;box-sizing:border-box}ap-checkbox .checkbox .checkbox-container:not(.has-label){padding:10px}ap-checkbox .checkbox .checkbox-container.hover:not(.disabled):not(.has-label){border-radius:var(--ref-border-radius-lg);background:var(--ref-color-grey-05)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label){background:var(--ref-color-electric-blue-20)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label) span.checkbox{background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:active{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10)}ap-checkbox .checkbox .checkbox-container.disabled.checked span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled.indeterminate span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{pointer-events:none}ap-checkbox .checkbox .checkbox-container input[type=checkbox]{margin:0;padding:0;width:0;height:0;transform:scale(0)}ap-checkbox .checkbox .checkbox-container input[type=checkbox]:focus:not(.disabled)~.checkbox{outline:3px solid var(--ref-color-electric-blue-100);outline-offset:1px}ap-checkbox .checkbox .checkbox-container span.checkbox{display:flex;justify-content:center;align-items:center;width:16px;height:16px;min-width:16px;min-height:16px;max-height:16px;max-width:16px;border-radius:var(--sys-border-radius-sm);border:1px solid var(--ref-color-grey-60);background:var(--ref-color-white);box-sizing:border-box}ap-checkbox .checkbox .checkbox-container span.checkbox:hover{cursor:pointer;border-color:var(--ref-color-grey-80)}ap-checkbox .checkbox .checkbox-container span.checkbox:active{border-color:var(--ref-color-grey-100)}ap-checkbox .checkbox .checkbox-container span.checkbox .checkmark{display:flex;justify-content:center;align-items:center}ap-checkbox .checkbox .checkbox-container span.checkbox .indeterminate{height:1.5px;background:var(--ref-color-white);width:8px}ap-checkbox .checkbox label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height)}ap-checkbox .checkbox label:empty{display:none}ap-checkbox .checkbox label.disabled{color:var(--ref-color-grey-60)}ap-checkbox .checkbox label:hover:not(.disabled){cursor:pointer}form.ng-submitted ap-checkbox.ng-invalid span.checkbox{border-color:var(--ref-color-red-100)!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, static: true }, { propertyName: "labelElement", first: true, predicate: ["label"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"checkbox\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <div class=\"checkbox-container\"\n         [class.hover]=\"hovered\"\n         [class.checked]=\"checked\"\n         [class.indeterminate]=\"indeterminate && !checked\"\n         [class.disabled]=\"disabled\"\n         [class.has-label]=\"hasLabel\"\n         [class.required]=\"required\"\n    >\n        <input #input\n               type=\"checkbox\"\n               [id]=\"name\"\n               [class.disabled]=\"disabled\"\n               [attr.aria-checked]=\"ariaChecked\"\n               [attr.aria-label]=\"ariaLabel || null\"\n               [attr.aria-labelledby]=\"ariaLabelledby\"\n               [attr.aria-describedby]=\"ariaDescribedby\"\n               [attr.aria-hidden]=\"true\"\n               [checked]=\"checked\"\n               [required]=\"required\"\n               [attr.data-test]=\"name\"\n               (click)=\"onValueChange()\"\n        >\n        <span class=\"checkbox\"\n              (mouseenter)=\"onMouseEnter()\"\n              (mouseleave)=\"onMouseLeave()\"\n              (click)=\"onValueChange()\"\n        >\n            <span *ngIf=\"checked\"\n                  class=\"checkmark\">\n                <ap-symbol\n                    symbolId=\"check-2\"\n                    color=\"white\"\n                    size=\"10\"\n                >\n                </ap-symbol>\n            </span>\n            <span *ngIf=\"indeterminate && !checked\"\n                  class=\"indeterminate\">\n            </span>\n        </span>\n    </div>\n    <label\n        #label\n        [class.disabled]=\"disabled\"\n        [for]=\"name\"\n    >\n        <ng-content></ng-content>\n    </label>\n</div>\n", styles: ["ap-checkbox{display:flex;align-items:center}ap-checkbox.ng-invalid.ng-touched .checkbox-container.required span.checkbox{border-color:var(--ref-color-red-100)!important}ap-checkbox.full-width .checkbox{justify-content:space-between;align-items:center;width:100%}ap-checkbox .checkbox{display:flex;gap:var(--ref-spacing-xxs)}ap-checkbox .checkbox .checkbox-container{display:flex;justify-content:center;align-items:center;max-width:36px;max-height:36px;box-sizing:border-box}ap-checkbox .checkbox .checkbox-container:not(.has-label){padding:10px}ap-checkbox .checkbox .checkbox-container.hover:not(.disabled):not(.has-label){border-radius:var(--ref-border-radius-lg);background:var(--ref-color-grey-05)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label){background:var(--ref-color-electric-blue-20)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label) span.checkbox{background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:active{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10)}ap-checkbox .checkbox .checkbox-container.disabled.checked span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled.indeterminate span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{pointer-events:none}ap-checkbox .checkbox .checkbox-container input[type=checkbox]{margin:0;padding:0;width:0;height:0;transform:scale(0)}@media (hover: hover){ap-checkbox .checkbox .checkbox-container input[type=checkbox]:focus:not(.disabled)~.checkbox{outline:3px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-checkbox .checkbox .checkbox-container span.checkbox{display:flex;justify-content:center;align-items:center;width:16px;height:16px;min-width:16px;min-height:16px;max-height:16px;max-width:16px;border-radius:var(--sys-border-radius-sm);border:1px solid var(--ref-color-grey-60);background:var(--ref-color-white);box-sizing:border-box}ap-checkbox .checkbox .checkbox-container span.checkbox:hover{cursor:pointer;border-color:var(--ref-color-grey-80)}ap-checkbox .checkbox .checkbox-container span.checkbox:active{border-color:var(--ref-color-grey-100)}ap-checkbox .checkbox .checkbox-container span.checkbox .checkmark{display:flex;justify-content:center;align-items:center}ap-checkbox .checkbox .checkbox-container span.checkbox .indeterminate{height:1.5px;background:var(--ref-color-white);width:8px}ap-checkbox .checkbox label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height)}ap-checkbox .checkbox label:empty{display:none}ap-checkbox .checkbox label.disabled{color:var(--ref-color-grey-60)}ap-checkbox .checkbox label:hover:not(.disabled){cursor:pointer}form.ng-submitted ap-checkbox.ng-invalid span.checkbox{border-color:var(--ref-color-red-100)!important}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-checkbox[name]', standalone: true, imports: [
@@ -132,7 +132,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                             useExisting: CheckboxComponent,
                             multi: true
                         }
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"checkbox\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <div class=\"checkbox-container\"\n         [class.hover]=\"hovered\"\n         [class.checked]=\"checked\"\n         [class.indeterminate]=\"indeterminate && !checked\"\n         [class.disabled]=\"disabled\"\n         [class.has-label]=\"hasLabel\"\n         [class.required]=\"required\"\n    >\n        <input #input\n               type=\"checkbox\"\n               [id]=\"name\"\n               [class.disabled]=\"disabled\"\n               [attr.aria-checked]=\"ariaChecked\"\n               [attr.aria-label]=\"ariaLabel || null\"\n               [attr.aria-labelledby]=\"ariaLabelledby\"\n               [attr.aria-describedby]=\"ariaDescribedby\"\n               [checked]=\"checked\"\n               [required]=\"required\"\n               [attr.data-test]=\"name\"\n               (click)=\"onValueChange()\"\n        >\n        <span class=\"checkbox\"\n              (mouseenter)=\"onMouseEnter()\"\n              (mouseleave)=\"onMouseLeave()\"\n              (click)=\"onValueChange()\"\n        >\n            <span *ngIf=\"checked\"\n                  class=\"checkmark\">\n                <ap-symbol\n                    symbolId=\"check-2\"\n                    color=\"white\"\n                    size=\"10\"\n                >\n                </ap-symbol>\n            </span>\n            <span *ngIf=\"indeterminate && !checked\"\n                  class=\"indeterminate\">\n            </span>\n        </span>\n    </div>\n    <label\n        #label\n        [class.disabled]=\"disabled\"\n        [for]=\"name\"\n    >\n        <ng-content></ng-content>\n    </label>\n</div>\n", styles: ["ap-checkbox{display:flex;align-items:center}ap-checkbox.ng-invalid.ng-touched .checkbox-container.required span.checkbox{border-color:var(--ref-color-red-100)!important}ap-checkbox.full-width .checkbox{justify-content:space-between;align-items:center;width:100%}ap-checkbox .checkbox{display:flex;gap:var(--ref-spacing-xxs)}ap-checkbox .checkbox .checkbox-container{display:flex;justify-content:center;align-items:center;max-width:36px;max-height:36px;box-sizing:border-box}ap-checkbox .checkbox .checkbox-container:not(.has-label){padding:10px}ap-checkbox .checkbox .checkbox-container.hover:not(.disabled):not(.has-label){border-radius:var(--ref-border-radius-lg);background:var(--ref-color-grey-05)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label){background:var(--ref-color-electric-blue-20)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label) span.checkbox{background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:active{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10)}ap-checkbox .checkbox .checkbox-container.disabled.checked span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled.indeterminate span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{pointer-events:none}ap-checkbox .checkbox .checkbox-container input[type=checkbox]{margin:0;padding:0;width:0;height:0;transform:scale(0)}ap-checkbox .checkbox .checkbox-container input[type=checkbox]:focus:not(.disabled)~.checkbox{outline:3px solid var(--ref-color-electric-blue-100);outline-offset:1px}ap-checkbox .checkbox .checkbox-container span.checkbox{display:flex;justify-content:center;align-items:center;width:16px;height:16px;min-width:16px;min-height:16px;max-height:16px;max-width:16px;border-radius:var(--sys-border-radius-sm);border:1px solid var(--ref-color-grey-60);background:var(--ref-color-white);box-sizing:border-box}ap-checkbox .checkbox .checkbox-container span.checkbox:hover{cursor:pointer;border-color:var(--ref-color-grey-80)}ap-checkbox .checkbox .checkbox-container span.checkbox:active{border-color:var(--ref-color-grey-100)}ap-checkbox .checkbox .checkbox-container span.checkbox .checkmark{display:flex;justify-content:center;align-items:center}ap-checkbox .checkbox .checkbox-container span.checkbox .indeterminate{height:1.5px;background:var(--ref-color-white);width:8px}ap-checkbox .checkbox label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height)}ap-checkbox .checkbox label:empty{display:none}ap-checkbox .checkbox label.disabled{color:var(--ref-color-grey-60)}ap-checkbox .checkbox label:hover:not(.disabled){cursor:pointer}form.ng-submitted ap-checkbox.ng-invalid span.checkbox{border-color:var(--ref-color-red-100)!important}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"checkbox\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <div class=\"checkbox-container\"\n         [class.hover]=\"hovered\"\n         [class.checked]=\"checked\"\n         [class.indeterminate]=\"indeterminate && !checked\"\n         [class.disabled]=\"disabled\"\n         [class.has-label]=\"hasLabel\"\n         [class.required]=\"required\"\n    >\n        <input #input\n               type=\"checkbox\"\n               [id]=\"name\"\n               [class.disabled]=\"disabled\"\n               [attr.aria-checked]=\"ariaChecked\"\n               [attr.aria-label]=\"ariaLabel || null\"\n               [attr.aria-labelledby]=\"ariaLabelledby\"\n               [attr.aria-describedby]=\"ariaDescribedby\"\n               [attr.aria-hidden]=\"true\"\n               [checked]=\"checked\"\n               [required]=\"required\"\n               [attr.data-test]=\"name\"\n               (click)=\"onValueChange()\"\n        >\n        <span class=\"checkbox\"\n              (mouseenter)=\"onMouseEnter()\"\n              (mouseleave)=\"onMouseLeave()\"\n              (click)=\"onValueChange()\"\n        >\n            <span *ngIf=\"checked\"\n                  class=\"checkmark\">\n                <ap-symbol\n                    symbolId=\"check-2\"\n                    color=\"white\"\n                    size=\"10\"\n                >\n                </ap-symbol>\n            </span>\n            <span *ngIf=\"indeterminate && !checked\"\n                  class=\"indeterminate\">\n            </span>\n        </span>\n    </div>\n    <label\n        #label\n        [class.disabled]=\"disabled\"\n        [for]=\"name\"\n    >\n        <ng-content></ng-content>\n    </label>\n</div>\n", styles: ["ap-checkbox{display:flex;align-items:center}ap-checkbox.ng-invalid.ng-touched .checkbox-container.required span.checkbox{border-color:var(--ref-color-red-100)!important}ap-checkbox.full-width .checkbox{justify-content:space-between;align-items:center;width:100%}ap-checkbox .checkbox{display:flex;gap:var(--ref-spacing-xxs)}ap-checkbox .checkbox .checkbox-container{display:flex;justify-content:center;align-items:center;max-width:36px;max-height:36px;box-sizing:border-box}ap-checkbox .checkbox .checkbox-container:not(.has-label){padding:10px}ap-checkbox .checkbox .checkbox-container.hover:not(.disabled):not(.has-label){border-radius:var(--ref-border-radius-lg);background:var(--ref-color-grey-05)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label){background:var(--ref-color-electric-blue-20)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled):active:not(.has-label) span.checkbox{background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.checked:not(.disabled) span.checkbox:active{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-60)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled).hover{background:var(--ref-color-electric-blue-10)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox{background:var(--ref-color-electric-blue-100);border-color:var(--ref-color-electric-blue-100)}ap-checkbox .checkbox .checkbox-container.indeterminate:not(.disabled) span.checkbox:hover{border:1px solid var(--ref-color-electric-blue-100);background:var(--ref-color-electric-blue-80)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{border:1px solid var(--ref-color-grey-20);background:var(--ref-color-grey-10)}ap-checkbox .checkbox .checkbox-container.disabled.checked span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled.indeterminate span.checkbox{background:var(--ref-color-grey-20)}ap-checkbox .checkbox .checkbox-container.disabled span.checkbox{pointer-events:none}ap-checkbox .checkbox .checkbox-container input[type=checkbox]{margin:0;padding:0;width:0;height:0;transform:scale(0)}@media (hover: hover){ap-checkbox .checkbox .checkbox-container input[type=checkbox]:focus:not(.disabled)~.checkbox{outline:3px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-checkbox .checkbox .checkbox-container span.checkbox{display:flex;justify-content:center;align-items:center;width:16px;height:16px;min-width:16px;min-height:16px;max-height:16px;max-width:16px;border-radius:var(--sys-border-radius-sm);border:1px solid var(--ref-color-grey-60);background:var(--ref-color-white);box-sizing:border-box}ap-checkbox .checkbox .checkbox-container span.checkbox:hover{cursor:pointer;border-color:var(--ref-color-grey-80)}ap-checkbox .checkbox .checkbox-container span.checkbox:active{border-color:var(--ref-color-grey-100)}ap-checkbox .checkbox .checkbox-container span.checkbox .checkmark{display:flex;justify-content:center;align-items:center}ap-checkbox .checkbox .checkbox-container span.checkbox .indeterminate{height:1.5px;background:var(--ref-color-white);width:8px}ap-checkbox .checkbox label{display:flex;align-items:center;font-family:var(--sys-text-style-body-font-family);font-size:var(--sys-text-style-body-size);font-weight:var(--sys-text-style-body-weight);line-height:var(--sys-text-style-body-line-height)}ap-checkbox .checkbox label:empty{display:none}ap-checkbox .checkbox label.disabled{color:var(--ref-color-grey-60)}ap-checkbox .checkbox label:hover:not(.disabled){cursor:pointer}form.ng-submitted ap-checkbox.ng-invalid span.checkbox{border-color:var(--ref-color-red-100)!important}\n"] }]
         }], propDecorators: { inputElement: [{
                 type: ViewChild,
                 args: ['input', { static: true }]

package/fesm2015/agorapulse-ui-components-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-checkbox.mjs","sources":["../../../libs/ui-components/checkbox/src/checkbox.component.ts","../../../libs/ui-components/checkbox/src/checkbox.component.html","../../../libs/ui-components/checkbox/src/agorapulse-ui-components-checkbox.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef, inject,\n    Input,\n    OnChanges, OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from \"@angular/core\";\nimport {CommonModule, NgIf} from \"@angular/common\";\nimport {apCheck2, SymbolComponent, SymbolRegistry} from \"@agorapulse/ui-symbol\";\nimport {ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR} from \"@angular/forms\";\n\nexport const AP_CHECKBOX_CONTROL_VALUE_ACCESSOR = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => CheckboxComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-checkbox[name]',\n    styleUrls: ['./checkbox.component.scss'],\n    standalone: true,\n    imports: [\n        NgIf,\n        SymbolComponent,\n        CommonModule\n    ],\n    providers: [\n        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: CheckboxComponent,\n            multi: true\n        }\n    ],\n    templateUrl: './checkbox.component.html',\n    encapsulation: ViewEncapsulation.None\n})\nexport class CheckboxComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnInit {\n\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    @ViewChild('input', { static: true }) inputElement: ElementRef<HTMLInputElement>;\n    @ViewChild('label', { static: true }) labelElement: ElementRef<HTMLInputElement>;\n    @Input('aria-label') ariaLabel: string = '';\n    @Input('aria-labelledby') ariaLabelledby: string | null = null;\n    @Input('aria-describedby') ariaDescribedby: string;\n    @Input() disabled: boolean;\n    @Input() set indeterminate(indeterminate: boolean) {\n        if (indeterminate) {\n            this.checked = false;\n        }\n        this._indeterminate = indeterminate;\n    }\n\n    get indeterminate(): boolean {\n        return this._indeterminate;\n    }\n\n    @Input() checked: boolean;\n\n    @Input() required: boolean;\n\n    @Input() set name(name: string) {\n        this._name = name;\n    }\n    get name(): string {\n        return this._name;\n    }\n    // eslint-disable-next-line\n    @Output() readonly change: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    ariaChecked: 'true' | 'false' | 'mixed';\n    hasLabel: boolean = false;\n    hovered: boolean = false;\n\n    private _indeterminate: boolean;\n    private _name: string;\n    private _controlValueAccessorChangeFn: (value: boolean) => void;\n    onTouched: () => void;\n\n    ngOnChanges(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent.trim();\n        }\n    }\n\n    ngOnInit() {\n        this.symbolRegistry.registerSymbols([\n            apCheck2\n        ]);\n    }\n\n    ngAfterContentInit(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent.trim();\n        }\n    }\n\n    onMouseEnter(): void {\n        if (!this.disabled) {\n            this.hovered = true;\n        }\n    }\n\n    onMouseLeave(): void {\n        if (!this.disabled) {\n            this.hovered = false;\n        }\n    }\n\n    onValueChange() {\n        if (this.onTouched) {\n            this.onTouched();\n        }\n        if (!this.disabled) {\n            if (this.indeterminate) {\n                this.checked = false;\n                this.indeterminate = false;\n            } else {\n                this.checked = !this.checked;\n                this.focus();\n            }\n            this.change.emit(this.checked);\n            if (this._controlValueAccessorChangeFn) {\n                this._controlValueAccessorChangeFn(this.checked);\n            }\n\n            // Assigning the value again here is redundant, but we have to do it in case it was\n            // changed inside the `change` listener which will cause the input to be out of sync.\n            if (this.inputElement) {\n                this.inputElement.nativeElement.checked = this.checked;\n            }\n        }\n    }\n\n    focus() {\n        this.inputElement.nativeElement.focus();\n    }\n\n    writeValue(value: boolean): void {\n        this.checked = value;\n    }\n    registerOnChange(fn: (value: boolean) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    validate({ value }: FormControl) {\n        const isNotValid = !this.checked && this.required;\n        return isNotValid && {\n            invalid: true\n        }\n    }\n\n    _preventBubblingFromLabel(event: MouseEvent) {\n        if (!!event.target && this.labelElement.nativeElement.contains(event.target as HTMLElement)) {\n            event.stopPropagation();\n        }\n    }\n\n}\n","<div class=\"checkbox\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <div class=\"checkbox-container\"\n         [class.hover]=\"hovered\"\n         [class.checked]=\"checked\"\n         [class.indeterminate]=\"indeterminate && !checked\"\n         [class.disabled]=\"disabled\"\n         [class.has-label]=\"hasLabel\"\n         [class.required]=\"required\"\n    >\n        <input #input\n               type=\"checkbox\"\n               [id]=\"name\"\n               [class.disabled]=\"disabled\"\n               [attr.aria-checked]=\"ariaChecked\"\n               [attr.aria-label]=\"ariaLabel || null\"\n               [attr.aria-labelledby]=\"ariaLabelledby\"\n               [attr.aria-describedby]=\"ariaDescribedby\"\n               [checked]=\"checked\"\n               [required]=\"required\"\n               [attr.data-test]=\"name\"\n               (click)=\"onValueChange()\"\n        >\n        <span class=\"checkbox\"\n              (mouseenter)=\"onMouseEnter()\"\n              (mouseleave)=\"onMouseLeave()\"\n              (click)=\"onValueChange()\"\n        >\n            <span *ngIf=\"checked\"\n                  class=\"checkmark\">\n                <ap-symbol\n                    symbolId=\"check-2\"\n                    color=\"white\"\n                    size=\"10\"\n                >\n                </ap-symbol>\n            </span>\n            <span *ngIf=\"indeterminate && !checked\"\n                  class=\"indeterminate\">\n            </span>\n        </span>\n    </div>\n    <label\n        #label\n        [class.disabled]=\"disabled\"\n        [for]=\"name\"\n    >\n        <ng-content></ng-content>\n    </label>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-checkbox.mjs","sources":["../../../libs/ui-components/checkbox/src/checkbox.component.ts","../../../libs/ui-components/checkbox/src/checkbox.component.html","../../../libs/ui-components/checkbox/src/agorapulse-ui-components-checkbox.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef, inject,\n    Input,\n    OnChanges, OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation,\n} from \"@angular/core\";\nimport {CommonModule, NgIf} from \"@angular/common\";\nimport {apCheck2, SymbolComponent, SymbolRegistry} from \"@agorapulse/ui-symbol\";\nimport {ControlValueAccessor, FormControl, NG_VALIDATORS, NG_VALUE_ACCESSOR} from \"@angular/forms\";\n\nexport const AP_CHECKBOX_CONTROL_VALUE_ACCESSOR = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => CheckboxComponent),\n    multi: true,\n};\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-checkbox[name]',\n    styleUrls: ['./checkbox.component.scss'],\n    standalone: true,\n    imports: [\n        NgIf,\n        SymbolComponent,\n        CommonModule\n    ],\n    providers: [\n        AP_CHECKBOX_CONTROL_VALUE_ACCESSOR,\n        {\n            provide: NG_VALIDATORS,\n            useExisting: CheckboxComponent,\n            multi: true\n        }\n    ],\n    templateUrl: './checkbox.component.html',\n    encapsulation: ViewEncapsulation.None\n})\nexport class CheckboxComponent implements ControlValueAccessor, AfterContentInit, OnChanges, OnInit {\n\n    private readonly symbolRegistry = inject(SymbolRegistry);\n    @ViewChild('input', { static: true }) inputElement: ElementRef<HTMLInputElement>;\n    @ViewChild('label', { static: true }) labelElement: ElementRef<HTMLInputElement>;\n    @Input('aria-label') ariaLabel: string = '';\n    @Input('aria-labelledby') ariaLabelledby: string | null = null;\n    @Input('aria-describedby') ariaDescribedby: string;\n    @Input() disabled: boolean;\n    @Input() set indeterminate(indeterminate: boolean) {\n        if (indeterminate) {\n            this.checked = false;\n        }\n        this._indeterminate = indeterminate;\n    }\n\n    get indeterminate(): boolean {\n        return this._indeterminate;\n    }\n\n    @Input() checked: boolean;\n\n    @Input() required: boolean;\n\n    @Input() set name(name: string) {\n        this._name = name;\n    }\n    get name(): string {\n        return this._name;\n    }\n    // eslint-disable-next-line\n    @Output() readonly change: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n    ariaChecked: 'true' | 'false' | 'mixed';\n    hasLabel: boolean = false;\n    hovered: boolean = false;\n\n    private _indeterminate: boolean;\n    private _name: string;\n    private _controlValueAccessorChangeFn: (value: boolean) => void;\n    onTouched: () => void;\n\n    ngOnChanges(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent.trim();\n        }\n    }\n\n    ngOnInit() {\n        this.symbolRegistry.registerSymbols([\n            apCheck2\n        ]);\n    }\n\n    ngAfterContentInit(): void {\n        if (this.labelElement) {\n            this.hasLabel = !!this.labelElement.nativeElement.textContent.trim();\n        }\n    }\n\n    onMouseEnter(): void {\n        if (!this.disabled) {\n            this.hovered = true;\n        }\n    }\n\n    onMouseLeave(): void {\n        if (!this.disabled) {\n            this.hovered = false;\n        }\n    }\n\n    onValueChange() {\n        if (this.onTouched) {\n            this.onTouched();\n        }\n        if (!this.disabled) {\n            if (this.indeterminate) {\n                this.checked = false;\n                this.indeterminate = false;\n            } else {\n                this.checked = !this.checked;\n                this.focus();\n            }\n            this.change.emit(this.checked);\n            if (this._controlValueAccessorChangeFn) {\n                this._controlValueAccessorChangeFn(this.checked);\n            }\n\n            // Assigning the value again here is redundant, but we have to do it in case it was\n            // changed inside the `change` listener which will cause the input to be out of sync.\n            if (this.inputElement) {\n                this.inputElement.nativeElement.checked = this.checked;\n            }\n        }\n    }\n\n    focus() {\n        this.inputElement.nativeElement.focus();\n    }\n\n    writeValue(value: boolean): void {\n        this.checked = value;\n    }\n    registerOnChange(fn: (value: boolean) => void): void {\n        this._controlValueAccessorChangeFn = fn;\n    }\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n    setDisabledState(isDisabled: boolean): void {\n        this.disabled = isDisabled;\n    }\n\n    validate({ value }: FormControl) {\n        const isNotValid = !this.checked && this.required;\n        return isNotValid && {\n            invalid: true\n        }\n    }\n\n    _preventBubblingFromLabel(event: MouseEvent) {\n        if (!!event.target && this.labelElement.nativeElement.contains(event.target as HTMLElement)) {\n            event.stopPropagation();\n        }\n    }\n\n}\n","<div class=\"checkbox\"\n     (click)=\"_preventBubblingFromLabel($event)\"\n>\n    <div class=\"checkbox-container\"\n         [class.hover]=\"hovered\"\n         [class.checked]=\"checked\"\n         [class.indeterminate]=\"indeterminate && !checked\"\n         [class.disabled]=\"disabled\"\n         [class.has-label]=\"hasLabel\"\n         [class.required]=\"required\"\n    >\n        <input #input\n               type=\"checkbox\"\n               [id]=\"name\"\n               [class.disabled]=\"disabled\"\n               [attr.aria-checked]=\"ariaChecked\"\n               [attr.aria-label]=\"ariaLabel || null\"\n               [attr.aria-labelledby]=\"ariaLabelledby\"\n               [attr.aria-describedby]=\"ariaDescribedby\"\n               [attr.aria-hidden]=\"true\"\n               [checked]=\"checked\"\n               [required]=\"required\"\n               [attr.data-test]=\"name\"\n               (click)=\"onValueChange()\"\n        >\n        <span class=\"checkbox\"\n              (mouseenter)=\"onMouseEnter()\"\n              (mouseleave)=\"onMouseLeave()\"\n              (click)=\"onValueChange()\"\n        >\n            <span *ngIf=\"checked\"\n                  class=\"checkmark\">\n                <ap-symbol\n                    symbolId=\"check-2\"\n                    color=\"white\"\n                    size=\"10\"\n                >\n                </ap-symbol>\n            </span>\n            <span *ngIf=\"indeterminate && !checked\"\n                  class=\"indeterminate\">\n            </span>\n        </span>\n    </div>\n    <label\n        #label\n        [class.disabled]=\"disabled\"\n        [for]=\"name\"\n    >\n        <ng-content></ng-content>\n    </label>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/agorapulse-ui-components-icon-button.mjs

@@ -0,0 +1,92 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, ContentChild } from '@angular/core';
+import { NgIf, CommonModule } from '@angular/common';
+import * as i1 from '@agorapulse/ui-symbol';
+import { apPremiumStar, SymbolComponent } from '@agorapulse/ui-symbol';
+import * as i2 from '@agorapulse/ui-animations';
+import { AgorapulseUiAnimationsModule } from '@agorapulse/ui-animations';
+
+class IconButtonComponent {
+    set locked(locked) {
+        this._locked = locked;
+        if (locked) {
+            this.color = 'none';
+            this.disabled = false;
+            this.loading = false;
+        }
+    }
+    get locked() {
+        return this._locked;
+    }
+    set loading(loading) {
+        if (!this.locked) {
+            this._loading = loading;
+        }
+    }
+    get loading() {
+        return this._loading;
+    }
+    constructor(symbolRegistry) {
+        this.symbolRegistry = symbolRegistry;
+        this.color = 'none';
+        this.disabled = false;
+        this.type = 'flat';
+        // eslint-disable-next-line
+        this.onClick = new EventEmitter();
+        // eslint-disable-next-line
+        this.onFocus = new EventEmitter();
+        // eslint-disable-next-line
+        this.onBlur = new EventEmitter();
+        this._loading = false;
+        this._locked = false;
+        this.symbolRegistry.registerSymbols([
+            apPremiumStar
+        ]);
+    }
+    ngAfterContentInit() {
+        if (this.symbolComponent) {
+            this.symbolComponent.size = 'micro';
+        }
+    }
+}
+IconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: IconButtonComponent, deps: [{ token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
+IconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: IconButtonComponent, isStandalone: true, selector: "ap-icon-button", inputs: { ariaLabel: "ariaLabel", name: "name", color: "color", disabled: "disabled", locked: "locked", loading: "loading", type: "type" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, queries: [{ propertyName: "symbolComponent", first: true, predicate: SymbolComponent, descendants: true }], ngImport: i0, template: "<button\n    class=\"icon-button\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClick.emit($event)\"\n    (focus)=\"onFocus.emit($event)\"\n    (blur)=\"onBlur.emit($event)\"\n>\n    <ng-content\n        *ngIf=\"!loading\">\n    </ng-content>\n    <ap-loader\n        *ngIf=\"loading\"\n        color=\"white\"\n        [diameter]=\"16\"\n    ></ap-loader>\n    <div *ngIf=\"locked\"\n        class=\"locked-symbol\">\n        <ap-symbol\n            symbolId=\"premium-star\"\n            size=\"micro\"\n        >\n        </ap-symbol>\n    </div>\n</button>\n", styles: ["ap-icon-button{display:flex;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height)}ap-icon-button button.icon-button{margin:0;padding:0;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height);border-radius:var(--comp-icon-button-border-radius);background:transparent;border:none;display:grid;place-content:center;position:relative}@media (hover: hover){ap-icon-button button.icon-button:focus:not(.disabled):not(:active){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-icon-button button.icon-button:hover{cursor:pointer}ap-icon-button button.icon-button:hover:not(.stroked){background:var(--ref-color-grey-05)}ap-icon-button button.icon-button:active:not(.stroked){background:var(--ref-color-grey-10)}ap-icon-button button.icon-button ap-symbol{display:flex;justify-content:center;width:16px;align-items:center;height:16px;padding:0;margin:0;color:var(--ref-color-grey-60)}ap-icon-button button.icon-button:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button:disabled ap-symbol{color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.blue:hover{cursor:pointer}ap-icon-button button.icon-button.blue:hover:not(.stroked){background:var(--ref-color-electric-blue-05)}ap-icon-button button.icon-button.blue:active:not(.stroked){background:var(--ref-color-electric-blue-10)}ap-icon-button button.icon-button.blue:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.blue:disabled ap-symbol{color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.blue ap-symbol{color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.green:hover{cursor:pointer}ap-icon-button button.icon-button.green:hover:not(.stroked){background:var(--ref-color-green-10)}ap-icon-button button.icon-button.green:active:not(.stroked){background:var(--ref-color-green-20)}ap-icon-button button.icon-button.green:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.green:disabled ap-symbol{color:var(--ref-color-green-20)}ap-icon-button button.icon-button.green ap-symbol{color:var(--ref-color-green-100)}ap-icon-button button.icon-button.red:hover{cursor:pointer}ap-icon-button button.icon-button.red:hover:not(.stroked){background:var(--ref-color-red-10)}ap-icon-button button.icon-button.red:active:not(.stroked){background:var(--ref-color-red-20)}ap-icon-button button.icon-button.red:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.red:disabled ap-symbol{color:var(--ref-color-red-20)}ap-icon-button button.icon-button.red ap-symbol{color:var(--ref-color-red-100)}ap-icon-button button.icon-button.locked{background:var(--ref-color-purple-10);color:var(--ref-color-purple-80);border:1px solid var(--ref-color-purple-20)}ap-icon-button button.icon-button.locked:hover{border-color:var(--ref-color-purple-40)}ap-icon-button button.icon-button.locked:active{border-color:var(--ref-color-purple-60)}ap-icon-button button.icon-button.locked ap-symbol{color:var(--ref-color-purple-100)}ap-icon-button button.icon-button.locked .locked-symbol{position:absolute;top:-6px;right:-6px}ap-icon-button button.icon-button.locked .locked-symbol ap-symbol{border-radius:100%;background:var(--ref-color-white)}ap-icon-button button.icon-button.stroked{border-width:1px;border-style:solid;background:white}ap-icon-button button.icon-button.stroked:not(.loading):not(.locked){border-color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.stroked:hover:not(.locked){border-color:var(--ref-color-grey-40)}ap-icon-button button.icon-button.stroked:active:not(.locked){border-color:var(--ref-color-grey-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-electric-blue-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):disabled{border-color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-green-60)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):disabled{border-color:var(--ref-color-green-20)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-red-60)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):disabled{border-color:var(--ref-color-red-20)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.transparent:not(.loading):not(.locked){background:transparent}ap-icon-button button.icon-button.loading{background:var(--ref-color-grey-20);border:none;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AgorapulseUiAnimationsModule }, { kind: "component", type: i2.LoaderComponent, selector: "ap-loader", inputs: ["color", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: IconButtonComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-icon-button', standalone: true, imports: [
+                        NgIf,
+                        SymbolComponent,
+                        CommonModule,
+                        AgorapulseUiAnimationsModule
+                    ], encapsulation: ViewEncapsulation.None, template: "<button\n    class=\"icon-button\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClick.emit($event)\"\n    (focus)=\"onFocus.emit($event)\"\n    (blur)=\"onBlur.emit($event)\"\n>\n    <ng-content\n        *ngIf=\"!loading\">\n    </ng-content>\n    <ap-loader\n        *ngIf=\"loading\"\n        color=\"white\"\n        [diameter]=\"16\"\n    ></ap-loader>\n    <div *ngIf=\"locked\"\n        class=\"locked-symbol\">\n        <ap-symbol\n            symbolId=\"premium-star\"\n            size=\"micro\"\n        >\n        </ap-symbol>\n    </div>\n</button>\n", styles: ["ap-icon-button{display:flex;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height)}ap-icon-button button.icon-button{margin:0;padding:0;width:var(--comp-icon-button-width);max-width:var(--comp-icon-button-width);height:var(--comp-icon-button-height);max-height:var(--comp-icon-button-height);border-radius:var(--comp-icon-button-border-radius);background:transparent;border:none;display:grid;place-content:center;position:relative}@media (hover: hover){ap-icon-button button.icon-button:focus:not(.disabled):not(:active){outline:2px solid var(--ref-color-electric-blue-100);outline-offset:1px}}ap-icon-button button.icon-button:hover{cursor:pointer}ap-icon-button button.icon-button:hover:not(.stroked){background:var(--ref-color-grey-05)}ap-icon-button button.icon-button:active:not(.stroked){background:var(--ref-color-grey-10)}ap-icon-button button.icon-button ap-symbol{display:flex;justify-content:center;width:16px;align-items:center;height:16px;padding:0;margin:0;color:var(--ref-color-grey-60)}ap-icon-button button.icon-button:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button:disabled ap-symbol{color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.blue:hover{cursor:pointer}ap-icon-button button.icon-button.blue:hover:not(.stroked){background:var(--ref-color-electric-blue-05)}ap-icon-button button.icon-button.blue:active:not(.stroked){background:var(--ref-color-electric-blue-10)}ap-icon-button button.icon-button.blue:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.blue:disabled ap-symbol{color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.blue ap-symbol{color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.green:hover{cursor:pointer}ap-icon-button button.icon-button.green:hover:not(.stroked){background:var(--ref-color-green-10)}ap-icon-button button.icon-button.green:active:not(.stroked){background:var(--ref-color-green-20)}ap-icon-button button.icon-button.green:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.green:disabled ap-symbol{color:var(--ref-color-green-20)}ap-icon-button button.icon-button.green ap-symbol{color:var(--ref-color-green-100)}ap-icon-button button.icon-button.red:hover{cursor:pointer}ap-icon-button button.icon-button.red:hover:not(.stroked){background:var(--ref-color-red-10)}ap-icon-button button.icon-button.red:active:not(.stroked){background:var(--ref-color-red-20)}ap-icon-button button.icon-button.red:disabled{cursor:default;pointer-events:none}ap-icon-button button.icon-button.red:disabled ap-symbol{color:var(--ref-color-red-20)}ap-icon-button button.icon-button.red ap-symbol{color:var(--ref-color-red-100)}ap-icon-button button.icon-button.locked{background:var(--ref-color-purple-10);color:var(--ref-color-purple-80);border:1px solid var(--ref-color-purple-20)}ap-icon-button button.icon-button.locked:hover{border-color:var(--ref-color-purple-40)}ap-icon-button button.icon-button.locked:active{border-color:var(--ref-color-purple-60)}ap-icon-button button.icon-button.locked ap-symbol{color:var(--ref-color-purple-100)}ap-icon-button button.icon-button.locked .locked-symbol{position:absolute;top:-6px;right:-6px}ap-icon-button button.icon-button.locked .locked-symbol ap-symbol{border-radius:100%;background:var(--ref-color-white)}ap-icon-button button.icon-button.stroked{border-width:1px;border-style:solid;background:white}ap-icon-button button.icon-button.stroked:not(.loading):not(.locked){border-color:var(--ref-color-grey-20)}ap-icon-button button.icon-button.stroked:hover:not(.locked){border-color:var(--ref-color-grey-40)}ap-icon-button button.icon-button.stroked:active:not(.locked){border-color:var(--ref-color-grey-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-electric-blue-60)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):disabled{border-color:var(--ref-color-electric-blue-20)}ap-icon-button button.icon-button.stroked.blue:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-electric-blue-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-green-60)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):disabled{border-color:var(--ref-color-green-20)}ap-icon-button button.icon-button.stroked.green:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-green-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):hover:not(.locked){border-color:var(--ref-color-red-60)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):disabled{border-color:var(--ref-color-red-20)}ap-icon-button button.icon-button.stroked.red:not(.loading):not(.locked):active:not(.locked){border-color:var(--ref-color-red-100)}ap-icon-button button.icon-button.stroked.transparent:not(.loading):not(.locked){background:transparent}ap-icon-button button.icon-button.loading{background:var(--ref-color-grey-20);border:none;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SymbolRegistry }]; }, propDecorators: { ariaLabel: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], locked: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], symbolComponent: [{
+                type: ContentChild,
+                args: [SymbolComponent]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconButtonComponent };
+//# sourceMappingURL=agorapulse-ui-components-icon-button.mjs.map

package/fesm2015/agorapulse-ui-components-icon-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"agorapulse-ui-components-icon-button.mjs","sources":["../../../libs/ui-components/icon-button/src/icon-button.component.ts","../../../libs/ui-components/icon-button/src/icon-button.component.html","../../../libs/ui-components/icon-button/src/agorapulse-ui-components-icon-button.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    ChangeDetectionStrategy,\n    Component, ContentChild,\n    EventEmitter,\n    Input,\n    Output,\n    ViewEncapsulation\n} from \"@angular/core\";\nimport {CommonModule, NgIf} from \"@angular/common\";\nimport {apPremiumStar, SymbolComponent, SymbolRegistry} from \"@agorapulse/ui-symbol\";\nimport {AgorapulseUiAnimationsModule} from \"@agorapulse/ui-animations\";\n\nexport type ButtonType = 'flat' | 'stroked-transparent' | 'stroked';\nexport type ButtonColor = 'none' | 'blue' | 'red' | 'green';\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-icon-button',\n    styleUrls: ['./icon-button.component.scss'],\n    standalone: true,\n    imports: [\n        NgIf,\n        SymbolComponent,\n        CommonModule,\n        AgorapulseUiAnimationsModule\n    ],\n    templateUrl: './icon-button.component.html',\n    encapsulation: ViewEncapsulation.None\n})\nexport class IconButtonComponent implements AfterContentInit {\n\n    @Input() ariaLabel: string;\n    @Input() name: string;\n    @Input() color: ButtonColor = 'none';\n    @Input() disabled: boolean = false;\n    @Input() set locked (locked: boolean) {\n        this._locked = locked;\n        if (locked) {\n            this.color = 'none';\n            this.disabled = false;\n            this.loading = false;\n        }\n    }\n\n    get locked(): boolean {\n        return this._locked;\n    }\n    @Input() set loading (loading: boolean) {\n        if (!this.locked) {\n            this._loading = loading;\n        }\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n    @Input() type: ButtonType = 'flat';\n\n    // eslint-disable-next-line\n    @Output() onClick: EventEmitter<MouseEvent> = new EventEmitter();\n\n    // eslint-disable-next-line\n    @Output() onFocus: EventEmitter<FocusEvent> = new EventEmitter();\n\n    // eslint-disable-next-line\n    @Output() onBlur: EventEmitter<FocusEvent> = new EventEmitter();\n\n    @ContentChild(SymbolComponent) symbolComponent: SymbolComponent;\n\n    private _loading: boolean = false;\n    private _locked: boolean = false;\n\n    constructor(private symbolRegistry: SymbolRegistry) {\n        this.symbolRegistry.registerSymbols([\n            apPremiumStar\n        ]);\n    }\n\n    ngAfterContentInit(): void {\n        if (this.symbolComponent) {\n            this.symbolComponent.size = 'micro';\n        }\n    }\n}\n","<button\n    class=\"icon-button\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel || null\"\n    [attr.data-test]=\"name\"\n    [disabled]=\"disabled\"\n    [class.blue]=\"color === 'blue'\"\n    [class.green]=\"color === 'green'\"\n    [class.red]=\"color === 'red'\"\n    [class.flat]=\"type === 'flat'\"\n    [class.stroked]=\"type === 'stroked' || type === 'stroked-transparent'\"\n    [class.transparent]=\"type === 'stroked-transparent'\"\n    [class.loading]=\"loading\"\n    [class.locked]=\"locked\"\n    (click)=\"onClick.emit($event)\"\n    (focus)=\"onFocus.emit($event)\"\n    (blur)=\"onBlur.emit($event)\"\n>\n    <ng-content\n        *ngIf=\"!loading\">\n    </ng-content>\n    <ap-loader\n        *ngIf=\"loading\"\n        color=\"white\"\n        [diameter]=\"16\"\n    ></ap-loader>\n    <div *ngIf=\"locked\"\n        class=\"locked-symbol\">\n        <ap-symbol\n            symbolId=\"premium-star\"\n            size=\"micro\"\n        >\n        </ap-symbol>\n    </div>\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/agorapulse-ui-components-modal.mjs

@@ -3,8 +3,8 @@ import { apClose, AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
 import { NgStyle, NgClass, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
-import * as i3 from '@angular/material/legacy-button';
 import { MatLegacyButtonModule } from '@angular/material/legacy-button';
+import { IconButtonComponent } from '@agorapulse/ui-components/icon-button';
 import * as i1 from '@angular/material/legacy-dialog';
 
 class ModalComponent {
@@ -72,10 +72,10 @@ class ModalComponent {
 }
 ModalComponent.PANEL_CLASS = 'modal-container';
 ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: ModalComponent, deps: [{ token: i1.MatLegacyDialogRef }, { token: i2.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
-ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: ModalComponent, isStandalone: true, selector: "ap-modal", inputs: { closable: "closable", headerBottomBorderEnabled: "headerBottomBorderEnabled", footerTemplate: "footerTemplate", footerVisible: "footerVisible", headerTemplate: "headerTemplate", headerVisible: "headerVisible", mainTemplate: "mainTemplate", config: "config", sidePaneTemplate: "sidePaneTemplate", sidePaneStyle: "sidePaneStyle", containerStyle: "containerStyle", headerStyle: "headerStyle", contentStyle: "contentStyle", footerStyle: "footerStyle", defaultLayout: "defaultLayout" }, ngImport: i0, template: "<div *ngIf=\"sidePaneTemplate\"\n     [ngStyle]=\"sidePaneStyle\"\n     [ngClass]=\"{pane: defaultLayout}\">\n    <ng-template [ngTemplateOutlet]=\"sidePaneTemplate\"></ng-template>\n</div>\n\n<div\n    [ngStyle]=\"containerStyle\"\n    class=\"modal-wrapper\"\n    [class.default-layout]=\"defaultLayout\"\n>\n    <button\n        *ngIf=\"closable\"\n        class=\"circle close-button\"\n        mat-flat-button\n        (click)=\"close()\">\n        <ap-symbol symbolId=\"close\"></ap-symbol>\n    </button>\n    <div\n        *ngIf=\"headerTemplate && headerVisible\"\n        [ngStyle]=\"headerStyle\"\n        [ngClass]=\"{header: defaultLayout}\"\n        [class.border-bottom]=\"headerBottomBorderEnabled\">\n        <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"mainTemplate\"\n        [ngStyle]=\"contentStyle\"\n        [class.content]=\"defaultLayout\"\n    >\n        <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"footerTemplate && footerVisible\"\n        [ngStyle]=\"footerStyle\"\n        [ngClass]=\"{footer: defaultLayout}\">\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\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}:host{display:flex;flex-direction:row;max-height:90vh}.modal-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px;flex:1;overflow-y:auto}.modal-wrapper .footer{align-items:center;box-shadow:0 1px #eaecef inset;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 24px 0}.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child),.modal-wrapper .footer .mat-stroked-button:not(:last-child){margin-right:16px}.pane{padding:24px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px 64px}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(52,69,99,.7)}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i2.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatLegacyButtonModule }, { kind: "component", type: i3.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: ModalComponent, isStandalone: true, selector: "ap-modal", inputs: { closable: "closable", headerBottomBorderEnabled: "headerBottomBorderEnabled", footerTemplate: "footerTemplate", footerVisible: "footerVisible", headerTemplate: "headerTemplate", headerVisible: "headerVisible", mainTemplate: "mainTemplate", config: "config", sidePaneTemplate: "sidePaneTemplate", sidePaneStyle: "sidePaneStyle", containerStyle: "containerStyle", headerStyle: "headerStyle", contentStyle: "contentStyle", footerStyle: "footerStyle", defaultLayout: "defaultLayout" }, ngImport: i0, template: "<div *ngIf=\"sidePaneTemplate\"\n     [ngStyle]=\"sidePaneStyle\"\n     [ngClass]=\"{pane: defaultLayout}\">\n    <ng-template [ngTemplateOutlet]=\"sidePaneTemplate\"></ng-template>\n</div>\n\n<div\n    [ngStyle]=\"containerStyle\"\n    class=\"modal-wrapper\"\n    [class.default-layout]=\"defaultLayout\">\n    <ap-icon-button\n        *ngIf=\"closable\"\n        class=\"close-button\"\n        ariaLabel=\"Close button\"\n        name=\"close-button\"\n        color=\"none\"\n        (onClick)=\"close()\"\n        type=\"flat\"\n    >\n        <ap-symbol symbolId=\"close\"></ap-symbol>\n    </ap-icon-button>\n    <div\n        *ngIf=\"headerTemplate && headerVisible\"\n        [ngStyle]=\"headerStyle\"\n        [ngClass]=\"{header: defaultLayout}\"\n        [class.border-bottom]=\"headerBottomBorderEnabled\">\n        <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"mainTemplate\"\n        [ngStyle]=\"contentStyle\"\n        [class.content]=\"defaultLayout\"\n    >\n        <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"footerTemplate && footerVisible\"\n        [ngStyle]=\"footerStyle\"\n        [ngClass]=\"{footer: defaultLayout}\">\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\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}:host{display:flex;flex-direction:row;max-height:90vh}.modal-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px;flex:1;overflow-y:auto}.modal-wrapper .footer{align-items:center;box-shadow:0 1px #eaecef inset;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 24px 0}.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child),.modal-wrapper .footer .mat-stroked-button:not(:last-child){margin-right:16px}.pane{padding:24px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px 64px}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(52,69,99,.7)}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i2.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatLegacyButtonModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconButtonComponent, selector: "ap-icon-button", inputs: ["ariaLabel", "name", "color", "disabled", "locked", "loading", "type"], outputs: ["onClick", "onFocus", "onBlur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-modal', standalone: true, imports: [AgorapulseUiSymbolModule, NgStyle, NgClass, NgIf, MatLegacyButtonModule, NgTemplateOutlet], template: "<div *ngIf=\"sidePaneTemplate\"\n     [ngStyle]=\"sidePaneStyle\"\n     [ngClass]=\"{pane: defaultLayout}\">\n    <ng-template [ngTemplateOutlet]=\"sidePaneTemplate\"></ng-template>\n</div>\n\n<div\n    [ngStyle]=\"containerStyle\"\n    class=\"modal-wrapper\"\n    [class.default-layout]=\"defaultLayout\"\n>\n    <button\n        *ngIf=\"closable\"\n        class=\"circle close-button\"\n        mat-flat-button\n        (click)=\"close()\">\n        <ap-symbol symbolId=\"close\"></ap-symbol>\n    </button>\n    <div\n        *ngIf=\"headerTemplate && headerVisible\"\n        [ngStyle]=\"headerStyle\"\n        [ngClass]=\"{header: defaultLayout}\"\n        [class.border-bottom]=\"headerBottomBorderEnabled\">\n        <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"mainTemplate\"\n        [ngStyle]=\"contentStyle\"\n        [class.content]=\"defaultLayout\"\n    >\n        <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"footerTemplate && footerVisible\"\n        [ngStyle]=\"footerStyle\"\n        [ngClass]=\"{footer: defaultLayout}\">\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\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}:host{display:flex;flex-direction:row;max-height:90vh}.modal-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px;flex:1;overflow-y:auto}.modal-wrapper .footer{align-items:center;box-shadow:0 1px #eaecef inset;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 24px 0}.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child),.modal-wrapper .footer .mat-stroked-button:not(:last-child){margin-right:16px}.pane{padding:24px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px 64px}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(52,69,99,.7)}\n"] }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-modal', standalone: true, imports: [AgorapulseUiSymbolModule, NgStyle, NgClass, NgIf, MatLegacyButtonModule, NgTemplateOutlet, IconButtonComponent], template: "<div *ngIf=\"sidePaneTemplate\"\n     [ngStyle]=\"sidePaneStyle\"\n     [ngClass]=\"{pane: defaultLayout}\">\n    <ng-template [ngTemplateOutlet]=\"sidePaneTemplate\"></ng-template>\n</div>\n\n<div\n    [ngStyle]=\"containerStyle\"\n    class=\"modal-wrapper\"\n    [class.default-layout]=\"defaultLayout\">\n    <ap-icon-button\n        *ngIf=\"closable\"\n        class=\"close-button\"\n        ariaLabel=\"Close button\"\n        name=\"close-button\"\n        color=\"none\"\n        (onClick)=\"close()\"\n        type=\"flat\"\n    >\n        <ap-symbol symbolId=\"close\"></ap-symbol>\n    </ap-icon-button>\n    <div\n        *ngIf=\"headerTemplate && headerVisible\"\n        [ngStyle]=\"headerStyle\"\n        [ngClass]=\"{header: defaultLayout}\"\n        [class.border-bottom]=\"headerBottomBorderEnabled\">\n        <ng-template [ngTemplateOutlet]=\"headerTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"mainTemplate\"\n        [ngStyle]=\"contentStyle\"\n        [class.content]=\"defaultLayout\"\n    >\n        <ng-template [ngTemplateOutlet]=\"mainTemplate\"></ng-template>\n    </div>\n    <div\n        *ngIf=\"footerTemplate && footerVisible\"\n        [ngStyle]=\"footerStyle\"\n        [ngClass]=\"{footer: defaultLayout}\">\n        <ng-template [ngTemplateOutlet]=\"footerTemplate\"></ng-template>\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}:host{display:flex;flex-direction:row;max-height:90vh}.modal-wrapper{position:relative;width:100%;display:flex;flex-direction:column}.modal-wrapper.default-layout{padding-top:24px;padding-bottom:16px}.modal-wrapper .close-button{margin:-12px;position:absolute;right:24px;top:24px}.modal-wrapper .close-button ap-symbol{height:12px;width:12px}.modal-wrapper .header{padding:0 24px 16px}.modal-wrapper .header ::ng-deep h2{margin-top:0}.modal-wrapper .header.border-bottom{border-bottom:1px solid #eaecef;margin-bottom:16px}.modal-wrapper .content{color:#5d6a82;font-size:16px;padding:0 24px;flex:1;overflow-y:auto}.modal-wrapper .footer{align-items:center;box-shadow:0 1px #eaecef inset;display:flex;justify-content:flex-end;margin-top:24px;padding:16px 24px 0}.modal-wrapper .footer ::ng-deep .mat-flat-button:not(:last-child),.modal-wrapper .footer .mat-stroked-button:not(:last-child){margin-right:16px}.pane{padding:24px}::ng-deep .modal-container{max-width:100vw!important;margin:24px 24px 64px}::ng-deep .modal-container .mat-dialog-container{border-radius:10px;box-shadow:0 25px 50px #0000000a;max-width:100vw;padding:0}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(52,69,99,.7)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatLegacyDialogRef }, { type: i2.SymbolRegistry }]; }, propDecorators: { closable: [{
                 type: Input
             }], headerBottomBorderEnabled: [{