import { Component, EventEmitter, Input, Output } from '@angular/core';
import * as i0 from "@angular/core";
export class DeviceComponent {
    constructor() {
        this.deviceChanged = new EventEmitter();
        this.selectedDevice = 'DESKTOP';
    }
    ngOnInit() {
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeviceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DeviceComponent, selector: "app-device", inputs: { selectedDevice: "selectedDevice" }, outputs: { deviceChanged: "deviceChanged" }, ngImport: i0, template: "<div class=\"device\">\n    <div class=\"label vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-pt-1 vx-pb-1 vx-text-center\">PREVIEW</div>\n    <ul class=\"vx-p-0 vx-m-0\">\n        <li>\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'DESKTOP'\" (click)=\"deviceChanged.emit('DESKTOP')\">\n                <i class=\"icons vx-fs-16\">&#xeac2;</i>\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">DESKTOP</span>\n            </a>\n        </li>\n        <li>\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'TABLET'\" (click)=\"deviceChanged.emit('TABLET')\">\n                <i class=\"icons vx-fs-16\">&#xeac1;</i>\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">TABLET</span>\n            </a>\n        </li>\n        <li>\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'MOBILE'\" (click)=\"deviceChanged.emit('MOBILE')\">\n                <i class=\"icons vx-fs-16\">&#xeac0;</i>\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">MOBILE</span>\n            </a>\n        </li>\n    </ul>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.device{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:3.75rem}.device ul li{border-top:1px solid #F1F1F1;list-style-type:none}.device ul li a{color:#747576}.device ul li a.active{background:#1e5dd3;color:#fff}\n"] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DeviceComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-device', template: "<div class=\"device\">\n    <div class=\"label vx-fs-11 vx-fw-600 vx-label-txt vx-tt-uppercase vx-pt-1 vx-pb-1 vx-text-center\">PREVIEW</div>\n    <ul class=\"vx-p-0 vx-m-0\">\n        <li>\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'DESKTOP'\" (click)=\"deviceChanged.emit('DESKTOP')\">\n                <i class=\"icons vx-fs-16\">&#xeac2;</i>\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">DESKTOP</span>\n            </a>\n        </li>\n        <li>\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'TABLET'\" (click)=\"deviceChanged.emit('TABLET')\">\n                <i class=\"icons vx-fs-16\">&#xeac1;</i>\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">TABLET</span>\n            </a>\n        </li>\n        <li>\n            <a class=\"vx-text-center vx-pt-3 vx-pb-3 vx-d-block\" [class.active]=\"selectedDevice === 'MOBILE'\" (click)=\"deviceChanged.emit('MOBILE')\">\n                <i class=\"icons vx-fs-16\">&#xeac0;</i>\n                <span class=\"vx-fs-9 vx-fw-600 vx-tt-uppercase vx-d-block\">MOBILE</span>\n            </a>\n        </li>\n    </ul>\n</div>", styles: ["@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.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\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/button/button.css\";.device{background:#fff;border-radius:.25rem;box-shadow:0 3px 6px #1e5dd326;width:3.75rem}.device ul li{border-top:1px solid #F1F1F1;list-style-type:none}.device ul li a{color:#747576}.device ul li a.active{background:#1e5dd3;color:#fff}\n"] }]
        }], ctorParameters: function () { return []; }, propDecorators: { deviceChanged: [{
                type: Output
            }], selectedDevice: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3NoYXJlZENvbXBvbmVudHMvYXNzZXNzbWVudC1wcmV2aWV3L2RldmljZS9kZXZpY2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvc2hhcmVkQ29tcG9uZW50cy9hc3Nlc3NtZW50LXByZXZpZXcvZGV2aWNlL2RldmljZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVEvRSxNQUFNLE9BQU8sZUFBZTtJQUcxQjtRQUZVLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNwQyxtQkFBYyxHQUFHLFNBQVMsQ0FBQztJQUNwQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQU5VLGVBQWU7bUdBQWYsZUFBZSw2SUNSNUIsNnVDQXNCTTs7NEZEZE8sZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZOzBFQUtaLGFBQWE7c0JBQXRCLE1BQU07Z0JBQ0UsY0FBYztzQkFBdEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGV2aWNlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RldmljZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RldmljZS5jb21wb25lbnQubGVzcyddXG59KVxuZXhwb3J0IGNsYXNzIERldmljZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBPdXRwdXQoKSBkZXZpY2VDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBASW5wdXQoKSBzZWxlY3RlZERldmljZSA9ICdERVNLVE9QJztcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgfVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZGV2aWNlXCI+XG4gICAgPGRpdiBjbGFzcz1cImxhYmVsIHZ4LWZzLTExIHZ4LWZ3LTYwMCB2eC1sYWJlbC10eHQgdngtdHQtdXBwZXJjYXNlIHZ4LXB0LTEgdngtcGItMSB2eC10ZXh0LWNlbnRlclwiPlBSRVZJRVc8L2Rpdj5cbiAgICA8dWwgY2xhc3M9XCJ2eC1wLTAgdngtbS0wXCI+XG4gICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxhIGNsYXNzPVwidngtdGV4dC1jZW50ZXIgdngtcHQtMyB2eC1wYi0zIHZ4LWQtYmxvY2tcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnREVTS1RPUCdcIiAoY2xpY2spPVwiZGV2aWNlQ2hhbmdlZC5lbWl0KCdERVNLVE9QJylcIj5cbiAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb25zIHZ4LWZzLTE2XCI+JiN4ZWFjMjs8L2k+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ2eC1mcy05IHZ4LWZ3LTYwMCB2eC10dC11cHBlcmNhc2UgdngtZC1ibG9ja1wiPkRFU0tUT1A8L3NwYW4+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbGk+XG4gICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxhIGNsYXNzPVwidngtdGV4dC1jZW50ZXIgdngtcHQtMyB2eC1wYi0zIHZ4LWQtYmxvY2tcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnVEFCTEVUJ1wiIChjbGljayk9XCJkZXZpY2VDaGFuZ2VkLmVtaXQoJ1RBQkxFVCcpXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNlwiPiYjeGVhYzE7PC9pPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtZnMtOSB2eC1mdy02MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtYmxvY2tcIj5UQUJMRVQ8L3NwYW4+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbGk+XG4gICAgICAgIDxsaT5cbiAgICAgICAgICAgIDxhIGNsYXNzPVwidngtdGV4dC1jZW50ZXIgdngtcHQtMyB2eC1wYi0zIHZ4LWQtYmxvY2tcIiBbY2xhc3MuYWN0aXZlXT1cInNlbGVjdGVkRGV2aWNlID09PSAnTU9CSUxFJ1wiIChjbGljayk9XCJkZXZpY2VDaGFuZ2VkLmVtaXQoJ01PQklMRScpXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29ucyB2eC1mcy0xNlwiPiYjeGVhYzA7PC9pPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwidngtZnMtOSB2eC1mdy02MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtYmxvY2tcIj5NT0JJTEU8L3NwYW4+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbGk+XG4gICAgPC91bD5cbjwvZGl2PiJdfQ==