ca-components 0.0.2 → 0.0.3

package/esm2022/lib/components/ca-note-container/ca-note-container.component.mjs

@@ -0,0 +1,153 @@
+import { Subject } from "rxjs";
+import { Component, EventEmitter, Input, Output, } from "@angular/core";
+import { CommonModule } from "@angular/common";
+// Animations
+import { pickupAnimation } from "@shared/animations/animation";
+// Modules
+import { NgbModule } from "@ng-bootstrap/ng-bootstrap";
+import { AngularSvgIconModule } from "angular-svg-icon";
+// Constants
+import { NoteConfigConstants } from "@shared/components/ca-note-container/utils/constants/note-config.constant";
+// Components
+import { CaAppTooltipV2Component } from "@shared/components/ca-app-tooltip-v2/ca-app-tooltip-v2.component";
+// Enums
+import { NoteSelectedColorStringEnum } from "@shared/components/ca-note-container/enums/note-selected-color.enum";
+import { NoteDefaultStringEnum } from "@shared/components/ca-note-container/enums/note-default-string.enum";
+//svg-routes
+import { NoteContainerSvgRoutes } from "@shared/components/ca-note-container/utils/svg-routes/note-container-svg-routes";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+import * as i3 from "@ng-bootstrap/ng-bootstrap";
+export class CaNoteContainerComponent {
+    constructor() {
+        this.parking = false;
+        this.popoverNote = false;
+        this.isVisibleArrow = true;
+        this.stopBlurRemoveTimeout = new EventEmitter();
+        //Colors
+        this.selectedPaternColor = NoteSelectedColorStringEnum.GRAY_RGB;
+        this.activeOptions = {
+            ...NoteConfigConstants.noteActiveOptions,
+        };
+        //Timeout
+        this.lastSavedIndex = -1;
+        this.closedPattern = false;
+        this.hoveringArrowPicker = false;
+        this.destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.setContainerColors();
+    }
+    filterContainersColor() {
+        this.containerColors.sort((a) => {
+            if (a[NoteDefaultStringEnum.COLOR] !== this.selectedColorName.color) {
+                return 1;
+            }
+            return -1;
+        });
+    }
+    executeEditor(action, color, indx) {
+        this.stopBlurRemoveTimeout.emit();
+        if (indx || indx === 0)
+            this.selectedColorName = this.containerColors[indx];
+        if (this.range) {
+            this.selectionTaken.removeAllRanges();
+            this.selectionTaken.addRange(this.range);
+        }
+        if (action !== NoteDefaultStringEnum.FORE_COLOR2) {
+            this.showCollorPattern = false;
+            this.activeOptions[action] = !this.activeOptions[action];
+            if (!this.activeOptions[action]) {
+                if (this.value.replace("<br>", "") === "")
+                    this.selectionTaken.removeAllRanges();
+                document.execCommand(NoteDefaultStringEnum.CSS_STYLE, false, NoteDefaultStringEnum.FALSE);
+                document.execCommand(action, false);
+            }
+            else {
+                document.execCommand(action, false);
+            }
+        }
+        else {
+            if (this.lastSavedIndex != indx)
+                this.filterContainersColor();
+            this.lastSavedIndex = indx || -1;
+            setTimeout(() => {
+                setTimeout(() => {
+                    this.selectedPaternColor = color || "grey";
+                    document.execCommand(NoteDefaultStringEnum.FORE_COLOR2, false, color);
+                });
+            });
+        }
+    }
+    togglePattern() {
+        this.showCollorPattern = !this.showCollorPattern;
+        if (!this.showCollorPattern)
+            setTimeout(() => {
+                this.closedPattern = false;
+            }, 300);
+        else
+            this.closedPattern = true;
+    }
+    hoveringArrow(value) {
+        this.hoveringArrowPicker = value;
+    }
+    setContainerColors() {
+        this.containerColors =
+            this.type === NoteDefaultStringEnum.DARK
+                ? [...NoteConfigConstants.noteDarkColors]
+                : [...NoteConfigConstants.noteLightColors];
+        this.selectedColorName = {
+            name: this.containerColors[0].name,
+            color: this.containerColors[0].color,
+        };
+    }
+    /**Function retrun id */
+    identity(index) {
+        return index;
+    }
+    getSvgPath(propertyName) {
+        return NoteContainerSvgRoutes[propertyName];
+    }
+    ngOnDestroy() {
+        this.showCollorPattern = false;
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaNoteContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaNoteContainerComponent, isStandalone: true, selector: "app-ca-note-container", inputs: { value: "value", range: "range", selectionTaken: "selectionTaken", isExpanded: "isExpanded", parking: "parking", popoverNote: "popoverNote", isVisibleArrow: "isVisibleArrow", type: "type" }, outputs: { stopBlurRemoveTimeout: "stopBlurRemoveTimeout" }, ngImport: i0, template: "<div\n  [class.active]=\"isExpanded\"\n  [class.parking_editor_menu]=\"parking\"\n  [class.opened_parking_editor.justify-content-end]=\"\n    parking && showCollorPattern\n  \"\n  [class.dark]=\"type === 'dark'\"\n  class=\"editor_menu d-flex align-items-center\"\n>\n  <ng-container *ngIf=\"!parking || (parking && !showCollorPattern)\">\n    <div class=\"font_editor d-flex\" [class.parking_font_editor]=\"parking\">\n      <div\n        (click)=\"executeEditor('bold')\"\n        [class.active]=\"activeOptions.bold\"\n        [tooltipBackground]=\"type === 'dark' ? '#2F2F2F' : '#6C6C6C'\"\n        ngbTooltip\n        [mainTooltip]=\"'Bold'\"\n        position=\"bottom\"\n        class=\"editor_buttons main_commands bold_text d-flex justify-content-center align-items-center\"\n      >\n        <svg-icon [src]=\"getSvgPath('boldRoute')\"></svg-icon>\n      </div>\n      <div\n        (click)=\"executeEditor('italic')\"\n        [class.active]=\"activeOptions.italic\"\n        [tooltipBackground]=\"type === 'dark' ? '#2F2F2F' : '#6C6C6C'\"\n        ngbTooltip\n        [mainTooltip]=\"'Italic'\"\n        position=\"bottom\"\n        class=\"editor_buttons d-flex justify-content-center align-items-center main_commands italic_text\"\n      >\n        <svg-icon [src]=\"getSvgPath('itallicRoute')\"></svg-icon>\n      </div>\n      <div\n        (click)=\"executeEditor('underline')\"\n        [class.active]=\"activeOptions.underline\"\n        [tooltipBackground]=\"type === 'dark' ? '#2F2F2F' : '#6C6C6C'\"\n        ngbTooltip\n        [mainTooltip]=\"'Underline'\"\n        position=\"bottom\"\n        class=\"editor_buttons d-flex justify-content-center align-items-center main_commands underline_text\"\n      >\n        <svg-icon [src]=\"getSvgPath('underlineRoute')\"></svg-icon>\n      </div>\n      <div class=\"note_separator\"></div>\n    </div>\n    <div\n      (click)=\"togglePattern()\"\n      [class.no_opacity]=\"showCollorPattern\"\n      [class.parking_tooltip.d-flex.justify-content-end]=\"\n        parking && showCollorPattern\n      \"\n      class=\"editor_buttons d-flex justify-content-center align-items-center text_color justify-content-end\"\n      [class.popover_text_color.justify-content-start]=\"popoverNote\"\n      [class.active]=\"showCollorPattern\"\n    >\n      <div\n        class=\"colors_patter d-flex align-items-center\"\n        id=\"colors_patter\"\n        [class.closed_pattern]=\"!closedPattern\"\n        [class.input_note.flex-reverse]=\"!popoverNote\"\n      >\n        <ng-container\n          *ngFor=\"\n            let paternCol of containerColors;\n            let indx = index;\n            trackBy: identity\n          \"\n        >\n          <div\n            (click)=\"executeEditor('foreColor', paternCol.color, indx)\"\n            [style.backgroundColor]=\"paternCol.color\"\n            [class.hide_elements]=\"indx && !showCollorPattern\"\n            [tooltipBackground]=\"\n              indx && !showCollorPattern\n                ? ''\n                : type === 'dark'\n                  ? '#2F2F2F'\n                  : '#6C6C6C'\n            \"\n            ngbTooltip\n            [mainTooltip]=\"\n              indx === 0 && !showCollorPattern\n                ? 'Color Picker'\n                : indx && !showCollorPattern\n                  ? ''\n                  : !indx && showCollorPattern\n                    ? 'Close'\n                    : paternCol.name\n            \"\n            position=\"bottom\"\n            class=\"editor_buttons_colors d-flex justify-content-center align-items-center\"\n            [class.justify-content-start]=\"popoverNote\"\n            [ngStyle]=\"{\n              opacity: !showCollorPattern && indx ? 0 : 1,\n            }\"\n            (mouseenter)=\"\n              hoveringArrow(showCollorPattern && !indx ? true : false)\n            \"\n            (mouseleave)=\"hoveringArrow(false)\"\n          >\n            <ng-container *ngIf=\"!indx\">\n              <div\n                class=\"color_picker_arrow d-flex\"\n                [class.flip_arrow]=\"\n                  (!popoverNote && showCollorPattern) ||\n                  (popoverNote && !showCollorPattern)\n                \"\n                [class.regular_icon]=\"\n                  !popoverNote && showCollorPattern && !hoveringArrowPicker\n                \"\n                [class.active]=\"showCollorPattern\"\n                [class.hovering_picker]=\"\n                  !hoveringArrowPicker && showCollorPattern\n                \"\n              >\n                <svg-icon\n                  [src]=\"\n                    !hoveringArrowPicker && showCollorPattern\n                      ? getSvgPath('checkRoute')\n                      : getSvgPath('arrowRoute')\n                  \"\n                ></svg-icon>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"!parking && !popoverNote && isVisibleArrow\">\n    <div class=\"note_border_line\" [class.dark]=\"type === 'dark'\"></div>\n  </ng-container>\n</div>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.editor_menu{height:18px;padding-left:2px;transition:.3s ease-in-out;opacity:0;pointer-events:none}.editor_menu.active{opacity:1;pointer-events:all}.editor_menu.parking_editor_menu{padding:0 5px 0 4px}.editor_menu .font_editor.parking_font_editor{flex:1}.editor_menu .editor_buttons{width:18px;height:18px;font-family:WebComponentsIcons,sans-serif;font-size:20px;color:#919191;cursor:pointer}.editor_menu .editor_buttons .color_picker_arrow{display:none!important}.editor_menu .editor_buttons.italic_text,.editor_menu .editor_buttons.underline_text{margin-left:4px}.editor_menu .editor_buttons.active svg-icon path{fill:#6c6c6c}.editor_menu .editor_buttons svg-icon{display:flex;justify-content:center;align-items:center}.editor_menu .editor_buttons svg-icon path{fill:#b7b7b7}.editor_menu .editor_buttons svg-icon:hover path{fill:#919191}.editor_menu .editor_buttons.text_color{overflow:hidden}.editor_menu .editor_buttons:hover,.editor_menu .editor_buttons.active{background-color:#f3f3f3;opacity:1;color:#919191;border-radius:1px}.editor_menu .editor_buttons:hover.text_color,.editor_menu .editor_buttons.active.text_color{background-color:transparent}.editor_menu .editor_buttons:before{position:absolute;height:100%;width:100%;text-align:center;line-height:1.6;background-repeat:no-repeat;background-position:center;cursor:pointer}.editor_menu .editor_buttons.text_color{position:relative;transition:.3s ease-in-out;border-radius:2px;padding:2px;width:18px;background-repeat:no-repeat;background-position:calc(100% - 3px) center;background-size:6px auto}.editor_menu .editor_buttons.text_color.no_opacity{opacity:1;width:98px}.editor_menu .editor_buttons.text_color.parking_tooltip{width:100%}.editor_menu .editor_buttons.text_color:hover{opacity:1;background-color:#eee}.editor_menu .editor_buttons.text_color:hover .color_picker_arrow{display:flex!important}.editor_menu .editor_buttons.text_color .colors_patter{height:18px!important;border-radius:1px;z-index:10}.editor_menu .editor_buttons.text_color .colors_patter.closed_pattern{width:18px;overflow:hidden}.editor_menu .editor_buttons.text_color .colors_patter div{min-width:14px;max-width:14px;height:14px;margin:0 1px;cursor:pointer}.editor_menu .editor_buttons.text_color .colors_patter div:first-child{margin-right:0}.editor_menu .editor_buttons.text_color .colors_patter div:hover:not(:first-child){transform:scale(1.1);transform-origin:center}.editor_menu .editor_buttons.text_color .colors_patter div svg-icon{height:100%}.editor_menu .editor_buttons.text_color .colors_patter div svg-icon svg path{fill:#fff}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors{position:relative;border-radius:1px;transition:transform opacity .3s ease-in-out;overflow:hidden}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors.hide_elements{opacity:0}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow{position:absolute;z-index:11;background-color:transparent!important}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow.flip_arrow{transform:scaleX(-1)}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow.regular_icon{transform:scaleX(1)}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow svg-icon svg{display:flex;width:6px;height:10px}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow svg-icon svg path{fill:#fff}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow.hovering_picker svg-icon svg{width:10px;height:10px}.editor_menu .editor_buttons.text_color:hover,.editor_menu .editor_buttons.text_color.active{background-color:#eee!important}.editor_menu .editor_buttons.main_commands{background-color:transparent}.editor_menu .editor_buttons svg-icon path{fill:#919191}.editor_menu .editor_buttons:hover svg-icon path{fill:#424242}.editor_menu .editor_buttons.active svg-icon path{fill:#6692f1}.editor_menu .editor_buttons.active:hover svg-icon path{fill:#0b49d1}.editor_menu.dark .editor_buttons:hover,.editor_menu.dark .editor_buttons.active{background-color:#424242!important}.editor_menu.dark .editor_buttons.main_commands{background-color:transparent!important}.editor_menu.dark .editor_buttons svg-icon path{fill:#919191!important}.editor_menu.dark .editor_buttons:hover svg-icon path{fill:#dadada!important}.editor_menu.dark .editor_buttons.active svg-icon path{fill:#6692f1!important}.editor_menu.dark .editor_buttons.active:hover svg-icon path{fill:#bed0f9!important}.editor_menu.dark .colors_patter div{margin:0 1px}.editor_menu.dark .colors_patter div:nth-child(1){margin-right:1px!important;margin-left:0!important}.editor_menu.dark .colors_patter .editor_buttons_colors .color_picker_arrow svg-icon path{fill:#424242!important}.editor_menu .note_separator{margin:0 2px}.editor_menu .note_border_line{height:24px;width:2px;margin:0 4px;background-color:#f3f3f3;border-radius:1px}.editor_menu .note_border_line.dark{background-color:#424242}\n"], dependencies: [{ kind: "ngmodule", type: 
+                // Module
+                CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "ngmodule", type: NgbModule }, { kind: "directive", type: i3.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { kind: "component", type: 
+                // Component
+                CaAppTooltipV2Component, selector: "mainTooltip, [mainTooltip]", inputs: ["mainTooltip", "position", "openTooltipDelay", "tooltipBackground", "tooltipColor", "tooltipTextAlign", "tooltipMarginTop"] }], animations: [pickupAnimation] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaNoteContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-ca-note-container", standalone: true, imports: [
+                        // Module
+                        CommonModule,
+                        AngularSvgIconModule,
+                        NgbModule,
+                        // Component
+                        CaAppTooltipV2Component,
+                    ], animations: [pickupAnimation], template: "<div\n  [class.active]=\"isExpanded\"\n  [class.parking_editor_menu]=\"parking\"\n  [class.opened_parking_editor.justify-content-end]=\"\n    parking && showCollorPattern\n  \"\n  [class.dark]=\"type === 'dark'\"\n  class=\"editor_menu d-flex align-items-center\"\n>\n  <ng-container *ngIf=\"!parking || (parking && !showCollorPattern)\">\n    <div class=\"font_editor d-flex\" [class.parking_font_editor]=\"parking\">\n      <div\n        (click)=\"executeEditor('bold')\"\n        [class.active]=\"activeOptions.bold\"\n        [tooltipBackground]=\"type === 'dark' ? '#2F2F2F' : '#6C6C6C'\"\n        ngbTooltip\n        [mainTooltip]=\"'Bold'\"\n        position=\"bottom\"\n        class=\"editor_buttons main_commands bold_text d-flex justify-content-center align-items-center\"\n      >\n        <svg-icon [src]=\"getSvgPath('boldRoute')\"></svg-icon>\n      </div>\n      <div\n        (click)=\"executeEditor('italic')\"\n        [class.active]=\"activeOptions.italic\"\n        [tooltipBackground]=\"type === 'dark' ? '#2F2F2F' : '#6C6C6C'\"\n        ngbTooltip\n        [mainTooltip]=\"'Italic'\"\n        position=\"bottom\"\n        class=\"editor_buttons d-flex justify-content-center align-items-center main_commands italic_text\"\n      >\n        <svg-icon [src]=\"getSvgPath('itallicRoute')\"></svg-icon>\n      </div>\n      <div\n        (click)=\"executeEditor('underline')\"\n        [class.active]=\"activeOptions.underline\"\n        [tooltipBackground]=\"type === 'dark' ? '#2F2F2F' : '#6C6C6C'\"\n        ngbTooltip\n        [mainTooltip]=\"'Underline'\"\n        position=\"bottom\"\n        class=\"editor_buttons d-flex justify-content-center align-items-center main_commands underline_text\"\n      >\n        <svg-icon [src]=\"getSvgPath('underlineRoute')\"></svg-icon>\n      </div>\n      <div class=\"note_separator\"></div>\n    </div>\n    <div\n      (click)=\"togglePattern()\"\n      [class.no_opacity]=\"showCollorPattern\"\n      [class.parking_tooltip.d-flex.justify-content-end]=\"\n        parking && showCollorPattern\n      \"\n      class=\"editor_buttons d-flex justify-content-center align-items-center text_color justify-content-end\"\n      [class.popover_text_color.justify-content-start]=\"popoverNote\"\n      [class.active]=\"showCollorPattern\"\n    >\n      <div\n        class=\"colors_patter d-flex align-items-center\"\n        id=\"colors_patter\"\n        [class.closed_pattern]=\"!closedPattern\"\n        [class.input_note.flex-reverse]=\"!popoverNote\"\n      >\n        <ng-container\n          *ngFor=\"\n            let paternCol of containerColors;\n            let indx = index;\n            trackBy: identity\n          \"\n        >\n          <div\n            (click)=\"executeEditor('foreColor', paternCol.color, indx)\"\n            [style.backgroundColor]=\"paternCol.color\"\n            [class.hide_elements]=\"indx && !showCollorPattern\"\n            [tooltipBackground]=\"\n              indx && !showCollorPattern\n                ? ''\n                : type === 'dark'\n                  ? '#2F2F2F'\n                  : '#6C6C6C'\n            \"\n            ngbTooltip\n            [mainTooltip]=\"\n              indx === 0 && !showCollorPattern\n                ? 'Color Picker'\n                : indx && !showCollorPattern\n                  ? ''\n                  : !indx && showCollorPattern\n                    ? 'Close'\n                    : paternCol.name\n            \"\n            position=\"bottom\"\n            class=\"editor_buttons_colors d-flex justify-content-center align-items-center\"\n            [class.justify-content-start]=\"popoverNote\"\n            [ngStyle]=\"{\n              opacity: !showCollorPattern && indx ? 0 : 1,\n            }\"\n            (mouseenter)=\"\n              hoveringArrow(showCollorPattern && !indx ? true : false)\n            \"\n            (mouseleave)=\"hoveringArrow(false)\"\n          >\n            <ng-container *ngIf=\"!indx\">\n              <div\n                class=\"color_picker_arrow d-flex\"\n                [class.flip_arrow]=\"\n                  (!popoverNote && showCollorPattern) ||\n                  (popoverNote && !showCollorPattern)\n                \"\n                [class.regular_icon]=\"\n                  !popoverNote && showCollorPattern && !hoveringArrowPicker\n                \"\n                [class.active]=\"showCollorPattern\"\n                [class.hovering_picker]=\"\n                  !hoveringArrowPicker && showCollorPattern\n                \"\n              >\n                <svg-icon\n                  [src]=\"\n                    !hoveringArrowPicker && showCollorPattern\n                      ? getSvgPath('checkRoute')\n                      : getSvgPath('arrowRoute')\n                  \"\n                ></svg-icon>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </div>\n  </ng-container>\n  <ng-container *ngIf=\"!parking && !popoverNote && isVisibleArrow\">\n    <div class=\"note_border_line\" [class.dark]=\"type === 'dark'\"></div>\n  </ng-container>\n</div>\n", styles: ["@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.editor_menu{height:18px;padding-left:2px;transition:.3s ease-in-out;opacity:0;pointer-events:none}.editor_menu.active{opacity:1;pointer-events:all}.editor_menu.parking_editor_menu{padding:0 5px 0 4px}.editor_menu .font_editor.parking_font_editor{flex:1}.editor_menu .editor_buttons{width:18px;height:18px;font-family:WebComponentsIcons,sans-serif;font-size:20px;color:#919191;cursor:pointer}.editor_menu .editor_buttons .color_picker_arrow{display:none!important}.editor_menu .editor_buttons.italic_text,.editor_menu .editor_buttons.underline_text{margin-left:4px}.editor_menu .editor_buttons.active svg-icon path{fill:#6c6c6c}.editor_menu .editor_buttons svg-icon{display:flex;justify-content:center;align-items:center}.editor_menu .editor_buttons svg-icon path{fill:#b7b7b7}.editor_menu .editor_buttons svg-icon:hover path{fill:#919191}.editor_menu .editor_buttons.text_color{overflow:hidden}.editor_menu .editor_buttons:hover,.editor_menu .editor_buttons.active{background-color:#f3f3f3;opacity:1;color:#919191;border-radius:1px}.editor_menu .editor_buttons:hover.text_color,.editor_menu .editor_buttons.active.text_color{background-color:transparent}.editor_menu .editor_buttons:before{position:absolute;height:100%;width:100%;text-align:center;line-height:1.6;background-repeat:no-repeat;background-position:center;cursor:pointer}.editor_menu .editor_buttons.text_color{position:relative;transition:.3s ease-in-out;border-radius:2px;padding:2px;width:18px;background-repeat:no-repeat;background-position:calc(100% - 3px) center;background-size:6px auto}.editor_menu .editor_buttons.text_color.no_opacity{opacity:1;width:98px}.editor_menu .editor_buttons.text_color.parking_tooltip{width:100%}.editor_menu .editor_buttons.text_color:hover{opacity:1;background-color:#eee}.editor_menu .editor_buttons.text_color:hover .color_picker_arrow{display:flex!important}.editor_menu .editor_buttons.text_color .colors_patter{height:18px!important;border-radius:1px;z-index:10}.editor_menu .editor_buttons.text_color .colors_patter.closed_pattern{width:18px;overflow:hidden}.editor_menu .editor_buttons.text_color .colors_patter div{min-width:14px;max-width:14px;height:14px;margin:0 1px;cursor:pointer}.editor_menu .editor_buttons.text_color .colors_patter div:first-child{margin-right:0}.editor_menu .editor_buttons.text_color .colors_patter div:hover:not(:first-child){transform:scale(1.1);transform-origin:center}.editor_menu .editor_buttons.text_color .colors_patter div svg-icon{height:100%}.editor_menu .editor_buttons.text_color .colors_patter div svg-icon svg path{fill:#fff}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors{position:relative;border-radius:1px;transition:transform opacity .3s ease-in-out;overflow:hidden}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors.hide_elements{opacity:0}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow{position:absolute;z-index:11;background-color:transparent!important}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow.flip_arrow{transform:scaleX(-1)}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow.regular_icon{transform:scaleX(1)}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow svg-icon svg{display:flex;width:6px;height:10px}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow svg-icon svg path{fill:#fff}.editor_menu .editor_buttons.text_color .colors_patter .editor_buttons_colors .color_picker_arrow.hovering_picker svg-icon svg{width:10px;height:10px}.editor_menu .editor_buttons.text_color:hover,.editor_menu .editor_buttons.text_color.active{background-color:#eee!important}.editor_menu .editor_buttons.main_commands{background-color:transparent}.editor_menu .editor_buttons svg-icon path{fill:#919191}.editor_menu .editor_buttons:hover svg-icon path{fill:#424242}.editor_menu .editor_buttons.active svg-icon path{fill:#6692f1}.editor_menu .editor_buttons.active:hover svg-icon path{fill:#0b49d1}.editor_menu.dark .editor_buttons:hover,.editor_menu.dark .editor_buttons.active{background-color:#424242!important}.editor_menu.dark .editor_buttons.main_commands{background-color:transparent!important}.editor_menu.dark .editor_buttons svg-icon path{fill:#919191!important}.editor_menu.dark .editor_buttons:hover svg-icon path{fill:#dadada!important}.editor_menu.dark .editor_buttons.active svg-icon path{fill:#6692f1!important}.editor_menu.dark .editor_buttons.active:hover svg-icon path{fill:#bed0f9!important}.editor_menu.dark .colors_patter div{margin:0 1px}.editor_menu.dark .colors_patter div:nth-child(1){margin-right:1px!important;margin-left:0!important}.editor_menu.dark .colors_patter .editor_buttons_colors .color_picker_arrow svg-icon path{fill:#424242!important}.editor_menu .note_separator{margin:0 2px}.editor_menu .note_border_line{height:24px;width:2px;margin:0 4px;background-color:#f3f3f3;border-radius:1px}.editor_menu .note_border_line.dark{background-color:#424242}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { value: [{
+                type: Input
+            }], range: [{
+                type: Input
+            }], selectionTaken: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], parking: [{
+                type: Input
+            }], popoverNote: [{
+                type: Input
+            }], isVisibleArrow: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], stopBlurRemoveTimeout: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Etbm90ZS1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2Etbm90ZS1jb250YWluZXIvY2Etbm90ZS1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2Etbm90ZS1jb250YWluZXIvY2Etbm90ZS1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBR0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxhQUFhO0FBQ2IsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRS9ELFVBQVU7QUFDVixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFeEQsWUFBWTtBQUNaLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBRWhILGFBQWE7QUFDYixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrRUFBa0UsQ0FBQztBQU0zRyxRQUFRO0FBQ1IsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFFNUcsWUFBWTtBQUNaLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlGQUFpRixDQUFDOzs7OztBQWtCekgsTUFBTSxPQUFPLHdCQUF3QjtJQThCbkM7UUF6QlMsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixnQkFBVyxHQUFZLEtBQUssQ0FBQztRQUM3QixtQkFBYyxHQUFZLElBQUksQ0FBQztRQUc5QiwwQkFBcUIsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXJELFFBQVE7UUFDRCx3QkFBbUIsR0FBVywyQkFBMkIsQ0FBQyxRQUFRLENBQUM7UUFDbkUsa0JBQWEsR0FBNEI7WUFDOUMsR0FBRyxtQkFBbUIsQ0FBQyxpQkFBaUI7U0FDekMsQ0FBQztRQUlGLFNBQVM7UUFDRCxtQkFBYyxHQUFXLENBQUMsQ0FBQyxDQUFDO1FBSTdCLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBQy9CLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUVwQyxhQUFRLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztJQUV4QixDQUFDO0lBRWhCLFFBQVE7UUFDTixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU8scUJBQXFCO1FBQzNCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDOUIsSUFBSSxDQUFDLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLEtBQUssSUFBSSxDQUFDLGlCQUFpQixDQUFDLEtBQUssRUFBRTtnQkFDbkUsT0FBTyxDQUFDLENBQUM7YUFDVjtZQUNELE9BQU8sQ0FBQyxDQUFDLENBQUM7UUFDWixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTSxhQUFhLENBQUMsTUFBYyxFQUFFLEtBQWMsRUFBRSxJQUFhO1FBQ2hFLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsQyxJQUFJLElBQUksSUFBSSxJQUFJLEtBQUssQ0FBQztZQUFFLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBRTVFLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxjQUFjLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQzFDO1FBQ0QsSUFBSSxNQUFNLEtBQUsscUJBQXFCLENBQUMsV0FBVyxFQUFFO1lBQ2hELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7WUFDL0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDekQsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLEVBQUU7Z0JBQy9CLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxLQUFLLEVBQUU7b0JBQ3ZDLElBQUksQ0FBQyxjQUFjLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBRXhDLFFBQVEsQ0FBQyxXQUFXLENBQ2xCLHFCQUFxQixDQUFDLFNBQVMsRUFDL0IsS0FBSyxFQUNMLHFCQUFxQixDQUFDLEtBQUssQ0FDNUIsQ0FBQztnQkFDRixRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNyQztpQkFBTTtnQkFDTCxRQUFRLENBQUMsV0FBVyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNyQztTQUNGO2FBQU07WUFDTCxJQUFJLElBQUksQ0FBQyxjQUFjLElBQUksSUFBSTtnQkFBRSxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztZQUU5RCxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQztZQUNqQyxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLFVBQVUsQ0FBQyxHQUFHLEVBQUU7b0JBQ2QsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssSUFBSSxNQUFNLENBQUM7b0JBQzNDLFFBQVEsQ0FBQyxXQUFXLENBQUMscUJBQXFCLENBQUMsV0FBVyxFQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQztnQkFDeEUsQ0FBQyxDQUFDLENBQUM7WUFDTCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUNNLGFBQWE7UUFDbEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO1FBRWpELElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCO1lBQ3pCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDN0IsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDOztZQUNMLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQ2pDLENBQUM7SUFFTSxhQUFhLENBQUMsS0FBYztRQUNqQyxJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO0lBQ25DLENBQUM7SUFFTyxrQkFBa0I7UUFDeEIsSUFBSSxDQUFDLGVBQWU7WUFDbEIsSUFBSSxDQUFDLElBQUksS0FBSyxxQkFBcUIsQ0FBQyxJQUFJO2dCQUN0QyxDQUFDLENBQUMsQ0FBQyxHQUFHLG1CQUFtQixDQUFDLGNBQWMsQ0FBQztnQkFDekMsQ0FBQyxDQUFDLENBQUMsR0FBRyxtQkFBbUIsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUUvQyxJQUFJLENBQUMsaUJBQWlCLEdBQUc7WUFDdkIsSUFBSSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSTtZQUNsQyxLQUFLLEVBQUUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLO1NBQ3JDLENBQUM7SUFDSixDQUFDO0lBRUQsd0JBQXdCO0lBQ2pCLFFBQVEsQ0FBQyxLQUFhO1FBQzNCLE9BQU8sS0FBSyxDQUFDO0lBQ2YsQ0FBQztJQUVNLFVBQVUsQ0FBQyxZQUFpRDtRQUNqRSxPQUFPLHNCQUFzQixDQUFDLFlBQVksQ0FBVyxDQUFDO0lBQ3hELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMvQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDM0IsQ0FBQzsrR0F4SFUsd0JBQXdCO21HQUF4Qix3QkFBd0Isc1ZDbkRyQywraEtBc0lBO2dCRDdGSSxTQUFTO2dCQUNULFlBQVksb1ZBQ1osb0JBQW9CLGdPQUNwQixTQUFTO2dCQUVULFlBQVk7Z0JBQ1osdUJBQXVCLCtMQUViLENBQUMsZUFBZSxDQUFDOzs0RkFFbEIsd0JBQXdCO2tCQWhCcEMsU0FBUzsrQkFDRSx1QkFBdUIsY0FHckIsSUFBSSxXQUNQO3dCQUNQLFNBQVM7d0JBQ1QsWUFBWTt3QkFDWixvQkFBb0I7d0JBQ3BCLFNBQVM7d0JBRVQsWUFBWTt3QkFDWix1QkFBdUI7cUJBQ3hCLGNBQ1csQ0FBQyxlQUFlLENBQUM7MEVBR3BCLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUVJLHFCQUFxQjtzQkFBOUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFN1YmplY3QgfSBmcm9tIFwicnhqc1wiO1xuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuXG4vLyBBbmltYXRpb25zXG5pbXBvcnQgeyBwaWNrdXBBbmltYXRpb24gfSBmcm9tIFwiQHNoYXJlZC9hbmltYXRpb25zL2FuaW1hdGlvblwiO1xuXG4vLyBNb2R1bGVzXG5pbXBvcnQgeyBOZ2JNb2R1bGUgfSBmcm9tIFwiQG5nLWJvb3RzdHJhcC9uZy1ib290c3RyYXBcIjtcbmltcG9ydCB7IEFuZ3VsYXJTdmdJY29uTW9kdWxlIH0gZnJvbSBcImFuZ3VsYXItc3ZnLWljb25cIjtcblxuLy8gQ29uc3RhbnRzXG5pbXBvcnQgeyBOb3RlQ29uZmlnQ29uc3RhbnRzIH0gZnJvbSBcIkBzaGFyZWQvY29tcG9uZW50cy9jYS1ub3RlLWNvbnRhaW5lci91dGlscy9jb25zdGFudHMvbm90ZS1jb25maWcuY29uc3RhbnRcIjtcblxuLy8gQ29tcG9uZW50c1xuaW1wb3J0IHsgQ2FBcHBUb29sdGlwVjJDb21wb25lbnQgfSBmcm9tIFwiQHNoYXJlZC9jb21wb25lbnRzL2NhLWFwcC10b29sdGlwLXYyL2NhLWFwcC10b29sdGlwLXYyLmNvbXBvbmVudFwiO1xuXG4vLyBNb2RlbHNcbmltcG9ydCB7IE5vdGVBY3RpdmVPcHRpb25zIH0gZnJvbSBcIkBzaGFyZWQvbW9kZWxzL25vdGUtYWN0aXZlLW9wdGlvbnMubW9kZWxcIjtcbmltcG9ydCB7IE5vdGVDb2xvcnMgfSBmcm9tIFwiQHNoYXJlZC9jb21wb25lbnRzL2NhLW5vdGUtY29udGFpbmVyL21vZGVscy9ub3RlLWNvbG9ycy5tb2RlbFwiO1xuXG4vLyBFbnVtc1xuaW1wb3J0IHsgTm90ZVNlbGVjdGVkQ29sb3JTdHJpbmdFbnVtIH0gZnJvbSBcIkBzaGFyZWQvY29tcG9uZW50cy9jYS1ub3RlLWNvbnRhaW5lci9lbnVtcy9ub3RlLXNlbGVjdGVkLWNvbG9yLmVudW1cIjtcbmltcG9ydCB7IE5vdGVEZWZhdWx0U3RyaW5nRW51bSB9IGZyb20gXCJAc2hhcmVkL2NvbXBvbmVudHMvY2Etbm90ZS1jb250YWluZXIvZW51bXMvbm90ZS1kZWZhdWx0LXN0cmluZy5lbnVtXCI7XG5cbi8vc3ZnLXJvdXRlc1xuaW1wb3J0IHsgTm90ZUNvbnRhaW5lclN2Z1JvdXRlcyB9IGZyb20gXCJAc2hhcmVkL2NvbXBvbmVudHMvY2Etbm90ZS1jb250YWluZXIvdXRpbHMvc3ZnLXJvdXRlcy9ub3RlLWNvbnRhaW5lci1zdmctcm91dGVzXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtY2Etbm90ZS1jb250YWluZXJcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYS1ub3RlLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2Etbm90ZS1jb250YWluZXIuY29tcG9uZW50LnNjc3NcIl0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICAvLyBNb2R1bGVcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG4gICAgTmdiTW9kdWxlLFxuXG4gICAgLy8gQ29tcG9uZW50XG4gICAgQ2FBcHBUb29sdGlwVjJDb21wb25lbnQsXG4gIF0sXG4gIGFuaW1hdGlvbnM6IFtwaWNrdXBBbmltYXRpb25dLFxufSlcbmV4cG9ydCBjbGFzcyBDYU5vdGVDb250YWluZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIEBJbnB1dCgpIHZhbHVlITogc3RyaW5nO1xuICBASW5wdXQoKSByYW5nZSE6IFJhbmdlO1xuICBASW5wdXQoKSBzZWxlY3Rpb25UYWtlbiE6IFNlbGVjdGlvbjtcbiAgQElucHV0KCkgaXNFeHBhbmRlZCE6IGJvb2xlYW47XG4gIEBJbnB1dCgpIHBhcmtpbmc6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcG9wb3Zlck5vdGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaXNWaXNpYmxlQXJyb3c6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSB0eXBlITogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBzdG9wQmx1clJlbW92ZVRpbWVvdXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgLy9Db2xvcnNcbiAgcHVibGljIHNlbGVjdGVkUGF0ZXJuQ29sb3I6IHN0cmluZyA9IE5vdGVTZWxlY3RlZENvbG9yU3RyaW5nRW51bS5HUkFZX1JHQjtcbiAgcHVibGljIGFjdGl2ZU9wdGlvbnM6IE5vdGVBY3RpdmVPcHRpb25zIHwgYW55ID0ge1xuICAgIC4uLk5vdGVDb25maWdDb25zdGFudHMubm90ZUFjdGl2ZU9wdGlvbnMsXG4gIH07XG4gIHB1YmxpYyBjb250YWluZXJDb2xvcnMhOiBOb3RlQ29sb3JzW107XG4gIHB1YmxpYyBzZWxlY3RlZENvbG9yTmFtZSE6IE5vdGVDb2xvcnM7XG5cbiAgLy9UaW1lb3V0XG4gIHByaXZhdGUgbGFzdFNhdmVkSW5kZXg6IG51bWJlciA9IC0xO1xuXG4gIC8vUGF0dGVyblxuICBwdWJsaWMgc2hvd0NvbGxvclBhdHRlcm4hOiBib29sZWFuO1xuICBwdWJsaWMgY2xvc2VkUGF0dGVybjogYm9vbGVhbiA9IGZhbHNlO1xuICBwdWJsaWMgaG92ZXJpbmdBcnJvd1BpY2tlcjogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgZGVzdHJveSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnNldENvbnRhaW5lckNvbG9ycygpO1xuICB9XG5cbiAgcHJpdmF0ZSBmaWx0ZXJDb250YWluZXJzQ29sb3IoKTogdm9pZCB7XG4gICAgdGhpcy5jb250YWluZXJDb2xvcnMuc29ydCgoYSkgPT4ge1xuICAgICAgaWYgKGFbTm90ZURlZmF1bHRTdHJpbmdFbnVtLkNPTE9SXSAhPT0gdGhpcy5zZWxlY3RlZENvbG9yTmFtZS5jb2xvcikge1xuICAgICAgICByZXR1cm4gMTtcbiAgICAgIH1cbiAgICAgIHJldHVybiAtMTtcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBleGVjdXRlRWRpdG9yKGFjdGlvbjogc3RyaW5nLCBjb2xvcj86IHN0cmluZywgaW5keD86IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3RvcEJsdXJSZW1vdmVUaW1lb3V0LmVtaXQoKTtcbiAgICBpZiAoaW5keCB8fCBpbmR4ID09PSAwKSB0aGlzLnNlbGVjdGVkQ29sb3JOYW1lID0gdGhpcy5jb250YWluZXJDb2xvcnNbaW5keF07XG5cbiAgICBpZiAodGhpcy5yYW5nZSkge1xuICAgICAgdGhpcy5zZWxlY3Rpb25UYWtlbi5yZW1vdmVBbGxSYW5nZXMoKTtcbiAgICAgIHRoaXMuc2VsZWN0aW9uVGFrZW4uYWRkUmFuZ2UodGhpcy5yYW5nZSk7XG4gICAgfVxuICAgIGlmIChhY3Rpb24gIT09IE5vdGVEZWZhdWx0U3RyaW5nRW51bS5GT1JFX0NPTE9SMikge1xuICAgICAgdGhpcy5zaG93Q29sbG9yUGF0dGVybiA9IGZhbHNlO1xuICAgICAgdGhpcy5hY3RpdmVPcHRpb25zW2FjdGlvbl0gPSAhdGhpcy5hY3RpdmVPcHRpb25zW2FjdGlvbl07XG4gICAgICBpZiAoIXRoaXMuYWN0aXZlT3B0aW9uc1thY3Rpb25dKSB7XG4gICAgICAgIGlmICh0aGlzLnZhbHVlLnJlcGxhY2UoXCI8YnI+XCIsIFwiXCIpID09PSBcIlwiKVxuICAgICAgICAgIHRoaXMuc2VsZWN0aW9uVGFrZW4ucmVtb3ZlQWxsUmFuZ2VzKCk7XG5cbiAgICAgICAgZG9jdW1lbnQuZXhlY0NvbW1hbmQoXG4gICAgICAgICAgTm90ZURlZmF1bHRTdHJpbmdFbnVtLkNTU19TVFlMRSxcbiAgICAgICAgICBmYWxzZSxcbiAgICAgICAgICBOb3RlRGVmYXVsdFN0cmluZ0VudW0uRkFMU0VcbiAgICAgICAgKTtcbiAgICAgICAgZG9jdW1lbnQuZXhlY0NvbW1hbmQoYWN0aW9uLCBmYWxzZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBkb2N1bWVudC5leGVjQ29tbWFuZChhY3Rpb24sIGZhbHNlKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKHRoaXMubGFzdFNhdmVkSW5kZXggIT0gaW5keCkgdGhpcy5maWx0ZXJDb250YWluZXJzQ29sb3IoKTtcblxuICAgICAgdGhpcy5sYXN0U2F2ZWRJbmRleCA9IGluZHggfHwgLTE7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5zZWxlY3RlZFBhdGVybkNvbG9yID0gY29sb3IgfHwgXCJncmV5XCI7XG4gICAgICAgICAgZG9jdW1lbnQuZXhlY0NvbW1hbmQoTm90ZURlZmF1bHRTdHJpbmdFbnVtLkZPUkVfQ09MT1IyLCBmYWxzZSwgY29sb3IpO1xuICAgICAgICB9KTtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuICBwdWJsaWMgdG9nZ2xlUGF0dGVybigpOiB2b2lkIHtcbiAgICB0aGlzLnNob3dDb2xsb3JQYXR0ZXJuID0gIXRoaXMuc2hvd0NvbGxvclBhdHRlcm47XG5cbiAgICBpZiAoIXRoaXMuc2hvd0NvbGxvclBhdHRlcm4pXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5jbG9zZWRQYXR0ZXJuID0gZmFsc2U7XG4gICAgICB9LCAzMDApO1xuICAgIGVsc2UgdGhpcy5jbG9zZWRQYXR0ZXJuID0gdHJ1ZTtcbiAgfVxuXG4gIHB1YmxpYyBob3ZlcmluZ0Fycm93KHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5ob3ZlcmluZ0Fycm93UGlja2VyID0gdmFsdWU7XG4gIH1cblxuICBwcml2YXRlIHNldENvbnRhaW5lckNvbG9ycygpOiB2b2lkIHtcbiAgICB0aGlzLmNvbnRhaW5lckNvbG9ycyA9XG4gICAgICB0aGlzLnR5cGUgPT09IE5vdGVEZWZhdWx0U3RyaW5nRW51bS5EQVJLXG4gICAgICAgID8gWy4uLk5vdGVDb25maWdDb25zdGFudHMubm90ZURhcmtDb2xvcnNdXG4gICAgICAgIDogWy4uLk5vdGVDb25maWdDb25zdGFudHMubm90ZUxpZ2h0Q29sb3JzXTtcblxuICAgIHRoaXMuc2VsZWN0ZWRDb2xvck5hbWUgPSB7XG4gICAgICBuYW1lOiB0aGlzLmNvbnRhaW5lckNvbG9yc1swXS5uYW1lLFxuICAgICAgY29sb3I6IHRoaXMuY29udGFpbmVyQ29sb3JzWzBdLmNvbG9yLFxuICAgIH07XG4gIH1cblxuICAvKipGdW5jdGlvbiByZXRydW4gaWQgKi9cbiAgcHVibGljIGlkZW50aXR5KGluZGV4OiBudW1iZXIpOiBudW1iZXIge1xuICAgIHJldHVybiBpbmRleDtcbiAgfVxuXG4gIHB1YmxpYyBnZXRTdmdQYXRoKHByb3BlcnR5TmFtZToga2V5b2YgdHlwZW9mIE5vdGVDb250YWluZXJTdmdSb3V0ZXMpOiBzdHJpbmcge1xuICAgIHJldHVybiBOb3RlQ29udGFpbmVyU3ZnUm91dGVzW3Byb3BlcnR5TmFtZV0gYXMgc3RyaW5nO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5zaG93Q29sbG9yUGF0dGVybiA9IGZhbHNlO1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBbY2xhc3MuYWN0aXZlXT1cImlzRXhwYW5kZWRcIlxuICBbY2xhc3MucGFya2luZ19lZGl0b3JfbWVudV09XCJwYXJraW5nXCJcbiAgW2NsYXNzLm9wZW5lZF9wYXJraW5nX2VkaXRvci5qdXN0aWZ5LWNvbnRlbnQtZW5kXT1cIlxuICAgIHBhcmtpbmcgJiYgc2hvd0NvbGxvclBhdHRlcm5cbiAgXCJcbiAgW2NsYXNzLmRhcmtdPVwidHlwZSA9PT0gJ2RhcmsnXCJcbiAgY2xhc3M9XCJlZGl0b3JfbWVudSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcbj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFwYXJraW5nIHx8IChwYXJraW5nICYmICFzaG93Q29sbG9yUGF0dGVybilcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZm9udF9lZGl0b3IgZC1mbGV4XCIgW2NsYXNzLnBhcmtpbmdfZm9udF9lZGl0b3JdPVwicGFya2luZ1wiPlxuICAgICAgPGRpdlxuICAgICAgICAoY2xpY2spPVwiZXhlY3V0ZUVkaXRvcignYm9sZCcpXCJcbiAgICAgICAgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVPcHRpb25zLmJvbGRcIlxuICAgICAgICBbdG9vbHRpcEJhY2tncm91bmRdPVwidHlwZSA9PT0gJ2RhcmsnID8gJyMyRjJGMkYnIDogJyM2QzZDNkMnXCJcbiAgICAgICAgbmdiVG9vbHRpcFxuICAgICAgICBbbWFpblRvb2x0aXBdPVwiJ0JvbGQnXCJcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBjbGFzcz1cImVkaXRvcl9idXR0b25zIG1haW5fY29tbWFuZHMgYm9sZF90ZXh0IGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlclwiXG4gICAgICA+XG4gICAgICAgIDxzdmctaWNvbiBbc3JjXT1cImdldFN2Z1BhdGgoJ2JvbGRSb3V0ZScpXCI+PC9zdmctaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICAoY2xpY2spPVwiZXhlY3V0ZUVkaXRvcignaXRhbGljJylcIlxuICAgICAgICBbY2xhc3MuYWN0aXZlXT1cImFjdGl2ZU9wdGlvbnMuaXRhbGljXCJcbiAgICAgICAgW3Rvb2x0aXBCYWNrZ3JvdW5kXT1cInR5cGUgPT09ICdkYXJrJyA/ICcjMkYyRjJGJyA6ICcjNkM2QzZDJ1wiXG4gICAgICAgIG5nYlRvb2x0aXBcbiAgICAgICAgW21haW5Ub29sdGlwXT1cIidJdGFsaWMnXCJcbiAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICBjbGFzcz1cImVkaXRvcl9idXR0b25zIGQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyIGFsaWduLWl0ZW1zLWNlbnRlciBtYWluX2NvbW1hbmRzIGl0YWxpY190ZXh0XCJcbiAgICAgID5cbiAgICAgICAgPHN2Zy1pY29uIFtzcmNdPVwiZ2V0U3ZnUGF0aCgnaXRhbGxpY1JvdXRlJylcIj48L3N2Zy1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2XG4gICAgICAgIChjbGljayk9XCJleGVjdXRlRWRpdG9yKCd1bmRlcmxpbmUnKVwiXG4gICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlT3B0aW9ucy51bmRlcmxpbmVcIlxuICAgICAgICBbdG9vbHRpcEJhY2tncm91bmRdPVwidHlwZSA9PT0gJ2RhcmsnID8gJyMyRjJGMkYnIDogJyM2QzZDNkMnXCJcbiAgICAgICAgbmdiVG9vbHRpcFxuICAgICAgICBbbWFpblRvb2x0aXBdPVwiJ1VuZGVybGluZSdcIlxuICAgICAgICBwb3NpdGlvbj1cImJvdHRvbVwiXG4gICAgICAgIGNsYXNzPVwiZWRpdG9yX2J1dHRvbnMgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyIG1haW5fY29tbWFuZHMgdW5kZXJsaW5lX3RleHRcIlxuICAgICAgPlxuICAgICAgICA8c3ZnLWljb24gW3NyY109XCJnZXRTdmdQYXRoKCd1bmRlcmxpbmVSb3V0ZScpXCI+PC9zdmctaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdiBjbGFzcz1cIm5vdGVfc2VwYXJhdG9yXCI+PC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdlxuICAgICAgKGNsaWNrKT1cInRvZ2dsZVBhdHRlcm4oKVwiXG4gICAgICBbY2xhc3Mubm9fb3BhY2l0eV09XCJzaG93Q29sbG9yUGF0dGVyblwiXG4gICAgICBbY2xhc3MucGFya2luZ190b29sdGlwLmQtZmxleC5qdXN0aWZ5LWNvbnRlbnQtZW5kXT1cIlxuICAgICAgICBwYXJraW5nICYmIHNob3dDb2xsb3JQYXR0ZXJuXG4gICAgICBcIlxuICAgICAgY2xhc3M9XCJlZGl0b3JfYnV0dG9ucyBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXIgdGV4dF9jb2xvciBqdXN0aWZ5LWNvbnRlbnQtZW5kXCJcbiAgICAgIFtjbGFzcy5wb3BvdmVyX3RleHRfY29sb3IuanVzdGlmeS1jb250ZW50LXN0YXJ0XT1cInBvcG92ZXJOb3RlXCJcbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwic2hvd0NvbGxvclBhdHRlcm5cIlxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJjb2xvcnNfcGF0dGVyIGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxuICAgICAgICBpZD1cImNvbG9yc19wYXR0ZXJcIlxuICAgICAgICBbY2xhc3MuY2xvc2VkX3BhdHRlcm5dPVwiIWNsb3NlZFBhdHRlcm5cIlxuICAgICAgICBbY2xhc3MuaW5wdXRfbm90ZS5mbGV4LXJldmVyc2VdPVwiIXBvcG92ZXJOb3RlXCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICpuZ0Zvcj1cIlxuICAgICAgICAgICAgbGV0IHBhdGVybkNvbCBvZiBjb250YWluZXJDb2xvcnM7XG4gICAgICAgICAgICBsZXQgaW5keCA9IGluZGV4O1xuICAgICAgICAgICAgdHJhY2tCeTogaWRlbnRpdHlcbiAgICAgICAgICBcIlxuICAgICAgICA+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgKGNsaWNrKT1cImV4ZWN1dGVFZGl0b3IoJ2ZvcmVDb2xvcicsIHBhdGVybkNvbC5jb2xvciwgaW5keClcIlxuICAgICAgICAgICAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJwYXRlcm5Db2wuY29sb3JcIlxuICAgICAgICAgICAgW2NsYXNzLmhpZGVfZWxlbWVudHNdPVwiaW5keCAmJiAhc2hvd0NvbGxvclBhdHRlcm5cIlxuICAgICAgICAgICAgW3Rvb2x0aXBCYWNrZ3JvdW5kXT1cIlxuICAgICAgICAgICAgICBpbmR4ICYmICFzaG93Q29sbG9yUGF0dGVyblxuICAgICAgICAgICAgICAgID8gJydcbiAgICAgICAgICAgICAgICA6IHR5cGUgPT09ICdkYXJrJ1xuICAgICAgICAgICAgICAgICAgPyAnIzJGMkYyRidcbiAgICAgICAgICAgICAgICAgIDogJyM2QzZDNkMnXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgbmdiVG9vbHRpcFxuICAgICAgICAgICAgW21haW5Ub29sdGlwXT1cIlxuICAgICAgICAgICAgICBpbmR4ID09PSAwICYmICFzaG93Q29sbG9yUGF0dGVyblxuICAgICAgICAgICAgICAgID8gJ0NvbG9yIFBpY2tlcidcbiAgICAgICAgICAgICAgICA6IGluZHggJiYgIXNob3dDb2xsb3JQYXR0ZXJuXG4gICAgICAgICAgICAgICAgICA/ICcnXG4gICAgICAgICAgICAgICAgICA6ICFpbmR4ICYmIHNob3dDb2xsb3JQYXR0ZXJuXG4gICAgICAgICAgICAgICAgICAgID8gJ0Nsb3NlJ1xuICAgICAgICAgICAgICAgICAgICA6IHBhdGVybkNvbC5uYW1lXG4gICAgICAgICAgICBcIlxuICAgICAgICAgICAgcG9zaXRpb249XCJib3R0b21cIlxuICAgICAgICAgICAgY2xhc3M9XCJlZGl0b3JfYnV0dG9uc19jb2xvcnMgZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyXCJcbiAgICAgICAgICAgIFtjbGFzcy5qdXN0aWZ5LWNvbnRlbnQtc3RhcnRdPVwicG9wb3Zlck5vdGVcIlxuICAgICAgICAgICAgW25nU3R5bGVdPVwie1xuICAgICAgICAgICAgICBvcGFjaXR5OiAhc2hvd0NvbGxvclBhdHRlcm4gJiYgaW5keCA/IDAgOiAxLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAobW91c2VlbnRlcik9XCJcbiAgICAgICAgICAgICAgaG92ZXJpbmdBcnJvdyhzaG93Q29sbG9yUGF0dGVybiAmJiAhaW5keCA/IHRydWUgOiBmYWxzZSlcbiAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAobW91c2VsZWF2ZSk9XCJob3ZlcmluZ0Fycm93KGZhbHNlKVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpbmR4XCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNvbG9yX3BpY2tlcl9hcnJvdyBkLWZsZXhcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5mbGlwX2Fycm93XT1cIlxuICAgICAgICAgICAgICAgICAgKCFwb3BvdmVyTm90ZSAmJiBzaG93Q29sbG9yUGF0dGVybikgfHxcbiAgICAgICAgICAgICAgICAgIChwb3BvdmVyTm90ZSAmJiAhc2hvd0NvbGxvclBhdHRlcm4pXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MucmVndWxhcl9pY29uXT1cIlxuICAgICAgICAgICAgICAgICAgIXBvcG92ZXJOb3RlICYmIHNob3dDb2xsb3JQYXR0ZXJuICYmICFob3ZlcmluZ0Fycm93UGlja2VyXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuYWN0aXZlXT1cInNob3dDb2xsb3JQYXR0ZXJuXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuaG92ZXJpbmdfcGlja2VyXT1cIlxuICAgICAgICAgICAgICAgICAgIWhvdmVyaW5nQXJyb3dQaWNrZXIgJiYgc2hvd0NvbGxvclBhdHRlcm5cbiAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Zy1pY29uXG4gICAgICAgICAgICAgICAgICBbc3JjXT1cIlxuICAgICAgICAgICAgICAgICAgICAhaG92ZXJpbmdBcnJvd1BpY2tlciAmJiBzaG93Q29sbG9yUGF0dGVyblxuICAgICAgICAgICAgICAgICAgICAgID8gZ2V0U3ZnUGF0aCgnY2hlY2tSb3V0ZScpXG4gICAgICAgICAgICAgICAgICAgICAgOiBnZXRTdmdQYXRoKCdhcnJvd1JvdXRlJylcbiAgICAgICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgICAgPjwvc3ZnLWljb24+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiIXBhcmtpbmcgJiYgIXBvcG92ZXJOb3RlICYmIGlzVmlzaWJsZUFycm93XCI+XG4gICAgPGRpdiBjbGFzcz1cIm5vdGVfYm9yZGVyX2xpbmVcIiBbY2xhc3MuZGFya109XCJ0eXBlID09PSAnZGFyaydcIj48L2Rpdj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==

