import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../picture/picture.component";
import * as i2 from "../badge/badge.component";
import * as i3 from "../icon/icon.component";
import * as i4 from "@angular/common";
export class AssetVisualizerComponent {
    constructor() {
        /**
         * Define if user can edit image.
         */
        this.showEditImage = true;
        /**
         * Define if user can upload image.
         */
        this.showUploadImage = true;
        /**
         * Define if user can remove image.
         */
        this.showRemoveImage = true;
        /**
         * Define if user only can see the image.
         */
        this.onlyViewImage = false;
        this.hasMonitor = false;
        this.imageUploaded = new EventEmitter();
        this.imageDeleted = new EventEmitter();
        this.sendAssetInfo = new EventEmitter();
        this.goToMonitorLink = new EventEmitter();
    }
}
AssetVisualizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetVisualizerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AssetVisualizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AssetVisualizerComponent, selector: "uno-asset-visualizer", inputs: { defaultAssetImgURL: "defaultAssetImgURL", imgURL: "imgURL", showEditImage: "showEditImage", showUploadImage: "showUploadImage", showRemoveImage: "showRemoveImage", onlyViewImage: "onlyViewImage", hasMonitor: "hasMonitor", scenes3D: "scenes3D" }, outputs: { imageUploaded: "imageUploaded", imageDeleted: "imageDeleted", sendAssetInfo: "sendAssetInfo", goToMonitorLink: "goToMonitorLink" }, ngImport: i0, template: "<main>\r\n    <section class=\"asset-image\">\r\n        <uno-picture\r\n            [defaultImage]=\"defaultAssetImgURL\"\r\n            [image]=\"imgURL\"\r\n            [onlyViewImage]=\"onlyViewImage\"\r\n            (uploadedImage)=\"this.imageUploaded.emit($event)\"\r\n            (deleteImage)=\"this.imageDeleted.emit()\">\r\n        </uno-picture>\r\n    </section>\r\n    \r\n    <section *ngIf=\"scenes3D?.length > 0 || hasMonitor\" class=\"bottom-bar-container\">\r\n\r\n        <span class=\"badges-container\">\r\n            <!-- Later, thre will be also here a 2D badge -->\r\n            <uno-badge\r\n                *ngIf=\"scenes3D?.length > 0\"\r\n                title=\"See 3D scenes of this Asset...\"\r\n                type=\"badge-3d\"\r\n                pointer=\"true\"\r\n                (click)=\"sendAssetInfo.emit($event)\">3D\r\n            </uno-badge>\r\n        </span>\r\n\r\n        <span class=\"right-actions-container\">\r\n            <uno-icon\r\n                *ngIf=\"hasMonitor\"\r\n                class=\"slds-button__icon--left\"\r\n                title=\"Go to Asset Monitor...\"\r\n                icon=\"asset_monitor\"\r\n                size=\"x-small\"\r\n                [withOpacity]=\"true\"\r\n                (click)=\"goToMonitorLink.emit($event)\">\r\n            </uno-icon>\r\n        </span>\r\n    </section>\r\n</main>", styles: ["main{box-shadow:1px 3px 5px 2px var(--grey)}section.asset-image{height:250px;border-bottom:1px solid var(--grey)}section.bottom-bar-container{display:flow-root;padding:.5rem}section.bottom-bar-container>.badges-container>uno-badge{margin-right:10px}section.bottom-bar-container>.right-actions-container{float:right}section.bottom-bar-container>.right-actions-container>.file-input-container>input{display:none}a,:visited{text-decoration:none;color:var(--white)}\n"], components: [{ type: i1.PictureComponent, selector: "uno-picture", inputs: ["width", "height", "defaultImage", "image", "rounded", "onlyViewImage", "showEditImage", "showUploadImage", "showRemoveImage", "showViewImage", "showUpIcon", "UpIconSize"], outputs: ["uploadedImage", "deleteImage"] }, { type: i2.BadgeComponent, selector: "uno-badge", inputs: ["type", "pointer", "maxContentSize", "bgColor", "txtColor"] }, { type: i3.IconComponent, selector: "uno-icon", inputs: ["svgType", "icon", "withOpacity", "color", "size", "customColor"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AssetVisualizerComponent, decorators: [{
            type: Component,
            args: [{ selector: 'uno-asset-visualizer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<main>\r\n    <section class=\"asset-image\">\r\n        <uno-picture\r\n            [defaultImage]=\"defaultAssetImgURL\"\r\n            [image]=\"imgURL\"\r\n            [onlyViewImage]=\"onlyViewImage\"\r\n            (uploadedImage)=\"this.imageUploaded.emit($event)\"\r\n            (deleteImage)=\"this.imageDeleted.emit()\">\r\n        </uno-picture>\r\n    </section>\r\n    \r\n    <section *ngIf=\"scenes3D?.length > 0 || hasMonitor\" class=\"bottom-bar-container\">\r\n\r\n        <span class=\"badges-container\">\r\n            <!-- Later, thre will be also here a 2D badge -->\r\n            <uno-badge\r\n                *ngIf=\"scenes3D?.length > 0\"\r\n                title=\"See 3D scenes of this Asset...\"\r\n                type=\"badge-3d\"\r\n                pointer=\"true\"\r\n                (click)=\"sendAssetInfo.emit($event)\">3D\r\n            </uno-badge>\r\n        </span>\r\n\r\n        <span class=\"right-actions-container\">\r\n            <uno-icon\r\n                *ngIf=\"hasMonitor\"\r\n                class=\"slds-button__icon--left\"\r\n                title=\"Go to Asset Monitor...\"\r\n                icon=\"asset_monitor\"\r\n                size=\"x-small\"\r\n                [withOpacity]=\"true\"\r\n                (click)=\"goToMonitorLink.emit($event)\">\r\n            </uno-icon>\r\n        </span>\r\n    </section>\r\n</main>", styles: ["main{box-shadow:1px 3px 5px 2px var(--grey)}section.asset-image{height:250px;border-bottom:1px solid var(--grey)}section.bottom-bar-container{display:flow-root;padding:.5rem}section.bottom-bar-container>.badges-container>uno-badge{margin-right:10px}section.bottom-bar-container>.right-actions-container{float:right}section.bottom-bar-container>.right-actions-container>.file-input-container>input{display:none}a,:visited{text-decoration:none;color:var(--white)}\n"] }]
        }], propDecorators: { defaultAssetImgURL: [{
                type: Input
            }], imgURL: [{
                type: Input
            }], showEditImage: [{
                type: Input
            }], showUploadImage: [{
                type: Input
            }], showRemoveImage: [{
                type: Input
            }], onlyViewImage: [{
                type: Input
            }], hasMonitor: [{
                type: Input
            }], scenes3D: [{
                type: Input
            }], imageUploaded: [{
                type: Output
            }], imageDeleted: [{
                type: Output
            }], sendAssetInfo: [{
                type: Output
            }], goToMonitorLink: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64, 