import { Component, EventEmitter } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { FloatingBarModule } from '../../../../../sharedComponents/floating-bar/floating-bar.module';
import { FormgroupModule } from '../../../../../formgroup/formgroup.module';
import { ASSETS } from '../../../../../../lib/constants/assets.constants';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../../sharedComponents/floating-bar/floating-bar.component";
import * as i3 from "../../../../../formgroup/cs-checkbox/cs-checkbox.component";
export class AttributesCheckboxComponent {
    constructor() {
        this.animation = false;
        this.ASSETS = ASSETS;
        this.onSelectedAttributes = new EventEmitter();
        /* The `deleteEvent` function is used to remove a selected attribute choice from the
      `selectedAttribute` object. */
        this.deleteEvent = (event) => {
            const INDEX = this.selectedAttribute.choices.findIndex((eachChoice) => eachChoice.title === event.title);
            this.selectedAttribute.choices[INDEX].is_selected = false;
        };
        /* The `close` function is an arrow function that takes an optional `event` parameter. */
        this.close = (event) => {
            if (event) {
                this.onSelectedAttributes.emit(this.selectedAttribute);
            }
            else {
                this.onSelectedAttributes.emit();
            }
        };
        /* The `selectAttributes` function is a method that is used to toggle the `is_selected` property of a
       choice in the `selectedAttribute` object. It takes two parameters: `index`, which represents the
       index of the choice in the `selectedAttribute.choices` array, and `event`, which represents the
       event that triggered the selection (e.g., a checkbox click). */
        this.selectAttributes = (index, event) => {
            if (event) {
                this.selectedAttribute.choices[index].is_selected = true;
            }
            else {
                this.selectedAttribute.choices[index].is_selected = false;
            }
        };
    }
    ngOnInit() {
        this.animatePopup();
    }
    /**
     * The `animatePopup` function sets the `animation` property to true, waits for 300 milliseconds, and
     * then sets the `animation` property to false.
     */
    animatePopup() {
        this.animation = true;
        setTimeout(() => {
            this.animation = false;
        }, 300);
    }
    /**
     * The selectAll function sets the "is_selected" property to true for each choice in the
     * selectedAttribute.
     */
    selectAll() {
        const IS_SELECT_ALL = !this.isSelectAll;
        this.selectedAttribute.choices.forEach((eachChoice) => {
            eachChoice['is_selected'] = IS_SELECT_ALL;
        });
        if (this.selectedAttribute?.hasOther) {
            this.selectedAttribute['is_other_selected'] = IS_SELECT_ALL;
        }
    }
    /**
     * The function checks if all choices in the selectedAttribute have the "is_selected" property set to
     * true.
     * @returns The code is returning a boolean value indicating whether all choices in the
     * `selectedAttribute` have the `is_selected` property set to `true`.
     */
    get isSelectAll() {
        return (this.selectedAttribute.choices.every((eachChoice) => eachChoice['is_selected'] === true) &&
            ((this.selectedAttribute?.hasOther &&
                this.selectedAttribute['is_other_selected']) ||
                !this.selectedAttribute?.hasOther));
    }
    /**
     * The function returns the selected choices from a list of choices.
     * @returns The `getSelectedValue` method returns an array of choices from the `selectedAttribute`
     * object where the `is_selected` property is set to `true`.
     */
    get getSelectedValue() {
        return this.selectedAttribute.choices.filter((eachChoice) => eachChoice['is_selected'] === true);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttributesCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AttributesCheckboxComponent, isStandalone: true, selector: "lib-attributes-checkbox", inputs: { selectedAttribute: "selectedAttribute" }, outputs: { onSelectedAttributes: "onSelectedAttributes" }, ngImport: i0, template: "<div class=\"attributes-dialog\" [class.animate]=\"animation\">\n  <div\n    class=\"attributes-dialog-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div\n      class=\"vx-fs-14 vx-fw-500 vx-label-txt\"\n      [innerHTML]=\"selectedAttribute?.title\"\n    ></div>\n  </div>\n  <div class=\"attributes-dialog-body\">\n    <div class=\"body-top\" *ngIf=\"selectedAttribute?.choices?.length > 0\">\n      <app-cs-checkbox\n        [ngValue]=\"isSelectAll\"\n        (ngValueChange)=\"selectAll($event)\"\n        ><strong>{{ isSelectAll ? \"Deselect All\" : \"Select All\" }}</strong>\n      </app-cs-checkbox>\n    </div>\n\n    <ul class=\"attributes-dialog-list\">\n      <ng-container>\n        <li\n          *ngFor=\"let choice of selectedAttribute?.choices; let i = index\"\n          #ulElement\n        >\n          <app-cs-checkbox\n            [ngValue]=\"choice.is_selected\"\n            (ngValueChange)=\"selectAttributes(i, $event)\"\n          >\n            <ul class=\"attributes-dialog-name\" #listBlock>\n              <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n              <li\n                [appTooltip]=\"choice?.title\"\n                placement=\"bottom\"\n                type=\"black\"\n                delay=\"0\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ choice?.title }}\n              </li>\n            </ul>\n          </app-cs-checkbox>\n        </li>\n\n        <li *ngIf=\"selectedAttribute?.hasOther\">\n          <app-cs-checkbox\n            [ngValue]=\"selectedAttribute.is_other_selected\"\n            (ngValueChange)=\"selectedAttribute['is_other_selected'] = $event\"\n          >\n            <ul class=\"attributes-dialog-name\" #listBlock>\n              <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n              <li\n                [appTooltip]=\"selectedAttribute?.otherValue\"\n                placement=\"bottom\"\n                type=\"black\"\n                delay=\"0\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ selectedAttribute?.otherValue }}\n              </li>\n            </ul>\n          </app-cs-checkbox>\n        </li>\n      </ng-container>\n    </ul>\n    <app-no-data\n      *ngIf=\"!selectedAttribute?.choices?.length\"\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No data to display'\"\n    ></app-no-data>\n\n    <app-floating-bar\n      [selectedData]=\"getSelectedValue\"\n      [displayElementKey]=\"'title'\"\n      (closeEvent)=\"close(getSelectedValue)\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"\n        (getSelectedValue?.length === 0 ||\n          selectedAttribute?.choices?.length === 0) &&\n        !selectedAttribute?.is_other_selected\n      \"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .attributes-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .attributes-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .attributes-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .attributes-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .attributes-dialog-body .search-block{position:relative}::ng-deep .attributes-dialog-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .attributes-dialog-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .attributes-dialog-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .attributes-dialog-body .body-top{display:flex;justify-content:space-between}::ng-deep .attributes-dialog-body .body-top app-cs-checkbox{display:flex}::ng-deep .attributes-dialog-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .attributes-dialog-body ul{padding:0;margin:0}::ng-deep .attributes-dialog-body ul.attributes-dialog-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 12.75rem);overflow:auto;margin:1rem 0}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio{display:flex}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox label,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio label{width:100%}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox label span.value,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox ul.attributes-dialog-name,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio ul.attributes-dialog-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox ul.attributes-dialog-name li,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio ul.attributes-dialog-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 0 0;max-width:100%}::ng-deep .attributes-dialog-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .attributes-dialog.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .attributes-dialog .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .attributes-dialog .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .attributes-dialog .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .attributes-dialog .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .attributes-dialog .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .attributes-dialog .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper{display:flex}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"], dependencies: [{ kind: "ngmodule", type: 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: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: FloatingBarModule }, { kind: "component", type: i2.FloatingBarComponent, selector: "app-floating-bar", inputs: ["selectedData", "selectedGroups", "displayElementKey", "elementId", "singularText", "pluralText", "showNextButton", "showFrequencyText", "showWorkflow", "workflowText", "currentFrequency", "isDisabled", "workflowList", "selectedWorkflow", "workflowPlaceHolder", "mode", "defaultSelected", "groupsEnabled", "nonRemovableUsersList", "removePosition"], outputs: ["closeEvent", "deleteEvent", "closeList", "deleteGroupEvent", "workflowTypeChanged"] }, { kind: "ngmodule", type: FormgroupModule }, { kind: "component", type: i3.CsCheckboxComponent, selector: "app-cs-checkbox", inputs: ["disabled", "ngValue", "value", "readonly", "oneLine"], outputs: ["ngValueChange"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AttributesCheckboxComponent, decorators: [{
            type: Component,
            args: [{ selector: 'lib-attributes-checkbox', standalone: true, imports: [CommonModule, FormsModule, FloatingBarModule, FormgroupModule], inputs: ['selectedAttribute'], outputs: ['onSelectedAttributes'], template: "<div class=\"attributes-dialog\" [class.animate]=\"animation\">\n  <div\n    class=\"attributes-dialog-head vx-d-flex vx-align-center vx-justify-between vx-pl-4 vx-pr-4\"\n  >\n    <div\n      class=\"vx-fs-14 vx-fw-500 vx-label-txt\"\n      [innerHTML]=\"selectedAttribute?.title\"\n    ></div>\n  </div>\n  <div class=\"attributes-dialog-body\">\n    <div class=\"body-top\" *ngIf=\"selectedAttribute?.choices?.length > 0\">\n      <app-cs-checkbox\n        [ngValue]=\"isSelectAll\"\n        (ngValueChange)=\"selectAll($event)\"\n        ><strong>{{ isSelectAll ? \"Deselect All\" : \"Select All\" }}</strong>\n      </app-cs-checkbox>\n    </div>\n\n    <ul class=\"attributes-dialog-list\">\n      <ng-container>\n        <li\n          *ngFor=\"let choice of selectedAttribute?.choices; let i = index\"\n          #ulElement\n        >\n          <app-cs-checkbox\n            [ngValue]=\"choice.is_selected\"\n            (ngValueChange)=\"selectAttributes(i, $event)\"\n          >\n            <ul class=\"attributes-dialog-name\" #listBlock>\n              <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n              <li\n                [appTooltip]=\"choice?.title\"\n                placement=\"bottom\"\n                type=\"black\"\n                delay=\"0\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ choice?.title }}\n              </li>\n            </ul>\n          </app-cs-checkbox>\n        </li>\n\n        <li *ngIf=\"selectedAttribute?.hasOther\">\n          <app-cs-checkbox\n            [ngValue]=\"selectedAttribute.is_other_selected\"\n            (ngValueChange)=\"selectedAttribute['is_other_selected'] = $event\"\n          >\n            <ul class=\"attributes-dialog-name\" #listBlock>\n              <!-- [style.max-width.px]=\"blockWidth / rc.rc_name\" -->\n              <li\n                [appTooltip]=\"selectedAttribute?.otherValue\"\n                placement=\"bottom\"\n                type=\"black\"\n                delay=\"0\"\n                [tooltipMandatory]=\"true\"\n              >\n                {{ selectedAttribute?.otherValue }}\n              </li>\n            </ul>\n          </app-cs-checkbox>\n        </li>\n      </ng-container>\n    </ul>\n    <app-no-data\n      *ngIf=\"!selectedAttribute?.choices?.length\"\n      [noDataImage]=\"ASSETS.search_data\"\n      [noDataText]=\"'No data to display'\"\n    ></app-no-data>\n\n    <app-floating-bar\n      [selectedData]=\"getSelectedValue\"\n      [displayElementKey]=\"'title'\"\n      (closeEvent)=\"close(getSelectedValue)\"\n      (deleteEvent)=\"deleteEvent($event)\"\n      (closeList)=\"close()\"\n      [isDisabled]=\"\n        (getSelectedValue?.length === 0 ||\n          selectedAttribute?.choices?.length === 0) &&\n        !selectedAttribute?.is_other_selected\n      \"\n    ></app-floating-bar>\n  </div>\n</div>\n", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";::-webkit-scrollbar-track{background-color:#fff;position:absolute}::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;position:absolute}::-webkit-scrollbar-thumb{border-radius:3px;background-color:#dbdbdb;position:absolute}::ng-deep .attributes-dialog{position:fixed;inset:0 500px 0 0}::ng-deep .attributes-dialog:before{background:#1e5dd3;content:\"\";position:absolute;top:0;left:0;right:0;width:100%;height:3px}::ng-deep .attributes-dialog-head{background:#fbfbfb;height:2.75rem;border-bottom:1px solid #f1f1f1}::ng-deep .attributes-dialog-body{background:#fff;height:calc(100vh - 2.75rem);padding:2rem}::ng-deep .attributes-dialog-body .search-block{position:relative}::ng-deep .attributes-dialog-body .search-block input{height:2.75rem;line-height:1.5rem;padding:.5rem 1rem .5rem 2.5rem;outline:none;border:1px solid #7475763f;border-radius:.25rem;width:100%;font-size:14px;color:#747576}::ng-deep .attributes-dialog-body .search-block input:focus{border-color:#1e5dd3}::ng-deep .attributes-dialog-body .search-block i{position:absolute;left:1rem;font-size:12px;font-weight:400;top:1rem;pointer-events:none;color:#f1f1f1}::ng-deep .attributes-dialog-body .body-top{display:flex;justify-content:space-between}::ng-deep .attributes-dialog-body .body-top app-cs-checkbox{display:flex}::ng-deep .attributes-dialog-body .body-top app-cs-checkbox label span.value strong{color:#161b2f;font-size:12px;font-weight:600;white-space:nowrap}::ng-deep .attributes-dialog-body ul{padding:0;margin:0}::ng-deep .attributes-dialog-body ul.attributes-dialog-list{display:block;align-items:flex-start;flex-wrap:wrap;height:calc(100vh - 12.75rem);overflow:auto;margin:1rem 0}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li{width:100%;padding:0 0 1rem;list-style:none}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio{display:flex}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox label,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio label{width:100%}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox label span.value,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio label span.value{width:auto;justify-content:flex-start;line-height:18px!important}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox ul.attributes-dialog-name,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio ul.attributes-dialog-name{display:flex;justify-content:flex-start;width:auto;max-width:100%}::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-checkbox ul.attributes-dialog-name li,::ng-deep .attributes-dialog-body ul.attributes-dialog-list li app-cs-radio ul.attributes-dialog-name li{list-style:none;color:#747576;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:auto;padding:0 .5rem 0 0;max-width:100%}::ng-deep .attributes-dialog-body app-no-data .no-data-wrapper{height:calc(100vh - 200px)}::ng-deep .attributes-dialog.animate{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;z-index:-1}::ng-deep .attributes-dialog .message-footer{background:#1e5dd3;border-radius:5px;margin:0 0 0 30px;width:calc(100% - 60px);position:relative;bottom:0}::ng-deep .attributes-dialog .message-footer .message{padding:15px;display:flex;align-items:flex-start}::ng-deep .attributes-dialog .message-footer .message i{width:auto;font-size:16px;color:#fff}::ng-deep .attributes-dialog .message-footer .message span{color:#fff;font-size:12px;line-height:18px;padding-left:9px;font-weight:300}::ng-deep .attributes-dialog .message-footer .footer{border-top:1px solid #1483ef;display:flex;justify-content:space-between;align-items:center;padding:10px 15px}::ng-deep .attributes-dialog .message-footer .footer span{color:#fff;font-size:14px}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper{display:flex}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper button{width:60px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;font-weight:500;border:1px solid #fff;text-transform:uppercase;border-radius:2px;outline:none;padding:0;margin:0}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper button.outline{background:#1e5dd3;color:#fff}::ng-deep .attributes-dialog .message-footer .footer .button-wrapper button.fill{background:#fff;color:#1e5dd3}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64, 