@agorapulse/ui-components 14.1.8 → 14.1.9

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

@@ -1,5 +1,5 @@
 import * as i2 from '@agorapulse/ui-symbol';
-import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
+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';
@@ -8,8 +8,9 @@ import { MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/material/dialog';
 
 class ModalComponent {
-    constructor(dialogRef) {
+    constructor(dialogRef, symbolRegistry) {
         this.dialogRef = dialogRef;
+        this.symbolRegistry = symbolRegistry;
         this.footerVisible = true;
         this.headerVisible = true;
         this.containerStyle = {};
@@ -18,6 +19,9 @@ class ModalComponent {
         this.footerStyle = {};
         this.defaultLayout = true;
         dialogRef.disableClose = true;
+        this.symbolRegistry.registerSymbols([
+            apClose
+        ]);
     }
     /**
      * Use it to open a modal containing the {@link componentType} component, with the right configuration.
@@ -65,12 +69,12 @@ class ModalComponent {
     }
 }
 ModalComponent.PANEL_CLASS = 'modal-container';
-ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ModalComponent, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+ModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ModalComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
 ModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ModalComponent, isStandalone: true, selector: "ap-modal", inputs: { closable: "closable", headerBottomBorderEnabled: "headerBottomBorderEnabled", footerTemplate: "footerTemplate", footerVisible: "footerVisible", headerTemplate: "headerTemplate", headerVisible: "headerVisible", mainTemplate: "mainTemplate", config: "config", containerStyle: "containerStyle", headerStyle: "headerStyle", contentStyle: "contentStyle", footerStyle: "footerStyle", defaultLayout: "defaultLayout" }, ngImport: i0, template: "<div\n    [ngStyle]=\"containerStyle\"\n    [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\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        [ngClass]=\"{content: defaultLayout}\">\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}.modal-wrapper{position:relative}.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}.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}::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: MatButtonModule }, { kind: "component", type: i3.MatButton, 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ap-modal', standalone: true, imports: [AgorapulseUiSymbolModule, NgStyle, NgClass, NgIf, MatButtonModule, NgTemplateOutlet], template: "<div\n    [ngStyle]=\"containerStyle\"\n    [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\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        [ngClass]=\"{content: defaultLayout}\">\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}.modal-wrapper{position:relative}.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}.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}::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.MatDialogRef }]; }, propDecorators: { closable: [{
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: i2.SymbolRegistry }]; }, propDecorators: { closable: [{
                 type: Input
             }], headerBottomBorderEnabled: [{
                 type: Input

package/fesm2020/agorapulse-ui-components-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-modal.mjs","sources":["../../../libs/ui-components/modal/src/modal.component.ts","../../../libs/ui-components/modal/src/modal.component.html","../../../libs/ui-components/modal/src/agorapulse-ui-components-modal.ts"],"sourcesContent":["import {AgorapulseUiSymbolModule} from '@agorapulse/ui-symbol';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {NgClass, NgIf, NgStyle, NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, Input, TemplateRef} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatDialog, MatDialogConfig, MatDialogRef} from '@angular/material/dialog';\n\nexport interface ModalConfig extends ModalConfigBase {\n    closable?: boolean;\n    headerBottomBorderEnabled?: boolean;\n}\n\nexport interface ModalConfigBase {\n    backdropCloseEnable?: boolean;\n    matDialogConfig?: MatDialogConfig;\n}\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-modal',\n    templateUrl: 'modal.component.html',\n    standalone: true,\n    imports: [AgorapulseUiSymbolModule, NgStyle, NgClass, NgIf, MatButtonModule, NgTemplateOutlet],\n    styleUrls: ['modal.component.scss'],\n})\nexport class ModalComponent {\n    static readonly PANEL_CLASS = 'modal-container';\n\n    constructor(public dialogRef: MatDialogRef<ComponentType<any>>) {\n        dialogRef.disableClose = true;\n    }\n\n    @Input() closable: boolean;\n    @Input() headerBottomBorderEnabled: boolean;\n    @Input() footerTemplate: TemplateRef<any>;\n    @Input() footerVisible = true;\n    @Input() headerTemplate: TemplateRef<any>;\n    @Input() headerVisible = true;\n    @Input() mainTemplate: TemplateRef<any>;\n    @Input() config: MatDialogConfig;\n    @Input() containerStyle: {[arg: string]: string} = {};\n    @Input() headerStyle: {[arg: string]: string} = {};\n    @Input() contentStyle: {[arg: string]: string} = {};\n    @Input() footerStyle: {[arg: string]: string} = {};\n    @Input() defaultLayout = true;\n\n    /**\n     * Use it to open a modal containing the {@link componentType} component, with the right configuration.\n     */\n    static openWithComponent<T>(\n        matDialog: MatDialog,\n        config: ModalConfigBase,\n        componentType: ComponentType<T>\n    ): MatDialogRef<T> {\n        let matDialogConfig: MatDialogConfig;\n        if (config) {\n            matDialogConfig = config.matDialogConfig;\n            if (matDialogConfig) {\n                matDialogConfig.panelClass = Array.isArray(config.matDialogConfig.panelClass)\n                    ? [...config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS] // in case where the panelClass is an array\n                    : [config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS]; // in the other case, it's a String\n            } else {\n                matDialogConfig = {panelClass: ModalComponent.PANEL_CLASS};\n            }\n        } else {\n            matDialogConfig = {\n                panelClass: ModalComponent.PANEL_CLASS,\n            };\n        }\n        matDialogConfig.autoFocus = false; // Prevent first button to be focused\n\n        const dialogRef = matDialog.open(componentType, matDialogConfig);\n        if (config.backdropCloseEnable === true) {\n            dialogRef.disableClose = false;\n        }\n        return dialogRef;\n    }\n\n    /**\n     * Use it to open a modal containing the provided templates, with the right configuration.\n     */\n    static openWithTemplates(\n        matDialog: MatDialog,\n        headerTemplate: TemplateRef<any>,\n        mainTemplate: TemplateRef<any>,\n        footerTemplate?: TemplateRef<any>,\n        config?: ModalConfig\n    ): MatDialogRef<ModalComponent> {\n        const dialogRef = ModalComponent.openWithComponent(matDialog, config, ModalComponent);\n        dialogRef.componentInstance.closable = config && config.closable ? config.closable : false;\n        dialogRef.componentInstance.headerBottomBorderEnabled =\n            config && config.headerBottomBorderEnabled ? config.headerBottomBorderEnabled : false;\n        dialogRef.componentInstance.headerTemplate = headerTemplate;\n        dialogRef.componentInstance.mainTemplate = mainTemplate;\n        dialogRef.componentInstance.footerTemplate = footerTemplate;\n        return dialogRef;\n    }\n\n    close(): void {\n        this.dialogRef.close();\n    }\n}\n","<div\n    [ngStyle]=\"containerStyle\"\n    [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\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        [ngClass]=\"{content: defaultLayout}\">\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","/**\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-modal.mjs","sources":["../../../libs/ui-components/modal/src/modal.component.ts","../../../libs/ui-components/modal/src/modal.component.html","../../../libs/ui-components/modal/src/agorapulse-ui-components-modal.ts"],"sourcesContent":["import {AgorapulseUiSymbolModule, apClose, provideAgorapulseSymbols, SymbolRegistry} from '@agorapulse/ui-symbol';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {NgClass, NgIf, NgStyle, NgTemplateOutlet} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, Input, TemplateRef} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport {MatDialog, MatDialogConfig, MatDialogRef} from '@angular/material/dialog';\n\nexport interface ModalConfig extends ModalConfigBase {\n    closable?: boolean;\n    headerBottomBorderEnabled?: boolean;\n}\n\nexport interface ModalConfigBase {\n    backdropCloseEnable?: boolean;\n    matDialogConfig?: MatDialogConfig;\n}\n\n@Component({\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    selector: 'ap-modal',\n    templateUrl: 'modal.component.html',\n    standalone: true,\n    imports: [AgorapulseUiSymbolModule, NgStyle, NgClass, NgIf, MatButtonModule, NgTemplateOutlet],\n    styleUrls: ['modal.component.scss'],\n})\nexport class ModalComponent {\n    static readonly PANEL_CLASS = 'modal-container';\n\n    constructor(public dialogRef: MatDialogRef<ComponentType<any>>,\n                public symbolRegistry: SymbolRegistry) {\n        dialogRef.disableClose = true;\n        this.symbolRegistry.registerSymbols([\n            apClose\n        ]);\n    }\n\n    @Input() closable: boolean;\n    @Input() headerBottomBorderEnabled: boolean;\n    @Input() footerTemplate: TemplateRef<any>;\n    @Input() footerVisible = true;\n    @Input() headerTemplate: TemplateRef<any>;\n    @Input() headerVisible = true;\n    @Input() mainTemplate: TemplateRef<any>;\n    @Input() config: MatDialogConfig;\n    @Input() containerStyle: {[arg: string]: string} = {};\n    @Input() headerStyle: {[arg: string]: string} = {};\n    @Input() contentStyle: {[arg: string]: string} = {};\n    @Input() footerStyle: {[arg: string]: string} = {};\n    @Input() defaultLayout = true;\n\n    /**\n     * Use it to open a modal containing the {@link componentType} component, with the right configuration.\n     */\n    static openWithComponent<T>(\n        matDialog: MatDialog,\n        config: ModalConfigBase,\n        componentType: ComponentType<T>\n    ): MatDialogRef<T> {\n        let matDialogConfig: MatDialogConfig;\n        if (config) {\n            matDialogConfig = config.matDialogConfig;\n            if (matDialogConfig) {\n                matDialogConfig.panelClass = Array.isArray(config.matDialogConfig.panelClass)\n                    ? [...config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS] // in case where the panelClass is an array\n                    : [config.matDialogConfig.panelClass, ModalComponent.PANEL_CLASS]; // in the other case, it's a String\n            } else {\n                matDialogConfig = {panelClass: ModalComponent.PANEL_CLASS};\n            }\n        } else {\n            matDialogConfig = {\n                panelClass: ModalComponent.PANEL_CLASS,\n            };\n        }\n        matDialogConfig.autoFocus = false; // Prevent first button to be focused\n\n        const dialogRef = matDialog.open(componentType, matDialogConfig);\n        if (config.backdropCloseEnable === true) {\n            dialogRef.disableClose = false;\n        }\n        return dialogRef;\n    }\n\n    /**\n     * Use it to open a modal containing the provided templates, with the right configuration.\n     */\n    static openWithTemplates(\n        matDialog: MatDialog,\n        headerTemplate: TemplateRef<any>,\n        mainTemplate: TemplateRef<any>,\n        footerTemplate?: TemplateRef<any>,\n        config?: ModalConfig\n    ): MatDialogRef<ModalComponent> {\n        const dialogRef = ModalComponent.openWithComponent(matDialog, config, ModalComponent);\n        dialogRef.componentInstance.closable = config && config.closable ? config.closable : false;\n        dialogRef.componentInstance.headerBottomBorderEnabled =\n            config && config.headerBottomBorderEnabled ? config.headerBottomBorderEnabled : false;\n        dialogRef.componentInstance.headerTemplate = headerTemplate;\n        dialogRef.componentInstance.mainTemplate = mainTemplate;\n        dialogRef.componentInstance.footerTemplate = footerTemplate;\n        return dialogRef;\n    }\n\n    close(): void {\n        this.dialogRef.close();\n    }\n}\n","<div\n    [ngStyle]=\"containerStyle\"\n    [ngClass]=\"{'modal-wrapper': true, 'default-layout': defaultLayout}\">\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        [ngClass]=\"{content: defaultLayout}\">\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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MAyBa,cAAc,CAAA;IAGvB,WAAmB,CAAA,SAA2C,EAC3C,cAA8B,EAAA;QAD9B,IAAS,CAAA,SAAA,GAAT,SAAS,CAAkC;QAC3C,IAAc,CAAA,cAAA,GAAd,cAAc,CAAgB;QAUxC,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;QAErB,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;QAGrB,IAAc,CAAA,cAAA,GAA4B,EAAE,CAAC;QAC7C,IAAW,CAAA,WAAA,GAA4B,EAAE,CAAC;QAC1C,IAAY,CAAA,YAAA,GAA4B,EAAE,CAAC;QAC3C,IAAW,CAAA,WAAA,GAA4B,EAAE,CAAC;QAC1C,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;AAlB1B,QAAA,SAAS,CAAC,YAAY,GAAG,IAAI,CAAC;AAC9B,QAAA,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC;YAChC,OAAO;AACV,SAAA,CAAC,CAAC;KACN;AAgBD;;AAEG;AACH,IAAA,OAAO,iBAAiB,CACpB,SAAoB,EACpB,MAAuB,EACvB,aAA+B,EAAA;AAE/B,QAAA,IAAI,eAAgC,CAAC;AACrC,QAAA,IAAI,MAAM,EAAE;AACR,YAAA,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC;AACzC,YAAA,IAAI,eAAe,EAAE;AACjB,gBAAA,eAAe,CAAC,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC;AACzE,sBAAE,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC;AACpE,sBAAE,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;AACzE,aAAA;AAAM,iBAAA;gBACH,eAAe,GAAG,EAAC,UAAU,EAAE,cAAc,CAAC,WAAW,EAAC,CAAC;AAC9D,aAAA;AACJ,SAAA;AAAM,aAAA;AACH,YAAA,eAAe,GAAG;gBACd,UAAU,EAAE,cAAc,CAAC,WAAW;aACzC,CAAC;AACL,SAAA;AACD,QAAA,eAAe,CAAC,SAAS,GAAG,KAAK,CAAC;QAElC,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;AACjE,QAAA,IAAI,MAAM,CAAC,mBAAmB,KAAK,IAAI,EAAE;AACrC,YAAA,SAAS,CAAC,YAAY,GAAG,KAAK,CAAC;AAClC,SAAA;AACD,QAAA,OAAO,SAAS,CAAC;KACpB;AAED;;AAEG;IACH,OAAO,iBAAiB,CACpB,SAAoB,EACpB,cAAgC,EAChC,YAA8B,EAC9B,cAAiC,EACjC,MAAoB,EAAA;AAEpB,QAAA,MAAM,SAAS,GAAG,cAAc,CAAC,iBAAiB,CAAC,SAAS,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC;QACtF,SAAS,CAAC,iBAAiB,CAAC,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC;QAC3F,SAAS,CAAC,iBAAiB,CAAC,yBAAyB;AACjD,YAAA,MAAM,IAAI,MAAM,CAAC,yBAAyB,GAAG,MAAM,CAAC,yBAAyB,GAAG,KAAK,CAAC;AAC1F,QAAA,SAAS,CAAC,iBAAiB,CAAC,cAAc,GAAG,cAAc,CAAC;AAC5D,QAAA,SAAS,CAAC,iBAAiB,CAAC,YAAY,GAAG,YAAY,CAAC;AACxD,QAAA,SAAS,CAAC,iBAAiB,CAAC,cAAc,GAAG,cAAc,CAAC;AAC5D,QAAA,OAAO,SAAS,CAAC;KACpB;IAED,KAAK,GAAA;AACD,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KAC1B;;AA9Ee,cAAW,CAAA,WAAA,GAAG,iBAAiB,CAAC;2GADvC,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,ECzB3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,wiCA8BA,EDRc,MAAA,EAAA,CAAA,s8MAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,wBAAwB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,EAAE,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAI,EAAE,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,eAAe,2VAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAGpF,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AACW,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,UAAU,EAER,UAAA,EAAA,IAAI,WACP,CAAC,wBAAwB,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAA,QAAA,EAAA,wiCAAA,EAAA,MAAA,EAAA,CAAA,s8MAAA,CAAA,EAAA,CAAA;gIAcrF,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,yBAAyB,EAAA,CAAA;sBAAjC,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,cAAc,EAAA,CAAA;sBAAtB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;;;AEhDV;;AAEG;;;;"}

package/fesm2020/agorapulse-ui-components-neo-datepicker.mjs

@@ -1,5 +1,5 @@
 import * as i1 from '@agorapulse/ui-symbol';
-import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
+import { apArrowButtonLeft, apArrowButtonRight, AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
 import { TitleCasePipe, NgForOf, NgIf, SlicePipe, NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Pipe, EventEmitter, inject, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
@@ -35,7 +35,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
         }] });
 
 class NeoDatepickerComponent {
-    constructor() {
+    constructor(symbolRegistry) {
+        this.symbolRegistry = symbolRegistry;
         this.ONE_DAY = 60 * 60 * 24 * 1000;
         this.TODAY_TIMESTAMP = Date.now() - (Date.now() % this.ONE_DAY) + new Date().getTimezoneOffset() * 1000 * 60;
         this.previousMonthAvailable = true;
@@ -47,6 +48,10 @@ class NeoDatepickerComponent {
         this.currentMonthDates$ = new BehaviorSubject([]);
         this.selectedDaysTimestamp = new Set();
         this.dayDisabledPipe = inject(DayDisabledPipe);
+        this.symbolRegistry.registerSymbols([
+            apArrowButtonLeft,
+            apArrowButtonRight
+        ]);
     }
     set maxDate(maxDate) {
         this._maxDate = maxDate;
@@ -202,7 +207,7 @@ class NeoDatepickerComponent {
         }
     }
 }
-NeoDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NeoDatepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NeoDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NeoDatepickerComponent, deps: [{ token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
 NeoDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: NeoDatepickerComponent, isStandalone: true, selector: "ap-neo-date-picker", inputs: { dayTemplate: "dayTemplate", locale: "locale", maxDate: "maxDate", minDate: "minDate", mode: "mode", selectedDates: "selectedDates", startsOn: "startsOn" }, outputs: { datesSelected: "datesSelected", nextMonth: "nextMonth", previousMonth: "previousMonth" }, providers: [DayDisabledPipe], ngImport: i0, template: "<div class=\"date-picker-container\">\n    <div class=\"date-picker\">\n        <div class=\"month-navigation\">\n            <button mat-stroked-button\n                    class=\"circle ghost left\"\n                    [disabled]=\"!previousMonthAvailable\"\n                    (click)=\"onPreviousMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-left\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n            <span>\n                {{ months[currentMonth] | titlecase  }} {{ currentYear }}\n            </span>\n            <button mat-stroked-button\n                    class=\"circle ghost right\"\n                    (click)=\"onNextMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-right\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n        </div>\n        <div class=\"week-header\">\n            <ng-container *ngFor=\"let day of weekDays\">\n                <div class=\"day\">\n                    {{ day | slice:0:2 | titlecase }}\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"days-container\">\n            <ng-container *ngFor=\"let day of currentMonthDates$ | async\">\n                <ng-container *ngIf=\"dayTemplate\"\n                            [ngTemplateOutlet]=\"dayTemplate\"\n                            [ngTemplateOutletContext]=\"{day: day}\"\n                ></ng-container>\n                <ng-container *ngIf=\"!dayTemplate\">\n                    <div class=\"day\"\n                         [class.disabled]=\"day | dayDisabled:TODAY_TIMESTAMP:minDateTimestamp:maxDateTimestamp\"\n                         [class.today]=\"day.timestamp === TODAY_TIMESTAMP\"\n                         [class.selected]=\"selectedDaysTimestamp.has(day.timestamp)\"\n                        (click)=\"onSelectDay(day)\"\n                    >\n                        <span>\n                            {{ day.date }}\n                        </span>\n                    </div>\n                </ng-container>\n            </ng-container>\n        </div>\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 .date-picker-container{display:flex;justify-content:center;align-items:center}:host .date-picker-container .date-picker{width:248px}:host .date-picker-container .date-picker .month-navigation{display:flex;justify-content:space-between;margin-bottom:24px}:host .date-picker-container .date-picker .month-navigation button:disabled{background:transparent}:host .date-picker-container .date-picker .month-navigation button:disabled ap-symbol{color:#d6dae0!important}:host .date-picker-container .date-picker .month-navigation button:disabled:hover{background:transparent!important}:host .date-picker-container .date-picker .month-navigation .left ap-symbol{margin-right:2px}:host .date-picker-container .date-picker .month-navigation .right ap-symbol{margin-left:2px}:host .date-picker-container .date-picker .month-navigation ap-symbol{display:grid;place-content:center}:host .date-picker-container .date-picker .month-navigation button:hover{background:#f5f5f7}:host .date-picker-container .date-picker .month-navigation span{font-style:normal;font-weight:700;font-size:16px;line-height:20px;text-align:center;color:#344563;align-items:center;display:flex}:host .date-picker-container .date-picker .week-header{display:flex;justify-content:space-between;margin-bottom:8px}:host .date-picker-container .date-picker .week-header .day{width:32px;text-align:center;font-weight:700;font-size:12px;line-height:15px;color:#aeb5c1}:host .date-picker-container .date-picker .days-container{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}:host .date-picker-container .date-picker .days-container .day{font-style:normal;font-weight:400;font-size:14px;line-height:128.7%;text-align:center;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;position:relative}:host .date-picker-container .date-picker .days-container .day:hover{cursor:pointer}:host .date-picker-container .date-picker .days-container .day:hover:not(.disabled):not(.selected){background:#f5f5f7}:host .date-picker-container .date-picker .days-container .day.today{border:1px #178dfe solid}:host .date-picker-container .date-picker .days-container .day.selected{background:#178dfe;color:#fff!important}:host .date-picker-container .date-picker .days-container .day.selected .bubble{background:white!important}:host .date-picker-container .date-picker .days-container .day.disabled{color:#aeb5c1}:host .date-picker-container .date-picker .days-container .day .bubble{width:4px;height:4px;border-radius:100%;bottom:3px;position:absolute;background:#178dfe}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "pipe", type: TitleCasePipe, name: "titlecase" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, 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: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SlicePipe, name: "slice" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: DayDisabledPipe, name: "dayDisabled" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NeoDatepickerComponent, decorators: [{
             type: Component,
@@ -217,7 +222,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                         DayDisabledPipe,
                         AsyncPipe
                     ], standalone: true, template: "<div class=\"date-picker-container\">\n    <div class=\"date-picker\">\n        <div class=\"month-navigation\">\n            <button mat-stroked-button\n                    class=\"circle ghost left\"\n                    [disabled]=\"!previousMonthAvailable\"\n                    (click)=\"onPreviousMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-left\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n            <span>\n                {{ months[currentMonth] | titlecase  }} {{ currentYear }}\n            </span>\n            <button mat-stroked-button\n                    class=\"circle ghost right\"\n                    (click)=\"onNextMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-right\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n        </div>\n        <div class=\"week-header\">\n            <ng-container *ngFor=\"let day of weekDays\">\n                <div class=\"day\">\n                    {{ day | slice:0:2 | titlecase }}\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"days-container\">\n            <ng-container *ngFor=\"let day of currentMonthDates$ | async\">\n                <ng-container *ngIf=\"dayTemplate\"\n                            [ngTemplateOutlet]=\"dayTemplate\"\n                            [ngTemplateOutletContext]=\"{day: day}\"\n                ></ng-container>\n                <ng-container *ngIf=\"!dayTemplate\">\n                    <div class=\"day\"\n                         [class.disabled]=\"day | dayDisabled:TODAY_TIMESTAMP:minDateTimestamp:maxDateTimestamp\"\n                         [class.today]=\"day.timestamp === TODAY_TIMESTAMP\"\n                         [class.selected]=\"selectedDaysTimestamp.has(day.timestamp)\"\n                        (click)=\"onSelectDay(day)\"\n                    >\n                        <span>\n                            {{ day.date }}\n                        </span>\n                    </div>\n                </ng-container>\n            </ng-container>\n        </div>\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 .date-picker-container{display:flex;justify-content:center;align-items:center}:host .date-picker-container .date-picker{width:248px}:host .date-picker-container .date-picker .month-navigation{display:flex;justify-content:space-between;margin-bottom:24px}:host .date-picker-container .date-picker .month-navigation button:disabled{background:transparent}:host .date-picker-container .date-picker .month-navigation button:disabled ap-symbol{color:#d6dae0!important}:host .date-picker-container .date-picker .month-navigation button:disabled:hover{background:transparent!important}:host .date-picker-container .date-picker .month-navigation .left ap-symbol{margin-right:2px}:host .date-picker-container .date-picker .month-navigation .right ap-symbol{margin-left:2px}:host .date-picker-container .date-picker .month-navigation ap-symbol{display:grid;place-content:center}:host .date-picker-container .date-picker .month-navigation button:hover{background:#f5f5f7}:host .date-picker-container .date-picker .month-navigation span{font-style:normal;font-weight:700;font-size:16px;line-height:20px;text-align:center;color:#344563;align-items:center;display:flex}:host .date-picker-container .date-picker .week-header{display:flex;justify-content:space-between;margin-bottom:8px}:host .date-picker-container .date-picker .week-header .day{width:32px;text-align:center;font-weight:700;font-size:12px;line-height:15px;color:#aeb5c1}:host .date-picker-container .date-picker .days-container{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}:host .date-picker-container .date-picker .days-container .day{font-style:normal;font-weight:400;font-size:14px;line-height:128.7%;text-align:center;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:100%;position:relative}:host .date-picker-container .date-picker .days-container .day:hover{cursor:pointer}:host .date-picker-container .date-picker .days-container .day:hover:not(.disabled):not(.selected){background:#f5f5f7}:host .date-picker-container .date-picker .days-container .day.today{border:1px #178dfe solid}:host .date-picker-container .date-picker .days-container .day.selected{background:#178dfe;color:#fff!important}:host .date-picker-container .date-picker .days-container .day.selected .bubble{background:white!important}:host .date-picker-container .date-picker .days-container .day.disabled{color:#aeb5c1}:host .date-picker-container .date-picker .days-container .day .bubble{width:4px;height:4px;border-radius:100%;bottom:3px;position:absolute;background:#178dfe}\n"] }]
-        }], propDecorators: { dayTemplate: [{
+        }], ctorParameters: function () { return [{ type: i1.SymbolRegistry }]; }, propDecorators: { dayTemplate: [{
                 type: Input
             }], locale: [{
                 type: Input

package/fesm2020/agorapulse-ui-components-neo-datepicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-neo-datepicker.mjs","sources":["../../../libs/ui-components/neo-datepicker/src/day-disabled.pipe.ts","../../../libs/ui-components/neo-datepicker/src/neo-datepicker.component.ts","../../../libs/ui-components/neo-datepicker/src/neo-datepicker.component.html","../../../libs/ui-components/neo-datepicker/src/agorapulse-ui-components-neo-datepicker.ts"],"sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\nimport {DayDetail} from \"./day-detail.model\";\n\n@Pipe({\n    name: 'dayDisabled',\n    pure: true,\n    standalone: true\n})\nexport class DayDisabledPipe implements PipeTransform {\n\n    transform(day: DayDetail, todayTimestamp: number, minDateTimestamp?: number, maxDateTimestamp?: number): boolean {\n        return day.month !== 0\n            || (day.timestamp < todayTimestamp && !minDateTimestamp)\n            || (minDateTimestamp && day.timestamp < minDateTimestamp)\n            || (maxDateTimestamp && day.timestamp > maxDateTimestamp)\n    }\n}\n","import {AgorapulseUiSymbolModule} from '@agorapulse/ui-symbol';\nimport {AsyncPipe, NgForOf, NgIf, NgTemplateOutlet, SlicePipe, TitleCasePipe} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    EventEmitter,\n    inject,\n    Input,\n    OnInit,\n    Output,\n    TemplateRef,\n} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/de';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/fr';\nimport 'dayjs/locale/pt';\nimport localeData from 'dayjs/plugin/localeData';\nimport {DayDetail} from './day-detail.model';\nimport {DayDisabledPipe} from './day-disabled.pipe';\nimport {BehaviorSubject, filter} from \"rxjs\";\nimport {distinctUntilChanged} from \"rxjs/operators\";\n\nexport type NeoDatePickerMode = 'single' | 'multiple';\nexport type NeoDatePickerStartsOn = 'monday' | 'sunday';\nexport type NeoDatePickerLocale = 'en' | 'es' | 'fr' | 'pt' | 'de';\n\n@Component({\n    selector: 'ap-neo-date-picker',\n    styleUrls: ['neo-datepicker.component.scss'],\n    templateUrl: 'neo-datepicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [DayDisabledPipe],\n    imports: [\n        AgorapulseUiSymbolModule,\n        TitleCasePipe,\n        MatButtonModule,\n        NgForOf,\n        NgIf,\n        SlicePipe,\n        NgTemplateOutlet,\n        DayDisabledPipe,\n        AsyncPipe\n    ],\n    standalone: true,\n})\nexport class NeoDatepickerComponent implements OnInit {\n    readonly ONE_DAY: number = 60 * 60 * 24 * 1000;\n    readonly TODAY_TIMESTAMP: number =\n        Date.now() - (Date.now() % this.ONE_DAY) + new Date().getTimezoneOffset() * 1000 * 60;\n\n    @Input() dayTemplate: TemplateRef<HTMLElement>;\n    @Input() locale: NeoDatePickerLocale;\n\n    private _maxDate: dayjs.Dayjs;\n    @Input() set maxDate(maxDate: dayjs.Dayjs) {\n        this._maxDate = maxDate;\n        this.maxDateTimestamp = maxDate.toDate().getTime();\n    }\n    get maxDate(): dayjs.Dayjs {\n        return this._maxDate;\n    }\n\n    private _minDate: dayjs.Dayjs;\n    @Input() set minDate(minDate: dayjs.Dayjs) {\n        this._minDate = minDate;\n        this.minDateTimestamp = minDate.toDate().getTime();\n    }\n    get minDate(): dayjs.Dayjs {\n        return this._minDate;\n    }\n\n    previousMonthAvailable: boolean = true;\n\n    private _mode: NeoDatePickerMode = 'single';\n    @Input() set mode(mode: NeoDatePickerMode) {\n        this._mode = mode;\n        if (this._mode === 'single') {\n            this._selectedDates = this._selectedDates.slice(0, 1);\n            this.selectedDaysTimestamp = new Set(Array.from(this.selectedDaysTimestamp).slice(0, 1));\n        }\n    }\n    get mode(): NeoDatePickerMode {\n        return this._mode;\n    }\n\n    private _selectedDates: dayjs.Dayjs[];\n    @Input() set selectedDates(dates: dayjs.Dayjs[]) {\n        if (this._mode === 'single') {\n            dates = dates.slice(0, 1);\n        }\n        this.selectedDaysTimestamp = new Set();\n        this._selectedDates = dates;\n        if (this._selectedDates.length) {\n            this._selectedDates.forEach(day => {\n                this.selectedDaysTimestamp.add(day.toDate().getTime());\n            });\n        }\n    }\n\n    get selectedDates(): dayjs.Dayjs[] {\n        return this._selectedDates;\n    }\n\n    @Input() startsOn: NeoDatePickerStartsOn = 'monday';\n\n    @Output() datesSelected: EventEmitter<dayjs.Dayjs[]> = new EventEmitter<dayjs.Dayjs[]>();\n    @Output() nextMonth: EventEmitter<void> = new EventEmitter<void>();\n    @Output() previousMonth: EventEmitter<void> = new EventEmitter<void>();\n\n    currentYear: number;\n    currentMonth: number;\n    currentMonthDates$: BehaviorSubject<DayDetail[]> = new BehaviorSubject<DayDetail[]>([]);\n    minDateTimestamp: number;\n    maxDateTimestamp: number;\n    months: string[];\n    selectedDaysTimestamp: Set<number> = new Set();\n    weekDays: string[];\n\n    dayDisabledPipe: DayDisabledPipe = inject(DayDisabledPipe);\n\n    ngOnInit(): void {\n        dayjs.extend(localeData);\n        const date = new Date();\n        this.currentYear = date.getFullYear();\n        this.currentMonth = date.getMonth();\n        if (this.locale) {\n            dayjs.locale(this.locale);\n        }\n        this.months = dayjs.months();\n        this.weekDays = [...dayjs.weekdays()];\n\n        if (this.startsOn === 'monday') {\n            const sunday = this.weekDays.slice(0, 1);\n            this.weekDays.splice(0, 1);\n            this.weekDays = this.weekDays.concat(sunday);\n        }\n        this.currentMonthDates$.next(this.getMonthDetails(this.currentYear, this.currentMonth));\n        this.currentMonthDates$\n            .pipe(\n                distinctUntilChanged(),\n                filter(() => !!this.minDateTimestamp)\n            )\n            .subscribe(currentMonthDates => {\n                this.previousMonthAvailable = !currentMonthDates.some((dayDetail) => dayDetail.timestamp === this.minDateTimestamp);\n        })\n    }\n\n    getDayDetails(index: number, firstDay: number, month: number, numberOfDays: number, year: number): DayDetail {\n        const date = index - firstDay;\n        const day = index % 7;\n        let prevMonth = month - 1;\n        let prevYear = year;\n        if (prevMonth < 0) {\n            prevMonth = 11;\n            prevYear--;\n        }\n        const prevMonthNumberOfDays = this.getNumberOfDays(prevYear, prevMonth);\n        const _date = (date < 0 ? prevMonthNumberOfDays + date : date % numberOfDays) + 1;\n        const _month = date < 0 ? -1 : date >= numberOfDays ? 1 : 0;\n        const newDate = new Date(year, _month + month, _date);\n        const timestamp = newDate.getTime();\n        const dayString = this.weekDays[day];\n        return {\n            date: _date,\n            day,\n            month: _month,\n            timestamp,\n            dayString,\n            dayjs: dayjs(newDate),\n        };\n    }\n\n    getNumberOfDays(year: number, month: number): number {\n        return 40 - new Date(year, month, 40).getDate();\n    }\n\n    getMonthDetails(year: number, month: number): DayDetail[] {\n        let firstDay = new Date(year, month).getDay();\n        if (this.startsOn === 'monday') {\n            firstDay -= 1;\n        }\n        // If the first day is below 0 it means the sunday is the first day of the month so we need to show the last month\n        if (firstDay < 0) {\n            firstDay = 6;\n        }\n        const numberOfDays = this.getNumberOfDays(year, month);\n        const monthArray = [];\n        const rows = 6;\n        let currentDay = null;\n        let index = 0;\n        const cols = 7;\n\n        for (let row = 0; row < rows; row++) {\n            for (let col = 0; col < cols; col++) {\n                currentDay = this.getDayDetails(index, firstDay, month, numberOfDays, year);\n                monthArray.push(currentDay);\n                index++;\n            }\n        }\n        return monthArray;\n    }\n\n    onPreviousMonth(): void {\n        if (this.previousMonthAvailable) {\n            this.previousMonth.emit();\n            this.currentMonth -= 1;\n            if (this.currentMonth === -1) {\n                this.currentMonth = 11;\n                this.currentYear -= 1;\n            }\n            this.currentMonthDates$.next(this.getMonthDetails(this.currentYear, this.currentMonth));\n        }\n    }\n\n    onNextMonth(): void {\n        this.nextMonth.emit();\n        this.currentMonth += 1;\n        if (this.currentMonth === 12) {\n            this.currentMonth = 0;\n            this.currentYear += 1;\n        }\n        this.currentMonthDates$.next(this.getMonthDetails(this.currentYear, this.currentMonth));\n    }\n\n    onSelectDay(dayDetail: DayDetail): void {\n        const dayDisabled = this.dayDisabledPipe.transform(\n            dayDetail,\n            this.TODAY_TIMESTAMP,\n            this.minDateTimestamp,\n            this.maxDateTimestamp\n        );\n        if (!dayDisabled) {\n            if (this.mode === 'single') {\n                this.selectedDaysTimestamp.clear();\n            }\n            if (this.minDate && dayDetail.dayjs.isBefore(dayjs(this.minDate))) {\n                return;\n            }\n            if (this.maxDate && dayDetail.dayjs.isAfter(dayjs(this.maxDate))) {\n                return;\n            }\n            if (this.selectedDaysTimestamp.has(dayDetail.timestamp)) {\n                this.selectedDaysTimestamp.delete(dayDetail.timestamp);\n            } else {\n                this.selectedDaysTimestamp.add(dayDetail.timestamp);\n            }\n            this.datesSelected.emit(Array.from(this.selectedDaysTimestamp).map(timestamp => dayjs(timestamp)));\n        }\n    }\n}\n","<div class=\"date-picker-container\">\n    <div class=\"date-picker\">\n        <div class=\"month-navigation\">\n            <button mat-stroked-button\n                    class=\"circle ghost left\"\n                    [disabled]=\"!previousMonthAvailable\"\n                    (click)=\"onPreviousMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-left\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n            <span>\n                {{ months[currentMonth] | titlecase  }} {{ currentYear }}\n            </span>\n            <button mat-stroked-button\n                    class=\"circle ghost right\"\n                    (click)=\"onNextMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-right\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n        </div>\n        <div class=\"week-header\">\n            <ng-container *ngFor=\"let day of weekDays\">\n                <div class=\"day\">\n                    {{ day | slice:0:2 | titlecase }}\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"days-container\">\n            <ng-container *ngFor=\"let day of currentMonthDates$ | async\">\n                <ng-container *ngIf=\"dayTemplate\"\n                            [ngTemplateOutlet]=\"dayTemplate\"\n                            [ngTemplateOutletContext]=\"{day: day}\"\n                ></ng-container>\n                <ng-container *ngIf=\"!dayTemplate\">\n                    <div class=\"day\"\n                         [class.disabled]=\"day | dayDisabled:TODAY_TIMESTAMP:minDateTimestamp:maxDateTimestamp\"\n                         [class.today]=\"day.timestamp === TODAY_TIMESTAMP\"\n                         [class.selected]=\"selectedDaysTimestamp.has(day.timestamp)\"\n                        (click)=\"onSelectDay(day)\"\n                    >\n                        <span>\n                            {{ day.date }}\n                        </span>\n                    </div>\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\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-neo-datepicker.mjs","sources":["../../../libs/ui-components/neo-datepicker/src/day-disabled.pipe.ts","../../../libs/ui-components/neo-datepicker/src/neo-datepicker.component.ts","../../../libs/ui-components/neo-datepicker/src/neo-datepicker.component.html","../../../libs/ui-components/neo-datepicker/src/agorapulse-ui-components-neo-datepicker.ts"],"sourcesContent":["import {Pipe, PipeTransform} from '@angular/core';\nimport {DayDetail} from \"./day-detail.model\";\n\n@Pipe({\n    name: 'dayDisabled',\n    pure: true,\n    standalone: true\n})\nexport class DayDisabledPipe implements PipeTransform {\n\n    transform(day: DayDetail, todayTimestamp: number, minDateTimestamp?: number, maxDateTimestamp?: number): boolean {\n        return day.month !== 0\n            || (day.timestamp < todayTimestamp && !minDateTimestamp)\n            || (minDateTimestamp && day.timestamp < minDateTimestamp)\n            || (maxDateTimestamp && day.timestamp > maxDateTimestamp)\n    }\n}\n","import {AgorapulseUiSymbolModule, apArrowButtonLeft, apArrowButtonRight, SymbolRegistry} from '@agorapulse/ui-symbol';\nimport {AsyncPipe, NgForOf, NgIf, NgTemplateOutlet, SlicePipe, TitleCasePipe} from '@angular/common';\nimport {\n    ChangeDetectionStrategy, ChangeDetectorRef,\n    Component,\n    EventEmitter,\n    inject,\n    Input,\n    OnInit,\n    Output,\n    TemplateRef,\n} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/de';\nimport 'dayjs/locale/en';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/fr';\nimport 'dayjs/locale/pt';\nimport localeData from 'dayjs/plugin/localeData';\nimport {DayDetail} from './day-detail.model';\nimport {DayDisabledPipe} from './day-disabled.pipe';\nimport {BehaviorSubject, filter} from \"rxjs\";\nimport {distinctUntilChanged} from \"rxjs/operators\";\n\nexport type NeoDatePickerMode = 'single' | 'multiple';\nexport type NeoDatePickerStartsOn = 'monday' | 'sunday';\nexport type NeoDatePickerLocale = 'en' | 'es' | 'fr' | 'pt' | 'de';\n\n@Component({\n    selector: 'ap-neo-date-picker',\n    styleUrls: ['neo-datepicker.component.scss'],\n    templateUrl: 'neo-datepicker.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [DayDisabledPipe],\n    imports: [\n        AgorapulseUiSymbolModule,\n        TitleCasePipe,\n        MatButtonModule,\n        NgForOf,\n        NgIf,\n        SlicePipe,\n        NgTemplateOutlet,\n        DayDisabledPipe,\n        AsyncPipe\n    ],\n    standalone: true,\n})\nexport class NeoDatepickerComponent implements OnInit {\n    readonly ONE_DAY: number = 60 * 60 * 24 * 1000;\n    readonly TODAY_TIMESTAMP: number =\n        Date.now() - (Date.now() % this.ONE_DAY) + new Date().getTimezoneOffset() * 1000 * 60;\n\n    @Input() dayTemplate: TemplateRef<HTMLElement>;\n    @Input() locale: NeoDatePickerLocale;\n\n    private _maxDate: dayjs.Dayjs;\n    @Input() set maxDate(maxDate: dayjs.Dayjs) {\n        this._maxDate = maxDate;\n        this.maxDateTimestamp = maxDate.toDate().getTime();\n    }\n    get maxDate(): dayjs.Dayjs {\n        return this._maxDate;\n    }\n\n    private _minDate: dayjs.Dayjs;\n    @Input() set minDate(minDate: dayjs.Dayjs) {\n        this._minDate = minDate;\n        this.minDateTimestamp = minDate.toDate().getTime();\n    }\n    get minDate(): dayjs.Dayjs {\n        return this._minDate;\n    }\n\n    previousMonthAvailable: boolean = true;\n\n    private _mode: NeoDatePickerMode = 'single';\n    @Input() set mode(mode: NeoDatePickerMode) {\n        this._mode = mode;\n        if (this._mode === 'single') {\n            this._selectedDates = this._selectedDates.slice(0, 1);\n            this.selectedDaysTimestamp = new Set(Array.from(this.selectedDaysTimestamp).slice(0, 1));\n        }\n    }\n    get mode(): NeoDatePickerMode {\n        return this._mode;\n    }\n\n    private _selectedDates: dayjs.Dayjs[];\n    @Input() set selectedDates(dates: dayjs.Dayjs[]) {\n        if (this._mode === 'single') {\n            dates = dates.slice(0, 1);\n        }\n        this.selectedDaysTimestamp = new Set();\n        this._selectedDates = dates;\n        if (this._selectedDates.length) {\n            this._selectedDates.forEach(day => {\n                this.selectedDaysTimestamp.add(day.toDate().getTime());\n            });\n        }\n    }\n\n    get selectedDates(): dayjs.Dayjs[] {\n        return this._selectedDates;\n    }\n\n    @Input() startsOn: NeoDatePickerStartsOn = 'monday';\n\n    @Output() datesSelected: EventEmitter<dayjs.Dayjs[]> = new EventEmitter<dayjs.Dayjs[]>();\n    @Output() nextMonth: EventEmitter<void> = new EventEmitter<void>();\n    @Output() previousMonth: EventEmitter<void> = new EventEmitter<void>();\n\n    currentYear: number;\n    currentMonth: number;\n    currentMonthDates$: BehaviorSubject<DayDetail[]> = new BehaviorSubject<DayDetail[]>([]);\n    minDateTimestamp: number;\n    maxDateTimestamp: number;\n    months: string[];\n    selectedDaysTimestamp: Set<number> = new Set();\n    weekDays: string[];\n\n    dayDisabledPipe: DayDisabledPipe = inject(DayDisabledPipe);\n\n    constructor(public symbolRegistry: SymbolRegistry) {\n        this.symbolRegistry.registerSymbols([\n            apArrowButtonLeft,\n            apArrowButtonRight\n        ]);\n    }\n\n    ngOnInit(): void {\n        dayjs.extend(localeData);\n        const date = new Date();\n        this.currentYear = date.getFullYear();\n        this.currentMonth = date.getMonth();\n        if (this.locale) {\n            dayjs.locale(this.locale);\n        }\n        this.months = dayjs.months();\n        this.weekDays = [...dayjs.weekdays()];\n\n        if (this.startsOn === 'monday') {\n            const sunday = this.weekDays.slice(0, 1);\n            this.weekDays.splice(0, 1);\n            this.weekDays = this.weekDays.concat(sunday);\n        }\n        this.currentMonthDates$.next(this.getMonthDetails(this.currentYear, this.currentMonth));\n        this.currentMonthDates$\n            .pipe(\n                distinctUntilChanged(),\n                filter(() => !!this.minDateTimestamp)\n            )\n            .subscribe(currentMonthDates => {\n                this.previousMonthAvailable = !currentMonthDates.some((dayDetail) => dayDetail.timestamp === this.minDateTimestamp);\n        })\n    }\n\n    getDayDetails(index: number, firstDay: number, month: number, numberOfDays: number, year: number): DayDetail {\n        const date = index - firstDay;\n        const day = index % 7;\n        let prevMonth = month - 1;\n        let prevYear = year;\n        if (prevMonth < 0) {\n            prevMonth = 11;\n            prevYear--;\n        }\n        const prevMonthNumberOfDays = this.getNumberOfDays(prevYear, prevMonth);\n        const _date = (date < 0 ? prevMonthNumberOfDays + date : date % numberOfDays) + 1;\n        const _month = date < 0 ? -1 : date >= numberOfDays ? 1 : 0;\n        const newDate = new Date(year, _month + month, _date);\n        const timestamp = newDate.getTime();\n        const dayString = this.weekDays[day];\n        return {\n            date: _date,\n            day,\n            month: _month,\n            timestamp,\n            dayString,\n            dayjs: dayjs(newDate),\n        };\n    }\n\n    getNumberOfDays(year: number, month: number): number {\n        return 40 - new Date(year, month, 40).getDate();\n    }\n\n    getMonthDetails(year: number, month: number): DayDetail[] {\n        let firstDay = new Date(year, month).getDay();\n        if (this.startsOn === 'monday') {\n            firstDay -= 1;\n        }\n        // If the first day is below 0 it means the sunday is the first day of the month so we need to show the last month\n        if (firstDay < 0) {\n            firstDay = 6;\n        }\n        const numberOfDays = this.getNumberOfDays(year, month);\n        const monthArray = [];\n        const rows = 6;\n        let currentDay = null;\n        let index = 0;\n        const cols = 7;\n\n        for (let row = 0; row < rows; row++) {\n            for (let col = 0; col < cols; col++) {\n                currentDay = this.getDayDetails(index, firstDay, month, numberOfDays, year);\n                monthArray.push(currentDay);\n                index++;\n            }\n        }\n        return monthArray;\n    }\n\n    onPreviousMonth(): void {\n        if (this.previousMonthAvailable) {\n            this.previousMonth.emit();\n            this.currentMonth -= 1;\n            if (this.currentMonth === -1) {\n                this.currentMonth = 11;\n                this.currentYear -= 1;\n            }\n            this.currentMonthDates$.next(this.getMonthDetails(this.currentYear, this.currentMonth));\n        }\n    }\n\n    onNextMonth(): void {\n        this.nextMonth.emit();\n        this.currentMonth += 1;\n        if (this.currentMonth === 12) {\n            this.currentMonth = 0;\n            this.currentYear += 1;\n        }\n        this.currentMonthDates$.next(this.getMonthDetails(this.currentYear, this.currentMonth));\n    }\n\n    onSelectDay(dayDetail: DayDetail): void {\n        const dayDisabled = this.dayDisabledPipe.transform(\n            dayDetail,\n            this.TODAY_TIMESTAMP,\n            this.minDateTimestamp,\n            this.maxDateTimestamp\n        );\n        if (!dayDisabled) {\n            if (this.mode === 'single') {\n                this.selectedDaysTimestamp.clear();\n            }\n            if (this.minDate && dayDetail.dayjs.isBefore(dayjs(this.minDate))) {\n                return;\n            }\n            if (this.maxDate && dayDetail.dayjs.isAfter(dayjs(this.maxDate))) {\n                return;\n            }\n            if (this.selectedDaysTimestamp.has(dayDetail.timestamp)) {\n                this.selectedDaysTimestamp.delete(dayDetail.timestamp);\n            } else {\n                this.selectedDaysTimestamp.add(dayDetail.timestamp);\n            }\n            this.datesSelected.emit(Array.from(this.selectedDaysTimestamp).map(timestamp => dayjs(timestamp)));\n        }\n    }\n}\n","<div class=\"date-picker-container\">\n    <div class=\"date-picker\">\n        <div class=\"month-navigation\">\n            <button mat-stroked-button\n                    class=\"circle ghost left\"\n                    [disabled]=\"!previousMonthAvailable\"\n                    (click)=\"onPreviousMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-left\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n            <span>\n                {{ months[currentMonth] | titlecase  }} {{ currentYear }}\n            </span>\n            <button mat-stroked-button\n                    class=\"circle ghost right\"\n                    (click)=\"onNextMonth()\"\n            >\n                <ap-symbol\n                    symbolId=\"arrow-button-right\"\n                    size=\"micro\"\n                >\n                </ap-symbol>\n            </button>\n        </div>\n        <div class=\"week-header\">\n            <ng-container *ngFor=\"let day of weekDays\">\n                <div class=\"day\">\n                    {{ day | slice:0:2 | titlecase }}\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"days-container\">\n            <ng-container *ngFor=\"let day of currentMonthDates$ | async\">\n                <ng-container *ngIf=\"dayTemplate\"\n                            [ngTemplateOutlet]=\"dayTemplate\"\n                            [ngTemplateOutletContext]=\"{day: day}\"\n                ></ng-container>\n                <ng-container *ngIf=\"!dayTemplate\">\n                    <div class=\"day\"\n                         [class.disabled]=\"day | dayDisabled:TODAY_TIMESTAMP:minDateTimestamp:maxDateTimestamp\"\n                         [class.today]=\"day.timestamp === TODAY_TIMESTAMP\"\n                         [class.selected]=\"selectedDaysTimestamp.has(day.timestamp)\"\n                        (click)=\"onSelectDay(day)\"\n                    >\n                        <span>\n                            {{ day.date }}\n                        </span>\n                    </div>\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2020/agorapulse-ui-components-paginator.mjs

@@ -1,5 +1,5 @@
 import * as i1$1 from '@agorapulse/ui-symbol';
-import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
+import { apArrowLeft1, apArrowRight1, AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
 import { NgIf, NgForOf } from '@angular/common';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
@@ -27,7 +27,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             }] } });
 
 class PaginatorComponent {
-    constructor() {
+    constructor(symbolRegistry) {
+        this.symbolRegistry = symbolRegistry;
         this.itemCount = 0;
         this.itemCountPerPage = 10;
         this.edgeSize = 5;
@@ -37,6 +38,10 @@ class PaginatorComponent {
         this.pageCount = 0;
         this.firstPageDisplayed = true;
         this.lastPageDisplayed = true;
+        this.symbolRegistry.registerSymbols([
+            apArrowLeft1,
+            apArrowRight1
+        ]);
     }
     ngOnChanges(changes) {
         // make sure middle size is an odd number
@@ -55,12 +60,12 @@ class PaginatorComponent {
         this.currentPageIndexChange.emit(pageIndex);
     }
 }
-PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PaginatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PaginatorComponent, deps: [{ token: i1$1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
 PaginatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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$1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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"] }]
-        }], propDecorators: { itemCount: [{
+        }], ctorParameters: function () { return [{ type: i1$1.SymbolRegistry }]; }, propDecorators: { itemCount: [{
                 type: Input
             }], itemCountPerPage: [{
                 type: Input

package/fesm2020/agorapulse-ui-components-paginator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"agorapulse-ui-components-paginator.mjs","sources":["../../../libs/ui-components/paginator/src/paginator-button/paginator-button.component.ts","../../../libs/ui-components/paginator/src/paginator-button/paginator-button.component.html","../../../libs/ui-components/paginator/src/paginator.component.ts","../../../libs/ui-components/paginator/src/paginator.component.html","../../../libs/ui-components/paginator/src/agorapulse-ui-components-paginator.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\n\n@Component({\n    selector: 'ap-paginator-button',\n    templateUrl: './paginator-button.component.html',\n    styleUrls: ['./paginator-button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [MatButtonModule],\n    standalone: true,\n})\nexport class PaginatorButtonComponent {\n    @Input() pageIndex = 0;\n    @Input() selectedPageIndex = 0;\n\n    @Output() selectPage = new EventEmitter<number>();\n}\n","<button class=\"square\"\n        mat-flat-button\n        [color]=\"selectedPageIndex === pageIndex ? 'accent' : undefined\"\n        (click)=\" selectPage.emit(pageIndex)\">\n    {{pageIndex + 1}}\n</button>\n","import {AgorapulseUiSymbolModule} from '@agorapulse/ui-symbol';\nimport {NgForOf, NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport {PaginatorButtonComponent} from './paginator-button/paginator-button.component';\n\n@Component({\n    selector: 'ap-paginator',\n    templateUrl: './paginator.component.html',\n    styleUrls: ['./paginator.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [AgorapulseUiSymbolModule, MatButtonModule, NgIf, PaginatorButtonComponent, NgForOf],\n    standalone: true,\n})\nexport class PaginatorComponent implements OnChanges {\n    @Input() itemCount = 0;\n    @Input() itemCountPerPage = 10;\n    @Input() edgeSize = 5;\n    @Input() middleSize = 3;\n\n    @Input() currentPageIndex = 0;\n    @Output() currentPageIndexChange = new EventEmitter<number>();\n\n    public pageCount = 0;\n    public firstPageDisplayed = true;\n    public lastPageDisplayed = true;\n\n    ngOnChanges(changes: SimpleChanges) {\n        // make sure middle size is an odd number\n        if (changes.middleSize && this.middleSize % 2 === 0) {\n            this.middleSize++;\n        }\n        if ((this.itemCountPerPage && (changes.itemCount || changes.itemCountPerPage)) || changes.currentPageIndex) {\n            this.pageCount = Math.ceil(this.itemCount / this.itemCountPerPage);\n            // make sure page index is between min and max page index\n            this.currentPageIndex = Math.max(0, Math.min(this.pageCount - 1, this.currentPageIndex));\n            this.firstPageDisplayed = this.currentPageIndex === 0;\n            this.lastPageDisplayed = this.currentPageIndex === this.pageCount - 1;\n        }\n    }\n\n    onSelectPage(pageIndex: number): void {\n        this.currentPageIndexChange.emit(pageIndex);\n    }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1","i2"],"mappings":"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"}
+{"version":3,"file":"agorapulse-ui-components-paginator.mjs","sources":["../../../libs/ui-components/paginator/src/paginator-button/paginator-button.component.ts","../../../libs/ui-components/paginator/src/paginator-button/paginator-button.component.html","../../../libs/ui-components/paginator/src/paginator.component.ts","../../../libs/ui-components/paginator/src/paginator.component.html","../../../libs/ui-components/paginator/src/agorapulse-ui-components-paginator.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, EventEmitter, Input, Output} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\n\n@Component({\n    selector: 'ap-paginator-button',\n    templateUrl: './paginator-button.component.html',\n    styleUrls: ['./paginator-button.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [MatButtonModule],\n    standalone: true,\n})\nexport class PaginatorButtonComponent {\n    @Input() pageIndex = 0;\n    @Input() selectedPageIndex = 0;\n\n    @Output() selectPage = new EventEmitter<number>();\n}\n","<button class=\"square\"\n        mat-flat-button\n        [color]=\"selectedPageIndex === pageIndex ? 'accent' : undefined\"\n        (click)=\" selectPage.emit(pageIndex)\">\n    {{pageIndex + 1}}\n</button>\n","import {AgorapulseUiSymbolModule, apArrowLeft1, apArrowRight1, SymbolRegistry} from '@agorapulse/ui-symbol';\nimport {NgForOf, NgIf} from '@angular/common';\nimport {ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges} from '@angular/core';\nimport {MatButtonModule} from '@angular/material/button';\nimport {PaginatorButtonComponent} from './paginator-button/paginator-button.component';\n\n@Component({\n    selector: 'ap-paginator',\n    templateUrl: './paginator.component.html',\n    styleUrls: ['./paginator.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [AgorapulseUiSymbolModule, MatButtonModule, NgIf, PaginatorButtonComponent, NgForOf],\n    standalone: true,\n})\nexport class PaginatorComponent implements OnChanges {\n    @Input() itemCount = 0;\n    @Input() itemCountPerPage = 10;\n    @Input() edgeSize = 5;\n    @Input() middleSize = 3;\n\n    @Input() currentPageIndex = 0;\n    @Output() currentPageIndexChange = new EventEmitter<number>();\n\n    public pageCount = 0;\n    public firstPageDisplayed = true;\n    public lastPageDisplayed = true;\n\n    constructor(public symbolRegistry: SymbolRegistry) {\n        this.symbolRegistry.registerSymbols([\n            apArrowLeft1,\n            apArrowRight1\n        ]);\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        // make sure middle size is an odd number\n        if (changes.middleSize && this.middleSize % 2 === 0) {\n            this.middleSize++;\n        }\n        if ((this.itemCountPerPage && (changes.itemCount || changes.itemCountPerPage)) || changes.currentPageIndex) {\n            this.pageCount = Math.ceil(this.itemCount / this.itemCountPerPage);\n            // make sure page index is between min and max page index\n            this.currentPageIndex = Math.max(0, Math.min(this.pageCount - 1, this.currentPageIndex));\n            this.firstPageDisplayed = this.currentPageIndex === 0;\n            this.lastPageDisplayed = this.currentPageIndex === this.pageCount - 1;\n        }\n    }\n\n    onSelectPage(pageIndex: number): void {\n        this.currentPageIndexChange.emit(pageIndex);\n    }\n}\n","<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","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1","i2"],"mappings":"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"}

package/fesm2020/agorapulse-ui-components-password-input.mjs

@@ -1,5 +1,5 @@
 import * as i1 from '@agorapulse/ui-symbol';
-import { AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
+import { apViewOff, apViewOn, AgorapulseUiSymbolModule } from '@agorapulse/ui-symbol';
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
 import { forwardRef, Component, Input, ViewChild } from '@angular/core';
@@ -13,13 +13,18 @@ const PASSWORD_CONTROL_VALUE_ACCESSOR = {
     multi: true
 };
 class PasswordInputComponent {
-    constructor() {
+    constructor(symbolRegistry) {
+        this.symbolRegistry = symbolRegistry;
         this.inputType = PasswordInputComponent.type[1];
         this.fullWidth = false;
         this.disabled = false;
         this.controler = new FormControl('');
         this.onChange = (password) => { };
         this.onTouch = () => { };
+        this.symbolRegistry.registerSymbols([
+            apViewOff,
+            apViewOn
+        ]);
     }
     /**
      * Change between visible and hidden password
@@ -53,12 +58,12 @@ class PasswordInputComponent {
     }
 }
 PasswordInputComponent.type = ['text', 'password'];
-PasswordInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PasswordInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+PasswordInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PasswordInputComponent, deps: [{ token: i1.SymbolRegistry }], target: i0.ɵɵFactoryTarget.Component });
 PasswordInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: PasswordInputComponent, isStandalone: true, selector: "ap-password-input", inputs: { name: "name", placeholder: "placeholder", fullWidth: "fullWidth" }, providers: [PASSWORD_CONTROL_VALUE_ACCESSOR], viewQueries: [{ propertyName: "passwordInput", first: true, predicate: ["passwordInput"], descendants: true }], ngImport: i0, template: "<div class=\"input-group\"\n    [ngClass]=\"{'disabled': disabled, 'full-width': fullWidth}\">\n    <input \n        #passwordInput\n        [type]=\"inputType\"\n        [name]=\"name\"\n        autocomplete=\"password\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [formControl]=\"controler\"\n        (blur)=\"onTouch && onTouch()\">\n    <ap-symbol\n        (click)=\"toggleInputType()\"\n        class=\"input-group-append\"\n        [symbolId]=\"inputType === 'text' ? 'view-on' : 'view-off'\"\n        size=\"micro\"\n        state=\"full\">\n    </ap-symbol>\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}:host.ng-invalid.ng-dirty.ng-touched:not([disabled]):not(.transparent)>.input-group{border:1px solid #E81313}:host.valid:not([disabled]):not(.transparent)>.input-group{border:1px solid #45B854}.input-group-append{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: AgorapulseUiSymbolModule }, { kind: "component", type: i1.SymbolComponent, selector: "ap-symbol[symbolId]", inputs: ["color", "symbolId", "size", "state"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PasswordInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ap-password-input', providers: [PASSWORD_CONTROL_VALUE_ACCESSOR], imports: [AgorapulseUiSymbolModule, NgClass, ReactiveFormsModule], standalone: true, template: "<div class=\"input-group\"\n    [ngClass]=\"{'disabled': disabled, 'full-width': fullWidth}\">\n    <input \n        #passwordInput\n        [type]=\"inputType\"\n        [name]=\"name\"\n        autocomplete=\"password\"\n        [placeholder]=\"placeholder\"\n        [disabled]=\"disabled\"\n        [formControl]=\"controler\"\n        (blur)=\"onTouch && onTouch()\">\n    <ap-symbol\n        (click)=\"toggleInputType()\"\n        class=\"input-group-append\"\n        [symbolId]=\"inputType === 'text' ? 'view-on' : 'view-off'\"\n        size=\"micro\"\n        state=\"full\">\n    </ap-symbol>\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}:host.ng-invalid.ng-dirty.ng-touched:not([disabled]):not(.transparent)>.input-group{border:1px solid #E81313}:host.valid:not([disabled]):not(.transparent)>.input-group{border:1px solid #45B854}.input-group-append{cursor:pointer}\n"] }]
-        }], propDecorators: { name: [{
+        }], ctorParameters: function () { return [{ type: i1.SymbolRegistry }]; }, propDecorators: { name: [{
                 type: Input
             }], placeholder: [{
                 type: Input