import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../../ui-kit/tooltip/tooltip.directive";
export class PreviewRankingComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewRankingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PreviewRankingComponent, selector: "app-preview-ranking", ngImport: i0, template: "<div class=\"preview-list\">\n    <ul class=\"ranking-area vx-p-0 vx-m-0\">\n        <ng-container *ngFor=\"let data of [1, 1, 1, 1, 1]\">\n            <div *ngIf=\"false\" class=\"example-custom-placeholder cdk-drag-placeholder vx-mt-1\"></div>\n            <li class=\"vx-d-flex vx-align-center vx-mt-1\">\n                <div class=\"drag-area vx-d-flex\">\n                    <span class=\"move-icon vx-d-inline-flex vx-justify-center vx-align-center vx-p-1 vx-fs-12 vx-bg-grey \">\n                        <i class=\"icons\">&#xe9d7;</i>\n                    </span>\n                    <input type=\"text\" class=\"rank vx-bg-white vx-paragraph-txt vx-justify-center vx-align-center vx-fs-12 vx-lh-20\" placeholder='1' disabled> \n                    <span class=\"value vx-p-2 vx-lh-6 vx-justify-center vx-align-center vx-paragraph-txt vx-fs-12 vx-bg-grey \" [appTooltip]=\"'Many desktop publishing packages and web page editors.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Many desktop publishing packages and web page editors desktop publishing packages and web page editors.</span>\n                </div>\n            </li>\n        </ng-container>\n    </ul>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";::ng-deep .preview-list ul.ranking-area{width:37.5rem}::ng-deep .preview-list ul .cdk-drag-placeholder{background:#fbfbfb;border:1px dashed #DBDBDB;height:2.625rem}::ng-deep .preview-list ul li .drag-area{width:100%}::ng-deep .preview-list ul li .drag-area .move-icon{border-radius:.25rem 0 0 .25rem;width:2.625rem;min-width:2.625rem;height:2.625rem;cursor:move}::ng-deep .preview-list ul li .drag-area input{width:3.75rem;border:1px solid #F1F1F1;padding:.5rem .75rem;outline:none;cursor:text;margin:0}::ng-deep .preview-list ul li .drag-area .value{border-radius:0 .25rem .25rem 0;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;border:1px solid #F1F1F1;width:calc(100% - 60px)}\n"], dependencies: [{ 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: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PreviewRankingComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-preview-ranking', template: "<div class=\"preview-list\">\n    <ul class=\"ranking-area vx-p-0 vx-m-0\">\n        <ng-container *ngFor=\"let data of [1, 1, 1, 1, 1]\">\n            <div *ngIf=\"false\" class=\"example-custom-placeholder cdk-drag-placeholder vx-mt-1\"></div>\n            <li class=\"vx-d-flex vx-align-center vx-mt-1\">\n                <div class=\"drag-area vx-d-flex\">\n                    <span class=\"move-icon vx-d-inline-flex vx-justify-center vx-align-center vx-p-1 vx-fs-12 vx-bg-grey \">\n                        <i class=\"icons\">&#xe9d7;</i>\n                    </span>\n                    <input type=\"text\" class=\"rank vx-bg-white vx-paragraph-txt vx-justify-center vx-align-center vx-fs-12 vx-lh-20\" placeholder='1' disabled> \n                    <span class=\"value vx-p-2 vx-lh-6 vx-justify-center vx-align-center vx-paragraph-txt vx-fs-12 vx-bg-grey \" [appTooltip]=\"'Many desktop publishing packages and web page editors.'\" placement=\"bottom-left\" delay=\"0\" type=\"black\" [tooltipMandatory]=\"false\">Many desktop publishing packages and web page editors desktop publishing packages and web page editors.</span>\n                </div>\n            </li>\n        </ng-container>\n    </ul>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.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/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.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\";::ng-deep .preview-list ul.ranking-area{width:37.5rem}::ng-deep .preview-list ul .cdk-drag-placeholder{background:#fbfbfb;border:1px dashed #DBDBDB;height:2.625rem}::ng-deep .preview-list ul li .drag-area{width:100%}::ng-deep .preview-list ul li .drag-area .move-icon{border-radius:.25rem 0 0 .25rem;width:2.625rem;min-width:2.625rem;height:2.625rem;cursor:move}::ng-deep .preview-list ul li .drag-area input{width:3.75rem;border:1px solid #F1F1F1;padding:.5rem .75rem;outline:none;cursor:text;margin:0}::ng-deep .preview-list ul li .drag-area .value{border-radius:0 .25rem .25rem 0;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;border:1px solid #F1F1F1;width:calc(100% - 60px)}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJldmlldy1yYW5raW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1lZGl0b3IvY29tcG9uZW50cy9wcmV2aWV3L3ByZXZpZXctcmFua2luZy9wcmV2aWV3LXJhbmtpbmcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LWVkaXRvci9jb21wb25lbnRzL3ByZXZpZXcvcHJldmlldy1yYW5raW5nL3ByZXZpZXctcmFua2luZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2xELE1BQU0sT0FBTyx1QkFBdUI7SUFFbEMsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsdUJBQXVCO21HQUF2Qix1QkFBdUIsMkRDUHBDLHdzQ0FlTTs7NEZEUk8sdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1wcmV2aWV3LXJhbmtpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vcHJldmlldy1yYW5raW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcHJldmlldy1yYW5raW5nLmNvbXBvbmVudC5sZXNzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJldmlld1JhbmtpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxufVxuIiwiPGRpdiBjbGFzcz1cInByZXZpZXctbGlzdFwiPlxuICAgIDx1bCBjbGFzcz1cInJhbmtpbmctYXJlYSB2eC1wLTAgdngtbS0wXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGRhdGEgb2YgWzEsIDEsIDEsIDEsIDFdXCI+XG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZmFsc2VcIiBjbGFzcz1cImV4YW1wbGUtY3VzdG9tLXBsYWNlaG9sZGVyIGNkay1kcmFnLXBsYWNlaG9sZGVyIHZ4LW10LTFcIj48L2Rpdj5cbiAgICAgICAgICAgIDxsaSBjbGFzcz1cInZ4LWQtZmxleCB2eC1hbGlnbi1jZW50ZXIgdngtbXQtMVwiPlxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkcmFnLWFyZWEgdngtZC1mbGV4XCI+XG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibW92ZS1pY29uIHZ4LWQtaW5saW5lLWZsZXggdngtanVzdGlmeS1jZW50ZXIgdngtYWxpZ24tY2VudGVyIHZ4LXAtMSB2eC1mcy0xMiB2eC1iZy1ncmV5IFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uc1wiPiYjeGU5ZDc7PC9pPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIGNsYXNzPVwicmFuayB2eC1iZy13aGl0ZSB2eC1wYXJhZ3JhcGgtdHh0IHZ4LWp1c3RpZnktY2VudGVyIHZ4LWFsaWduLWNlbnRlciB2eC1mcy0xMiB2eC1saC0yMFwiIHBsYWNlaG9sZGVyPScxJyBkaXNhYmxlZD4gXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidmFsdWUgdngtcC0yIHZ4LWxoLTYgdngtanVzdGlmeS1jZW50ZXIgdngtYWxpZ24tY2VudGVyIHZ4LXBhcmFncmFwaC10eHQgdngtZnMtMTIgdngtYmctZ3JleSBcIiBbYXBwVG9vbHRpcF09XCInTWFueSBkZXNrdG9wIHB1Ymxpc2hpbmcgcGFja2FnZXMgYW5kIHdlYiBwYWdlIGVkaXRvcnMuJ1wiIHBsYWNlbWVudD1cImJvdHRvbS1sZWZ0XCIgZGVsYXk9XCIwXCIgdHlwZT1cImJsYWNrXCIgW3Rvb2x0aXBNYW5kYXRvcnldPVwiZmFsc2VcIj5NYW55IGRlc2t0b3AgcHVibGlzaGluZyBwYWNrYWdlcyBhbmQgd2ViIHBhZ2UgZWRpdG9ycyBkZXNrdG9wIHB1Ymxpc2hpbmcgcGFja2FnZXMgYW5kIHdlYiBwYWdlIGVkaXRvcnMuPC9zcGFuPlxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9saT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC91bD5cbjwvZGl2PiJdfQ==