package/esm2022/lib/components/ca-note-container/enums/note-default-string.enum.mjs

@@ -0,0 +1,11 @@
+export var NoteDefaultStringEnum;
+(function (NoteDefaultStringEnum) {
+    NoteDefaultStringEnum["FORE_COLOR"] = "ForeColor";
+    NoteDefaultStringEnum["FORE_COLOR2"] = "foreColor";
+    NoteDefaultStringEnum["MAIN_EDITOR"] = "main_editor";
+    NoteDefaultStringEnum["CSS_STYLE"] = "styleWithCSS";
+    NoteDefaultStringEnum["FALSE"] = "false";
+    NoteDefaultStringEnum["COLOR"] = "color";
+    NoteDefaultStringEnum["DARK"] = "dark";
+})(NoteDefaultStringEnum || (NoteDefaultStringEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZS1kZWZhdWx0LXN0cmluZy5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2Etbm90ZS1jb250YWluZXIvZW51bXMvbm90ZS1kZWZhdWx0LXN0cmluZy5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLHFCQVFYO0FBUkQsV0FBWSxxQkFBcUI7SUFDL0IsaURBQXdCLENBQUE7SUFDeEIsa0RBQXlCLENBQUE7SUFDekIsb0RBQTJCLENBQUE7SUFDM0IsbURBQTBCLENBQUE7SUFDMUIsd0NBQWUsQ0FBQTtJQUNmLHdDQUFlLENBQUE7SUFDZixzQ0FBYSxDQUFBO0FBQ2YsQ0FBQyxFQVJXLHFCQUFxQixLQUFyQixxQkFBcUIsUUFRaEMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBOb3RlRGVmYXVsdFN0cmluZ0VudW0ge1xuICBGT1JFX0NPTE9SID0gXCJGb3JlQ29sb3JcIixcbiAgRk9SRV9DT0xPUjIgPSBcImZvcmVDb2xvclwiLFxuICBNQUlOX0VESVRPUiA9IFwibWFpbl9lZGl0b3JcIixcbiAgQ1NTX1NUWUxFID0gXCJzdHlsZVdpdGhDU1NcIixcbiAgRkFMU0UgPSBcImZhbHNlXCIsXG4gIENPTE9SID0gXCJjb2xvclwiLFxuICBEQVJLID0gXCJkYXJrXCIsXG59XG4iXX0=

package/esm2022/lib/components/ca-note-container/enums/note-selected-color.enum.mjs

@@ -0,0 +1,6 @@
+export var NoteSelectedColorStringEnum;
+(function (NoteSelectedColorStringEnum) {
+    NoteSelectedColorStringEnum["GRAY_RGB"] = "rgb(218, 218, 218)";
+    NoteSelectedColorStringEnum["GRAY"] = "Gray";
+})(NoteSelectedColorStringEnum || (NoteSelectedColorStringEnum = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZS1zZWxlY3RlZC1jb2xvci5lbnVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2Etbm90ZS1jb250YWluZXIvZW51bXMvbm90ZS1zZWxlY3RlZC1jb2xvci5lbnVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBTixJQUFZLDJCQUdYO0FBSEQsV0FBWSwyQkFBMkI7SUFDckMsOERBQStCLENBQUE7SUFDL0IsNENBQWEsQ0FBQTtBQUNmLENBQUMsRUFIVywyQkFBMkIsS0FBM0IsMkJBQTJCLFFBR3RDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gTm90ZVNlbGVjdGVkQ29sb3JTdHJpbmdFbnVtIHtcbiAgR1JBWV9SR0IgPSBcInJnYigyMTgsIDIxOCwgMjE4KVwiLFxuICBHUkFZID0gXCJHcmF5XCIsXG59XG4iXX0=

package/esm2022/lib/components/ca-note-container/models/note-colors.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZS1jb2xvcnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1ub3RlLWNvbnRhaW5lci9tb2RlbHMvbm90ZS1jb2xvcnMubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgTm90ZUNvbG9ycyB7XG4gIGNvbG9yOiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbn1cbiJdfQ==

package/esm2022/lib/components/ca-note-container/utils/constants/note-config.constant.mjs

@@ -0,0 +1,61 @@
+export class NoteConfigConstants {
+    static { this.noteDarkColors = [
+        {
+            color: "rgb(218, 218, 218)",
+            name: "Gray",
+        },
+        {
+            color: "rgb(102, 146, 241)",
+            name: "Blue",
+        },
+        {
+            color: "rgb(86, 180, 172)",
+            name: "Green",
+        },
+        {
+            color: "rgb(230, 103, 103)",
+            name: "Red",
+        },
+        {
+            color: "rgb(250, 177, 92)",
+            name: "Yellow",
+        },
+        {
+            color: "rgb(179, 112, 240)",
+            name: "Purple",
+        },
+    ]; }
+    static { this.noteLightColors = [
+        {
+            color: "rgb(66, 66, 66)",
+            name: "Black",
+        },
+        {
+            color: "rgb(59, 115, 237)",
+            name: "Blue",
+        },
+        {
+            color: "rgb(37, 159, 148)",
+            name: "Green",
+        },
+        {
+            color: "rgb(223, 60, 60)",
+            name: "Red",
+        },
+        {
+            color: "rgb(248, 155, 46)",
+            name: "Yellow",
+        },
+        {
+            color: "rgb(158, 71, 236)",
+            name: "Purple",
+        },
+    ]; }
+    static { this.noteActiveOptions = {
+        bold: false,
+        italic: false,
+        foreColor: false,
+        underline: false,
+    }; }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZS1jb25maWcuY29uc3RhbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jYS1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9jYS1ub3RlLWNvbnRhaW5lci91dGlscy9jb25zdGFudHMvbm90ZS1jb25maWcuY29uc3RhbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR0EsTUFBTSxPQUFPLG1CQUFtQjthQUN2QixtQkFBYyxHQUFpQjtRQUNwQztZQUNFLEtBQUssRUFBRSxvQkFBb0I7WUFDM0IsSUFBSSxFQUFFLE1BQU07U0FDYjtRQUNEO1lBQ0UsS0FBSyxFQUFFLG9CQUFvQjtZQUMzQixJQUFJLEVBQUUsTUFBTTtTQUNiO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsbUJBQW1CO1lBQzFCLElBQUksRUFBRSxPQUFPO1NBQ2Q7UUFDRDtZQUNFLEtBQUssRUFBRSxvQkFBb0I7WUFDM0IsSUFBSSxFQUFFLEtBQUs7U0FDWjtRQUNEO1lBQ0UsS0FBSyxFQUFFLG1CQUFtQjtZQUMxQixJQUFJLEVBQUUsUUFBUTtTQUNmO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsb0JBQW9CO1lBQzNCLElBQUksRUFBRSxRQUFRO1NBQ2Y7S0FDRixDQUFDO2FBRUssb0JBQWUsR0FBaUI7UUFDckM7WUFDRSxLQUFLLEVBQUUsaUJBQWlCO1lBQ3hCLElBQUksRUFBRSxPQUFPO1NBQ2Q7UUFDRDtZQUNFLEtBQUssRUFBRSxtQkFBbUI7WUFDMUIsSUFBSSxFQUFFLE1BQU07U0FDYjtRQUNEO1lBQ0UsS0FBSyxFQUFFLG1CQUFtQjtZQUMxQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxLQUFLLEVBQUUsa0JBQWtCO1lBQ3pCLElBQUksRUFBRSxLQUFLO1NBQ1o7UUFDRDtZQUNFLEtBQUssRUFBRSxtQkFBbUI7WUFDMUIsSUFBSSxFQUFFLFFBQVE7U0FDZjtRQUNEO1lBQ0UsS0FBSyxFQUFFLG1CQUFtQjtZQUMxQixJQUFJLEVBQUUsUUFBUTtTQUNmO0tBQ0YsQ0FBQzthQUVLLHNCQUFpQixHQUFzQjtRQUM1QyxJQUFJLEVBQUUsS0FBSztRQUNYLE1BQU0sRUFBRSxLQUFLO1FBQ2IsU0FBUyxFQUFFLEtBQUs7UUFDaEIsU0FBUyxFQUFFLEtBQUs7S0FDakIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5vdGVBY3RpdmVPcHRpb25zIH0gZnJvbSBcIkBzaGFyZWQvbW9kZWxzL25vdGUtYWN0aXZlLW9wdGlvbnMubW9kZWxcIjtcbmltcG9ydCB7IE5vdGVDb2xvcnMgfSBmcm9tIFwiQHNoYXJlZC9jb21wb25lbnRzL2NhLW5vdGUtY29udGFpbmVyL21vZGVscy9ub3RlLWNvbG9ycy5tb2RlbFwiO1xuXG5leHBvcnQgY2xhc3MgTm90ZUNvbmZpZ0NvbnN0YW50cyB7XG4gIHN0YXRpYyBub3RlRGFya0NvbG9yczogTm90ZUNvbG9yc1tdID0gW1xuICAgIHtcbiAgICAgIGNvbG9yOiBcInJnYigyMTgsIDIxOCwgMjE4KVwiLFxuICAgICAgbmFtZTogXCJHcmF5XCIsXG4gICAgfSxcbiAgICB7XG4gICAgICBjb2xvcjogXCJyZ2IoMTAyLCAxNDYsIDI0MSlcIixcbiAgICAgIG5hbWU6IFwiQmx1ZVwiLFxuICAgIH0sXG4gICAge1xuICAgICAgY29sb3I6IFwicmdiKDg2LCAxODAsIDE3MilcIixcbiAgICAgIG5hbWU6IFwiR3JlZW5cIixcbiAgICB9LFxuICAgIHtcbiAgICAgIGNvbG9yOiBcInJnYigyMzAsIDEwMywgMTAzKVwiLFxuICAgICAgbmFtZTogXCJSZWRcIixcbiAgICB9LFxuICAgIHtcbiAgICAgIGNvbG9yOiBcInJnYigyNTAsIDE3NywgOTIpXCIsXG4gICAgICBuYW1lOiBcIlllbGxvd1wiLFxuICAgIH0sXG4gICAge1xuICAgICAgY29sb3I6IFwicmdiKDE3OSwgMTEyLCAyNDApXCIsXG4gICAgICBuYW1lOiBcIlB1cnBsZVwiLFxuICAgIH0sXG4gIF07XG5cbiAgc3RhdGljIG5vdGVMaWdodENvbG9yczogTm90ZUNvbG9yc1tdID0gW1xuICAgIHtcbiAgICAgIGNvbG9yOiBcInJnYig2NiwgNjYsIDY2KVwiLFxuICAgICAgbmFtZTogXCJCbGFja1wiLFxuICAgIH0sXG4gICAge1xuICAgICAgY29sb3I6IFwicmdiKDU5LCAxMTUsIDIzNylcIixcbiAgICAgIG5hbWU6IFwiQmx1ZVwiLFxuICAgIH0sXG4gICAge1xuICAgICAgY29sb3I6IFwicmdiKDM3LCAxNTksIDE0OClcIixcbiAgICAgIG5hbWU6IFwiR3JlZW5cIixcbiAgICB9LFxuICAgIHtcbiAgICAgIGNvbG9yOiBcInJnYigyMjMsIDYwLCA2MClcIixcbiAgICAgIG5hbWU6IFwiUmVkXCIsXG4gICAgfSxcbiAgICB7XG4gICAgICBjb2xvcjogXCJyZ2IoMjQ4LCAxNTUsIDQ2KVwiLFxuICAgICAgbmFtZTogXCJZZWxsb3dcIixcbiAgICB9LFxuICAgIHtcbiAgICAgIGNvbG9yOiBcInJnYigxNTgsIDcxLCAyMzYpXCIsXG4gICAgICBuYW1lOiBcIlB1cnBsZVwiLFxuICAgIH0sXG4gIF07XG5cbiAgc3RhdGljIG5vdGVBY3RpdmVPcHRpb25zOiBOb3RlQWN0aXZlT3B0aW9ucyA9IHtcbiAgICBib2xkOiBmYWxzZSxcbiAgICBpdGFsaWM6IGZhbHNlLFxuICAgIGZvcmVDb2xvcjogZmFsc2UsXG4gICAgdW5kZXJsaW5lOiBmYWxzZSxcbiAgfTtcbn1cbiJdfQ==

package/esm2022/lib/components/ca-note-container/utils/svg-routes/note-container-svg-routes.mjs

@@ -0,0 +1,9 @@
+export class NoteContainerSvgRoutes {
+    static { this.boldRoute = "svg/note/bold.svg"; }
+    static { this.itallicRoute = "svg/note/Itallic.svg"; }
+    static { this.colorRoute = "svg/note/Note - Empty.svg"; }
+    static { this.underlineRoute = "svg/note/Underline.svg"; }
+    static { this.checkRoute = "svg/note/tick.svg"; }
+    static { this.arrowRoute = "svg/note/arrow.svg"; }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90ZS1jb250YWluZXItc3ZnLXJvdXRlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLW5vdGUtY29udGFpbmVyL3V0aWxzL3N2Zy1yb3V0ZXMvbm90ZS1jb250YWluZXItc3ZnLXJvdXRlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sc0JBQXNCO2FBQzFCLGNBQVMsR0FBVyxtQkFBbUIsQ0FBQzthQUN4QyxpQkFBWSxHQUFXLHNCQUFzQixDQUFDO2FBQzlDLGVBQVUsR0FBVywyQkFBMkIsQ0FBQzthQUNqRCxtQkFBYyxHQUFXLHdCQUF3QixDQUFDO2FBQ2xELGVBQVUsR0FBVyxtQkFBbUIsQ0FBQzthQUN6QyxlQUFVLEdBQVcsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgTm90ZUNvbnRhaW5lclN2Z1JvdXRlcyB7XG4gIHN0YXRpYyBib2xkUm91dGU6IHN0cmluZyA9IFwic3ZnL25vdGUvYm9sZC5zdmdcIjtcbiAgc3RhdGljIGl0YWxsaWNSb3V0ZTogc3RyaW5nID0gXCJzdmcvbm90ZS9JdGFsbGljLnN2Z1wiO1xuICBzdGF0aWMgY29sb3JSb3V0ZTogc3RyaW5nID0gXCJzdmcvbm90ZS9Ob3RlIC0gRW1wdHkuc3ZnXCI7XG4gIHN0YXRpYyB1bmRlcmxpbmVSb3V0ZTogc3RyaW5nID0gXCJzdmcvbm90ZS9VbmRlcmxpbmUuc3ZnXCI7XG4gIHN0YXRpYyBjaGVja1JvdXRlOiBzdHJpbmcgPSBcInN2Zy9ub3RlL3RpY2suc3ZnXCI7XG4gIHN0YXRpYyBhcnJvd1JvdXRlOiBzdHJpbmcgPSBcInN2Zy9ub3RlL2Fycm93LnN2Z1wiO1xufVxuIl19

package/esm2022/lib/components/ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component.mjs

@@ -0,0 +1,53 @@
+import { CommonModule } from "@angular/common";
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+//Third-party-module
+import { AngularSvgIconModule } from "angular-svg-icon";
+//animation
+import { accordionAnimation } from "@shared/animations/accordion-animation";
+//svg-routes
+import { PayrollListSummaryOverviewSvgRoutes } from "@shared/components/ca-payroll-list-summary-overview/utils/svg-routes/payroll-list-summary-svg-routes";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "angular-svg-icon";
+export class CaPayrollListSummaryOverviewComponent {
+    constructor() {
+        this.isItemExpanded = true;
+        this.isExpanded = false;
+        this.index = -1;
+        this.toggle = new EventEmitter();
+        this.animationMarginParams = {
+            marginTop: "12px",
+            marginBottom: "12px",
+        };
+    }
+    getSvgPath(propertyName) {
+        return PayrollListSummaryOverviewSvgRoutes[propertyName];
+    }
+    toggleAccordion() {
+        this.isExpanded = !this.isExpanded;
+        this.toggle.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaPayrollListSummaryOverviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaPayrollListSummaryOverviewComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview", inputs: { item: "item", isExpanded: "isExpanded", index: "index", animationMarginParams: "animationMarginParams" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div class=\"accordion\" id=\"accordionExample\">\n  <div class=\"accordion-item\">\n    <div>\n      <div\n        class=\"d-flex justify-content-between align-items-center accordion-header\"\n        [ngClass]=\"{ 'is-expanded': isExpanded }\"\n        (click)=\"toggleAccordion()\"\n      >\n        <div\n          class=\"d-flex header-content ca-font-extra-bold\"\n          [ngClass]=\"{ 'is-expanded': isExpanded }\"\n        >\n          <div class=\"me-1\">\n            <span>{{ item.text }}</span>\n          </div>\n          <div class=\"me-1\">({{ item.type }})</div>\n          <div\n            class=\"small me-1 heading-count d-flex align-items-center\"\n            [ngClass]=\"{ 'is-expanded': isExpanded }\"\n          >\n            <div\n              class=\"item-count ca-font-bold\"\n              [ngClass]=\"{ 'is-expanded': isExpanded }\"\n            >\n              {{ item.itemCount }}\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"d-flex align-items-center header-content-right ca-font-bold\"\n        >\n          <ng-container *ngIf=\"item.isOpen\">\n            <div class=\"me-2 date\" [ngClass]=\"{ 'is-expanded': isExpanded }\">\n              {{ item.date | date: \"dd/MM/yyyy\" }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"item.status !== 'success'; else successStatus\">\n            <div\n              class=\"d-flex amount me-1\"\n              [ngClass]=\"{\n                danger: item.status === 'danger',\n                positive: item.status === 'positive',\n              }\"\n              [class.is-danger-expanded]=\"\n                item.status === 'danger' && isExpanded\n              \"\n              [class.is-positive-expanded]=\"\n                item.status === 'positive' && isExpanded\n              \"\n            >\n              <div class=\"me-1\">{{ item.money | currency }}</div>\n              <div>({{ item.moneyCounter }})</div>\n            </div>\n          </ng-container>\n          <ng-template #successStatus\n            ><div\n              class=\"d-flex amount me-1\"\n              [ngClass]=\"{\n                success: item.status === 'success',\n              }\"\n              [class.is-success-expanded]=\"\n                item.status === 'success' && isExpanded\n              \"\n            >\n              <div class=\"me-1\">ALL PAID</div>\n            </div>\n          </ng-template>\n          <div\n            class=\"accordion-toggle-icon\"\n            [ngClass]=\"{\n              svg_rotate: isExpanded,\n              rotate_back: !isExpanded,\n            }\"\n          >\n            <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      [id]=\"'collapseOne' + index\"\n      class=\"accordion-collapse\"\n      [class.show]=\"isExpanded\"\n      data-bs-parent=\"#accordionExample\"\n      [@showHideCardBody]=\"{\n        value: isExpanded.toString(),\n        params: animationMarginParams,\n      }\"\n    >\n      <ng-container>\n        <div class=\"accordion-body\">\n          <!-- Add the expanded content here -->\n          {{ item.description }}\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"/node_modules/bootstrap/dist/css/bootstrap.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}*{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}.accordion-item{border:unset;border-radius:4px;margin-bottom:3px}.accordion-item .accordion-header{cursor:pointer;padding:10px}.accordion-item .accordion-header.is-expanded{background-color:#424242}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content.is-expanded{color:#fff}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:12px;padding:0 6px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#dadada}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#fbe9e9;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#dadada}.accordion-item .accordion-header:hover svg path{fill:#dadada}.accordion-item .accordion-body{padding:5px}\n"], dependencies: [{ kind: "ngmodule", type: 
+                //Modules
+                CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.CurrencyPipe, name: "currency" }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: AngularSvgIconModule }, { kind: "component", type: i2.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }], animations: [accordionAnimation("showHideCardBody")] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaPayrollListSummaryOverviewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-ca-payroll-list-summary-overview", standalone: true, imports: [
+                        //Modules
+                        CommonModule,
+                        AngularSvgIconModule,
+                    ], animations: [accordionAnimation("showHideCardBody")], template: "<div class=\"accordion\" id=\"accordionExample\">\n  <div class=\"accordion-item\">\n    <div>\n      <div\n        class=\"d-flex justify-content-between align-items-center accordion-header\"\n        [ngClass]=\"{ 'is-expanded': isExpanded }\"\n        (click)=\"toggleAccordion()\"\n      >\n        <div\n          class=\"d-flex header-content ca-font-extra-bold\"\n          [ngClass]=\"{ 'is-expanded': isExpanded }\"\n        >\n          <div class=\"me-1\">\n            <span>{{ item.text }}</span>\n          </div>\n          <div class=\"me-1\">({{ item.type }})</div>\n          <div\n            class=\"small me-1 heading-count d-flex align-items-center\"\n            [ngClass]=\"{ 'is-expanded': isExpanded }\"\n          >\n            <div\n              class=\"item-count ca-font-bold\"\n              [ngClass]=\"{ 'is-expanded': isExpanded }\"\n            >\n              {{ item.itemCount }}\n            </div>\n          </div>\n        </div>\n        <div\n          class=\"d-flex align-items-center header-content-right ca-font-bold\"\n        >\n          <ng-container *ngIf=\"item.isOpen\">\n            <div class=\"me-2 date\" [ngClass]=\"{ 'is-expanded': isExpanded }\">\n              {{ item.date | date: \"dd/MM/yyyy\" }}\n            </div>\n          </ng-container>\n          <ng-container *ngIf=\"item.status !== 'success'; else successStatus\">\n            <div\n              class=\"d-flex amount me-1\"\n              [ngClass]=\"{\n                danger: item.status === 'danger',\n                positive: item.status === 'positive',\n              }\"\n              [class.is-danger-expanded]=\"\n                item.status === 'danger' && isExpanded\n              \"\n              [class.is-positive-expanded]=\"\n                item.status === 'positive' && isExpanded\n              \"\n            >\n              <div class=\"me-1\">{{ item.money | currency }}</div>\n              <div>({{ item.moneyCounter }})</div>\n            </div>\n          </ng-container>\n          <ng-template #successStatus\n            ><div\n              class=\"d-flex amount me-1\"\n              [ngClass]=\"{\n                success: item.status === 'success',\n              }\"\n              [class.is-success-expanded]=\"\n                item.status === 'success' && isExpanded\n              \"\n            >\n              <div class=\"me-1\">ALL PAID</div>\n            </div>\n          </ng-template>\n          <div\n            class=\"accordion-toggle-icon\"\n            [ngClass]=\"{\n              svg_rotate: isExpanded,\n              rotate_back: !isExpanded,\n            }\"\n          >\n            <svg-icon [src]=\"getSvgPath('downArrow')\" alt=\"Toggle\"></svg-icon>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      [id]=\"'collapseOne' + index\"\n      class=\"accordion-collapse\"\n      [class.show]=\"isExpanded\"\n      data-bs-parent=\"#accordionExample\"\n      [@showHideCardBody]=\"{\n        value: isExpanded.toString(),\n        params: animationMarginParams,\n      }\"\n    >\n      <ng-container>\n        <div class=\"accordion-body\">\n          <!-- Add the expanded content here -->\n          {{ item.description }}\n        </div>\n      </ng-container>\n    </div>\n  </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"/node_modules/bootstrap/dist/css/bootstrap.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}*{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}.accordion-item{border:unset;border-radius:4px;margin-bottom:3px}.accordion-item .accordion-header{cursor:pointer;padding:10px}.accordion-item .accordion-header.is-expanded{background-color:#424242}.accordion-item .accordion-header .header-content{font-family:Montserrat,sans-serif;font-size:14px;color:#6c6c6c}.accordion-item .accordion-header .header-content.is-expanded{color:#fff}.accordion-item .accordion-header .header-content .heading-count{background-color:#919191;border-radius:12px;padding:0 6px}.accordion-item .accordion-header .header-content .heading-count.is-expanded{background-color:#dadada}.accordion-item .accordion-header .header-content .heading-count .item-count{font-size:11px;color:#fff}.accordion-item .accordion-header .header-content .heading-count .item-count.is-expanded{color:#424242}.accordion-item .accordion-header .header-content-right{font-family:Montserrat,sans-serif;font-size:11px}.accordion-item .accordion-header .header-content-right.is-expanded{color:#fff}.accordion-item .accordion-header .header-content-right .date{background-color:#eee;color:#424242;padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .date.is-expanded{background-color:#91919166;color:#fff}.accordion-item .accordion-header .header-content-right .amount{padding:2px 5px;border-radius:2px}.accordion-item .accordion-header .header-content-right .amount.danger{background-color:#fbe9e9;color:#df3c3c}.accordion-item .accordion-header .header-content-right .amount.positive{background-color:#e9effd;color:#3b73ed}.accordion-item .accordion-header .header-content-right .amount.success{background-color:#e7f4f3;color:#259f94}.accordion-item .accordion-header .header-content-right .amount.is-danger-expanded{background-color:#df3c3c66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-positive-expanded{background-color:#3b73ed66;color:#fff}.accordion-item .accordion-header .header-content-right .amount.is-success-expanded{background-color:#259f9466;color:#fff}.accordion-item .accordion-header .header-content-right .svg_rotate svg{transform:rotate(180deg);transition:transform .2s ease-in-out}.accordion-item .accordion-header .header-content-right .rotate_back svg{transform:rotate(0);transition:transform .2s ease-in-out}.accordion-item .accordion-header:not(.is-expanded):hover .header-content{color:#424242}.accordion-item .accordion-header:not(.is-expanded):hover .header-content .heading-count{background-color:#6c6c6c}.accordion-item .accordion-header:not(.is-expanded):hover svg path{fill:#424242}.accordion-item .accordion-header:hover .header-content{color:#fff}.accordion-item .accordion-header:hover .header-content .heading-count{background-color:#dadada}.accordion-item .accordion-header:hover svg path{fill:#dadada}.accordion-item .accordion-body{padding:5px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { item: [{
+                type: Input
+            }], isExpanded: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], toggle: [{
+                type: Output
+            }], animationMarginParams: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFdkUsb0JBQW9CO0FBQ3BCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXhELFdBQVc7QUFDWCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUU1RSxZQUFZO0FBQ1osT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0sc0dBQXNHLENBQUM7Ozs7QUFpQjNKLE1BQU0sT0FBTyxxQ0FBcUM7SUFZaEQ7UUFWTyxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUU3QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLFVBQUssR0FBVyxDQUFDLENBQUMsQ0FBQztRQUVsQixXQUFNLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDdkQsMEJBQXFCLEdBQUc7WUFDL0IsU0FBUyxFQUFFLE1BQU07WUFDakIsWUFBWSxFQUFFLE1BQU07U0FDckIsQ0FBQztJQUNhLENBQUM7SUFFVCxVQUFVLENBQ2YsWUFBOEQ7UUFFOUQsT0FBTyxtQ0FBbUMsQ0FBQyxZQUFZLENBQVcsQ0FBQztJQUNyRSxDQUFDO0lBRU0sZUFBZTtRQUNwQixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3JCLENBQUM7K0dBdkJVLHFDQUFxQzttR0FBckMscUNBQXFDLG1QQzNCbEQseXZHQWtHQTtnQkQ3RUksU0FBUztnQkFDVCxZQUFZLDhVQUNaLG9CQUFvQixtTkFFVixDQUFDLGtCQUFrQixDQUFDLGtCQUFrQixDQUFDLENBQUM7OzRGQUV6QyxxQ0FBcUM7a0JBWmpELFNBQVM7K0JBQ0Usc0NBQXNDLGNBR3BDLElBQUksV0FDUDt3QkFDUCxTQUFTO3dCQUNULFlBQVk7d0JBQ1osb0JBQW9CO3FCQUNyQixjQUNXLENBQUMsa0JBQWtCLENBQUMsa0JBQWtCLENBQUMsQ0FBQzswRUFHM0MsSUFBSTtzQkFBWixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUVJLE1BQU07c0JBQWYsTUFBTTtnQkFDRSxxQkFBcUI7c0JBQTdCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbi8vVGhpcmQtcGFydHktbW9kdWxlXG5pbXBvcnQgeyBBbmd1bGFyU3ZnSWNvbk1vZHVsZSB9IGZyb20gXCJhbmd1bGFyLXN2Zy1pY29uXCI7XG5cbi8vYW5pbWF0aW9uXG5pbXBvcnQgeyBhY2NvcmRpb25BbmltYXRpb24gfSBmcm9tIFwiQHNoYXJlZC9hbmltYXRpb25zL2FjY29yZGlvbi1hbmltYXRpb25cIjtcblxuLy9zdmctcm91dGVzXG5pbXBvcnQgeyBQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlld1N2Z1JvdXRlcyB9IGZyb20gXCJAc2hhcmVkL2NvbXBvbmVudHMvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcvdXRpbHMvc3ZnLXJvdXRlcy9wYXlyb2xsLWxpc3Qtc3VtbWFyeS1zdmctcm91dGVzXCI7XG5cbi8vbW9kZWxcbmltcG9ydCB7IFBheXJvbGxMaXN0U3VtbWFyeU92ZXJ2aWV3IH0gZnJvbSBcIkBzaGFyZWQvbW9kZWxzL3BheXJvbGwtbGlzdC1zdW1tYXJ5Lm1vZGVsXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogXCJhcHAtY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXdcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9jYS1wYXlyb2xsLWxpc3Qtc3VtbWFyeS1vdmVydmlldy5jb21wb25lbnQuaHRtbFwiLFxuICBzdHlsZVVybHM6IFtcIi4vY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcuY29tcG9uZW50LnNjc3NcIl0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICAvL01vZHVsZXNcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgQW5ndWxhclN2Z0ljb25Nb2R1bGUsXG4gIF0sXG4gIGFuaW1hdGlvbnM6IFthY2NvcmRpb25BbmltYXRpb24oXCJzaG93SGlkZUNhcmRCb2R5XCIpXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlld0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGl0ZW0hOiBQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlldztcbiAgcHVibGljIGlzSXRlbUV4cGFuZGVkOiBib29sZWFuID0gdHJ1ZTtcblxuICBASW5wdXQoKSBpc0V4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAtMTtcblxuICBAT3V0cHV0KCkgdG9nZ2xlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBJbnB1dCgpIGFuaW1hdGlvbk1hcmdpblBhcmFtcyA9IHtcbiAgICBtYXJnaW5Ub3A6IFwiMTJweFwiLFxuICAgIG1hcmdpbkJvdHRvbTogXCIxMnB4XCIsXG4gIH07XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBwdWJsaWMgZ2V0U3ZnUGF0aChcbiAgICBwcm9wZXJ0eU5hbWU6IGtleW9mIHR5cGVvZiBQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlld1N2Z1JvdXRlc1xuICApOiBzdHJpbmcge1xuICAgIHJldHVybiBQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlld1N2Z1JvdXRlc1twcm9wZXJ0eU5hbWVdIGFzIHN0cmluZztcbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVBY2NvcmRpb24oKTogdm9pZCB7XG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcbiAgICB0aGlzLnRvZ2dsZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhY2NvcmRpb25cIiBpZD1cImFjY29yZGlvbkV4YW1wbGVcIj5cbiAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1pdGVtXCI+XG4gICAgPGRpdj5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3M9XCJkLWZsZXgganVzdGlmeS1jb250ZW50LWJldHdlZW4gYWxpZ24taXRlbXMtY2VudGVyIGFjY29yZGlvbi1oZWFkZXJcIlxuICAgICAgICBbbmdDbGFzc109XCJ7ICdpcy1leHBhbmRlZCc6IGlzRXhwYW5kZWQgfVwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVBY2NvcmRpb24oKVwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cImQtZmxleCBoZWFkZXItY29udGVudCBjYS1mb250LWV4dHJhLWJvbGRcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2lzLWV4cGFuZGVkJzogaXNFeHBhbmRlZCB9XCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJtZS0xXCI+XG4gICAgICAgICAgICA8c3Bhbj57eyBpdGVtLnRleHQgfX08L3NwYW4+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1lLTFcIj4oe3sgaXRlbS50eXBlIH19KTwvZGl2PlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwic21hbGwgbWUtMSBoZWFkaW5nLWNvdW50IGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnaXMtZXhwYW5kZWQnOiBpc0V4cGFuZGVkIH1cIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJpdGVtLWNvdW50IGNhLWZvbnQtYm9sZFwiXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2lzLWV4cGFuZGVkJzogaXNFeHBhbmRlZCB9XCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3sgaXRlbS5pdGVtQ291bnQgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBoZWFkZXItY29udGVudC1yaWdodCBjYS1mb250LWJvbGRcIlxuICAgICAgICA+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0uaXNPcGVuXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWUtMiBkYXRlXCIgW25nQ2xhc3NdPVwieyAnaXMtZXhwYW5kZWQnOiBpc0V4cGFuZGVkIH1cIj5cbiAgICAgICAgICAgICAge3sgaXRlbS5kYXRlIHwgZGF0ZTogXCJkZC9NTS95eXl5XCIgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLnN0YXR1cyAhPT0gJ3N1Y2Nlc3MnOyBlbHNlIHN1Y2Nlc3NTdGF0dXNcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJkLWZsZXggYW1vdW50IG1lLTFcIlxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgZGFuZ2VyOiBpdGVtLnN0YXR1cyA9PT0gJ2RhbmdlcicsXG4gICAgICAgICAgICAgICAgcG9zaXRpdmU6IGl0ZW0uc3RhdHVzID09PSAncG9zaXRpdmUnLFxuICAgICAgICAgICAgICB9XCJcbiAgICAgICAgICAgICAgW2NsYXNzLmlzLWRhbmdlci1leHBhbmRlZF09XCJcbiAgICAgICAgICAgICAgICBpdGVtLnN0YXR1cyA9PT0gJ2RhbmdlcicgJiYgaXNFeHBhbmRlZFxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICBbY2xhc3MuaXMtcG9zaXRpdmUtZXhwYW5kZWRdPVwiXG4gICAgICAgICAgICAgICAgaXRlbS5zdGF0dXMgPT09ICdwb3NpdGl2ZScgJiYgaXNFeHBhbmRlZFxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWUtMVwiPnt7IGl0ZW0ubW9uZXkgfCBjdXJyZW5jeSB9fTwvZGl2PlxuICAgICAgICAgICAgICA8ZGl2Pih7eyBpdGVtLm1vbmV5Q291bnRlciB9fSk8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjc3VjY2Vzc1N0YXR1c1xuICAgICAgICAgICAgPjxkaXZcbiAgICAgICAgICAgICAgY2xhc3M9XCJkLWZsZXggYW1vdW50IG1lLTFcIlxuICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAgICAgc3VjY2VzczogaXRlbS5zdGF0dXMgPT09ICdzdWNjZXNzJyxcbiAgICAgICAgICAgICAgfVwiXG4gICAgICAgICAgICAgIFtjbGFzcy5pcy1zdWNjZXNzLWV4cGFuZGVkXT1cIlxuICAgICAgICAgICAgICAgIGl0ZW0uc3RhdHVzID09PSAnc3VjY2VzcycgJiYgaXNFeHBhbmRlZFxuICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibWUtMVwiPkFMTCBQQUlEPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzPVwiYWNjb3JkaW9uLXRvZ2dsZS1pY29uXCJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICAgICAgICAgc3ZnX3JvdGF0ZTogaXNFeHBhbmRlZCxcbiAgICAgICAgICAgICAgcm90YXRlX2JhY2s6ICFpc0V4cGFuZGVkLFxuICAgICAgICAgICAgfVwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPHN2Zy1pY29uIFtzcmNdPVwiZ2V0U3ZnUGF0aCgnZG93bkFycm93JylcIiBhbHQ9XCJUb2dnbGVcIj48L3N2Zy1pY29uPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXZcbiAgICAgIFtpZF09XCInY29sbGFwc2VPbmUnICsgaW5kZXhcIlxuICAgICAgY2xhc3M9XCJhY2NvcmRpb24tY29sbGFwc2VcIlxuICAgICAgW2NsYXNzLnNob3ddPVwiaXNFeHBhbmRlZFwiXG4gICAgICBkYXRhLWJzLXBhcmVudD1cIiNhY2NvcmRpb25FeGFtcGxlXCJcbiAgICAgIFtAc2hvd0hpZGVDYXJkQm9keV09XCJ7XG4gICAgICAgIHZhbHVlOiBpc0V4cGFuZGVkLnRvU3RyaW5nKCksXG4gICAgICAgIHBhcmFtczogYW5pbWF0aW9uTWFyZ2luUGFyYW1zLFxuICAgICAgfVwiXG4gICAgPlxuICAgICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1ib2R5XCI+XG4gICAgICAgICAgPCEtLSBBZGQgdGhlIGV4cGFuZGVkIGNvbnRlbnQgaGVyZSAtLT5cbiAgICAgICAgICB7eyBpdGVtLmRlc2NyaXB0aW9uIH19XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/ca-payroll-list-summary-overview/utils/svg-routes/payroll-list-summary-svg-routes.mjs

@@ -0,0 +1,5 @@
+export class PayrollListSummaryOverviewSvgRoutes {
+    static { this.downArrow = "svg/common/payroll-down-arrow.svg"; }
+    static { this.upArrow = "svg/common/payroll-up-arrow.svg"; }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGF5cm9sbC1saXN0LXN1bW1hcnktc3ZnLXJvdXRlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NhLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2NhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3L3V0aWxzL3N2Zy1yb3V0ZXMvcGF5cm9sbC1saXN0LXN1bW1hcnktc3ZnLXJvdXRlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sbUNBQW1DO2FBQ3ZDLGNBQVMsR0FBRyxtQ0FBbUMsQ0FBQzthQUNoRCxZQUFPLEdBQUcsaUNBQWlDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgUGF5cm9sbExpc3RTdW1tYXJ5T3ZlcnZpZXdTdmdSb3V0ZXMge1xuICBzdGF0aWMgZG93bkFycm93ID0gXCJzdmcvY29tbW9uL3BheXJvbGwtZG93bi1hcnJvdy5zdmdcIjtcbiAgc3RhdGljIHVwQXJyb3cgPSBcInN2Zy9jb21tb24vcGF5cm9sbC11cC1hcnJvdy5zdmdcIjtcbn1cbiJdfQ==

package/esm2022/lib/components/ca-payroll-list-summary-overview-table/ca-payroll-list-summary-overview-table.component.mjs

@@ -0,0 +1,26 @@
+import { Component } from "@angular/core";
+import { CommonModule } from "@angular/common";
+//components
+import { CaPayrollListSummaryOverviewComponent } from "@shared/components/ca-payroll-list-summary-overview/ca-payroll-list-summary-overview.component";
+//json
+import CaTable from "@assets/json/ca-table.json";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class CaPayrollListSummaryOverviewTableComponent {
+    constructor() {
+        this.data = CaTable.CaTablePayrollList;
+    }
+    identity(index, item) {
+        return item.text;
+    }
+    toggleItem(index) {
+        this.openIndex = this.openIndex === index ? null : index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaPayrollListSummaryOverviewTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CaPayrollListSummaryOverviewTableComponent, isStandalone: true, selector: "app-ca-payroll-list-summary-overview-table", ngImport: i0, template: "<table class=\"table\">\n  <tbody>\n    <tr *ngFor=\"let item of data; let i = index; trackBy: identity\">\n      <td>\n        <app-ca-payroll-list-summary-overview\n          [item]=\"item\"\n          [index]=\"i\"\n          [isExpanded]=\"openIndex === i\"\n          (toggle)=\"toggleItem(i)\"\n        ></app-ca-payroll-list-summary-overview>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"/node_modules/bootstrap/dist/css/bootstrap.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}*{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}thead,tbody,tfoot,tr,td,th{border:unset;cursor:pointer}.table>:not(caption)>*>*{background-color:#eee;padding:0 10px}.table tr{position:relative;z-index:99999}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: CaPayrollListSummaryOverviewComponent, selector: "app-ca-payroll-list-summary-overview", inputs: ["item", "isExpanded", "index", "animationMarginParams"], outputs: ["toggle"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CaPayrollListSummaryOverviewTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "app-ca-payroll-list-summary-overview-table", standalone: true, imports: [CommonModule, CaPayrollListSummaryOverviewComponent], template: "<table class=\"table\">\n  <tbody>\n    <tr *ngFor=\"let item of data; let i = index; trackBy: identity\">\n      <td>\n        <app-ca-payroll-list-summary-overview\n          [item]=\"item\"\n          [index]=\"i\"\n          [isExpanded]=\"openIndex === i\"\n          (toggle)=\"toggleItem(i)\"\n        ></app-ca-payroll-list-summary-overview>\n      </td>\n    </tr>\n  </tbody>\n</table>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\";@import\"/node_modules/bootstrap/dist/css/bootstrap.css\";.ca-font-thin{font-weight:100!important}.ca-font-extra-light{font-weight:200!important}.ca-font-light{font-weight:300!important}.ca-font-regular{font-weight:400!important}.ca-font-medium{font-weight:500!important}.ca-font-semi-bold{font-weight:600!important}.ca-font-bold{font-weight:700!important}.ca-font-extra-bold{font-weight:800!important}.ca-font-black{font-weight:900!important}@keyframes dropdown{0%{margin-top:20px;visibility:hidden;opacity:0}to{opacity:1;margin-top:10px;visibility:visible!important}}@keyframes dropup{0%{margin-top:-19px;visibility:hidden;opacity:0}to{margin-top:inherit;visibility:visible!important}}.table-progress-popover{background-color:unset!important;margin-left:-10px}.table-progress-popover .progress-dropdown{margin-top:-6px;width:260px;height:200px;background:#2f2f2f;border-radius:3px;padding:8px;box-shadow:0 0 4px #00000026;overflow:hidden;animation:progressAnimation .25s ease-in-out}.table-progress-popover .progress-dropdown .progress-header .progress-title{font-size:18px;font-weight:600;color:#dadada}.table-progress-popover .progress-dropdown .progress-header .progress-title span{font-weight:400}.table-progress-popover .progress-dropdown .progress-header .progress-total{font-size:14px;line-height:17px;color:#dadada}.table-progress-popover .progress-dropdown .table-progress-bar-container{width:100%;height:8px;margin-top:6px;border-radius:2px;overflow:hidden}.table-progress-popover .progress-dropdown .table-progress-bar-container .table-progress-bar{height:100%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-dual-info-container .progress-info-container{width:50%}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container{margin-top:10px}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-title{margin-bottom:2px;font-size:11px;font-weight:700;line-height:14px;color:#ffffffb2}.table-progress-popover .progress-dropdown .progress-dropdown-body .progress-info-container .progress-info-text{font-size:14px;line-height:18px;color:#dadada}.table-progress-popover .progress-dropdown.credit-dropdown{height:100px}@keyframes progressAnimation{0%{height:0px}to{height:220px}}ngb-popover-window{padding:unset!important;border:unset!important}ngb-popover-window .popover-arrow{display:none!important}ngb-popover-window .popover-body{padding:unset!important}*{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}html{scroll-behavior:auto!important}.gm-style-iw-chr,.gm-style-iw-tc{display:none}.gm-style .gm-style-iw-c{border-radius:0}.gm-style-iw{overflow-y:auto!important;overflow-x:hidden!important}.gm-style-iw>div{overflow:visible!important}.infoWindow{overflow:hidden!important}.gm-style-iw-d,.gm-style-iw.gm-style-iw-c{max-height:350px!important}thead,tbody,tfoot,tr,td,th{border:unset;cursor:pointer}.table>:not(caption)>*>*{background-color:#eee;padding:0 10px}.table tr{position:relative;z-index:99999}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXctdGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXctdGFibGUvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXctdGFibGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY2EtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXctdGFibGUvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXctdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsWUFBWTtBQUNaLE9BQU8sRUFBRSxxQ0FBcUMsRUFBRSxNQUFNLGdHQUFnRyxDQUFDO0FBRXZKLE1BQU07QUFDTixPQUFPLE9BQU8sTUFBTSw0QkFBNEIsQ0FBQzs7O0FBWWpELE1BQU0sT0FBTywwQ0FBMEM7SUFQdkQ7UUFRUyxTQUFJLEdBQUcsT0FBTyxDQUFDLGtCQUFrQixDQUFDO0tBVTFDO0lBUFEsUUFBUSxDQUFDLEtBQWEsRUFBRSxJQUFnQztRQUM3RCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDbkIsQ0FBQztJQUVNLFVBQVUsQ0FBQyxLQUFhO1FBQzdCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzNELENBQUM7K0dBVlUsMENBQTBDO21HQUExQywwQ0FBMEMsc0dDbkJ2RCwrWUFjQSxrdUdEQ1ksWUFBWSw0SkFBRSxxQ0FBcUM7OzRGQUlsRCwwQ0FBMEM7a0JBUHRELFNBQVM7K0JBQ0UsNENBQTRDLGNBQzFDLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxxQ0FBcUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5cbi8vY29tcG9uZW50c1xuaW1wb3J0IHsgQ2FQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlld0NvbXBvbmVudCB9IGZyb20gXCJAc2hhcmVkL2NvbXBvbmVudHMvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcvY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXcuY29tcG9uZW50XCI7XG5cbi8vanNvblxuaW1wb3J0IENhVGFibGUgZnJvbSBcIkBhc3NldHMvanNvbi9jYS10YWJsZS5qc29uXCI7XG5cbi8vbW9kZWxzXG5pbXBvcnQgeyBQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlldyB9IGZyb20gXCJAc2hhcmVkL21vZGVscy9wYXlyb2xsLWxpc3Qtc3VtbWFyeS5tb2RlbFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWNhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3LXRhYmxlXCIsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENhUGF5cm9sbExpc3RTdW1tYXJ5T3ZlcnZpZXdDb21wb25lbnRdLFxuICB0ZW1wbGF0ZVVybDogXCIuL2NhLXBheXJvbGwtbGlzdC1zdW1tYXJ5LW92ZXJ2aWV3LXRhYmxlLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9jYS1wYXlyb2xsLWxpc3Qtc3VtbWFyeS1vdmVydmlldy10YWJsZS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgQ2FQYXlyb2xsTGlzdFN1bW1hcnlPdmVydmlld1RhYmxlQ29tcG9uZW50IHtcbiAgcHVibGljIGRhdGEgPSBDYVRhYmxlLkNhVGFibGVQYXlyb2xsTGlzdDtcbiAgcHVibGljIG9wZW5JbmRleCE6IG51bWJlciB8IG51bGw7XG5cbiAgcHVibGljIGlkZW50aXR5KGluZGV4OiBudW1iZXIsIGl0ZW06IFBheXJvbGxMaXN0U3VtbWFyeU92ZXJ2aWV3KTogc3RyaW5nIHtcbiAgICByZXR1cm4gaXRlbS50ZXh0O1xuICB9XG5cbiAgcHVibGljIHRvZ2dsZUl0ZW0oaW5kZXg6IG51bWJlcik6IG51bWJlciB8IHZvaWQge1xuICAgIHRoaXMub3BlbkluZGV4ID0gdGhpcy5vcGVuSW5kZXggPT09IGluZGV4ID8gbnVsbCA6IGluZGV4O1xuICB9XG59XG4iLCI8dGFibGUgY2xhc3M9XCJ0YWJsZVwiPlxuICA8dGJvZHk+XG4gICAgPHRyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGE7IGxldCBpID0gaW5kZXg7IHRyYWNrQnk6IGlkZW50aXR5XCI+XG4gICAgICA8dGQ+XG4gICAgICAgIDxhcHAtY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXdcbiAgICAgICAgICBbaXRlbV09XCJpdGVtXCJcbiAgICAgICAgICBbaW5kZXhdPVwiaVwiXG4gICAgICAgICAgW2lzRXhwYW5kZWRdPVwib3BlbkluZGV4ID09PSBpXCJcbiAgICAgICAgICAodG9nZ2xlKT1cInRvZ2dsZUl0ZW0oaSlcIlxuICAgICAgICA+PC9hcHAtY2EtcGF5cm9sbC1saXN0LXN1bW1hcnktb3ZlcnZpZXc+XG4gICAgICA8L3RkPlxuICAgIDwvdHI+XG4gIDwvdGJvZHk+XG48L3RhYmxlPlxuIl19