import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class CheckpointsPolicyListComponent {
    constructor() { }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckpointsPolicyListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckpointsPolicyListComponent, selector: "app-checkpoints-policy-list", ngImport: i0, template: "<!-- <p>checkpoints-list works!</p> -->\n<div class=\"checkpoints-list\">\n    <ul class=\"list-of-type\">\n        <li>\n            <button>\n                <i class=\"icons\">&#xeace;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Text</span>\n                    <span class=\"description\">Select a text area.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeab9;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Dropdown</span>\n                    <span class=\"description\">Choose an option from a multiple select box.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeab5;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Single selection</span>\n                    <span class=\"description\">Select only one option with a radio button.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeab4;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Multiple selection</span>\n                    <span class=\"description\">Select multiple options using a checkbox.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeaba;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Date</span>\n                    <span class=\"description\">Select date from a date picker.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xea97;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Upload File</span>\n                    <span class=\"description\">Upload documents & files.</span>\n                </span>\n            </button>\n        </li>\n    </ul>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.checkpoints-list{position:relative;display:flex;justify-content:center;align-items:center;margin:0 -100px;height:100%}.checkpoints-list ul{display:flex;flex-wrap:wrap;padding:0;margin:0;width:100%}.checkpoints-list ul li{list-style:none;padding:4px;width:calc(100% / 3);animation:zoom-in .5s cubic-bezier(.25,.46,.45,.94) both}.checkpoints-list ul li button{display:flex;align-items:center;padding:12px;box-shadow:0 0 5px #fbfbfb;transition:all .3s ease-in-out;background:#fff;cursor:pointer;border-radius:4px;height:100%;width:100%;border:1px solid #F1F1F1}.checkpoints-list ul li button i{height:32px;width:32px;border-radius:2px;background:#f1f1f1;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#1e5dd3;margin-right:8px}.checkpoints-list ul li button span{text-align:left}.checkpoints-list ul li button span.value{display:block;width:calc(100% - 40px)}.checkpoints-list ul li button span.title{font-size:16px;color:#161b2f;width:100%;display:block}.checkpoints-list ul li button span.description{font-size:12px;color:#747576;display:block}.checkpoints-list ul li button:hover{box-shadow:0 0 5px #1e5dd345}@keyframes zoom-in{0%{transform:scale(0)}to{transform:scale(1)}}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckpointsPolicyListComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-checkpoints-policy-list', template: "<!-- <p>checkpoints-list works!</p> -->\n<div class=\"checkpoints-list\">\n    <ul class=\"list-of-type\">\n        <li>\n            <button>\n                <i class=\"icons\">&#xeace;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Text</span>\n                    <span class=\"description\">Select a text area.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeab9;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Dropdown</span>\n                    <span class=\"description\">Choose an option from a multiple select box.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeab5;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Single selection</span>\n                    <span class=\"description\">Select only one option with a radio button.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeab4;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Multiple selection</span>\n                    <span class=\"description\">Select multiple options using a checkbox.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xeaba;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Date</span>\n                    <span class=\"description\">Select date from a date picker.</span>\n                </span>\n            </button>\n        </li>\n        <li>\n            <button>\n                <i class=\"icons\">&#xea97;</i>\n                <span class=\"value\">\n                    <span class=\"title\">Upload File</span>\n                    <span class=\"description\">Upload documents & files.</span>\n                </span>\n            </button>\n        </li>\n    </ul>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.checkpoints-list{position:relative;display:flex;justify-content:center;align-items:center;margin:0 -100px;height:100%}.checkpoints-list ul{display:flex;flex-wrap:wrap;padding:0;margin:0;width:100%}.checkpoints-list ul li{list-style:none;padding:4px;width:calc(100% / 3);animation:zoom-in .5s cubic-bezier(.25,.46,.45,.94) both}.checkpoints-list ul li button{display:flex;align-items:center;padding:12px;box-shadow:0 0 5px #fbfbfb;transition:all .3s ease-in-out;background:#fff;cursor:pointer;border-radius:4px;height:100%;width:100%;border:1px solid #F1F1F1}.checkpoints-list ul li button i{height:32px;width:32px;border-radius:2px;background:#f1f1f1;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#1e5dd3;margin-right:8px}.checkpoints-list ul li button span{text-align:left}.checkpoints-list ul li button span.value{display:block;width:calc(100% - 40px)}.checkpoints-list ul li button span.title{font-size:16px;color:#161b2f;width:100%;display:block}.checkpoints-list ul li button span.description{font-size:12px;color:#747576;display:block}.checkpoints-list ul li button:hover{box-shadow:0 0 5px #1e5dd345}@keyframes zoom-in{0%{transform:scale(0)}to{transform:scale(1)}}\n"] }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64, 