import { ChangeDetectionStrategy, Component } from '@angular/core';
import { MobilePreviewerBaseComponent } from '@ironsource/fusion-ui/components/mobile-previewer/common/base';
import { BehaviorSubject } from 'rxjs';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/icon/v1";
import * as i3 from "@ironsource/fusion-ui/components/dynamic-components/v1";
function MobilePreviewerComponent_ng_container_2_fusion_dynamic_components_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-dynamic-components", 9);
} if (rf & 2) {
    const ctx_r6 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("element", ctx_r6.configurations.element)("component", ctx_r6.configurations.component == null ? null : ctx_r6.configurations.component.type)("componentData", ctx_r6.configurations.component == null ? null : ctx_r6.configurations.component.data);
} }
function MobilePreviewerComponent_ng_container_2_fusion_dynamic_components_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-dynamic-components", 9);
} if (rf & 2) {
    const ctx_r7 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("element", ctx_r7.configurations.element)("component", ctx_r7.configurations.component == null ? null : ctx_r7.configurations.component.type)("componentData", ctx_r7.configurations.component == null ? null : ctx_r7.configurations.component.data);
} }
function MobilePreviewerComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, MobilePreviewerComponent_ng_container_2_fusion_dynamic_components_1_Template, 1, 3, "fusion-dynamic-components", 8)(2, MobilePreviewerComponent_ng_container_2_fusion_dynamic_components_2_Template, 1, 3, "fusion-dynamic-components", 8);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.refresh);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !ctx_r0.refresh);
} }
function MobilePreviewerComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵprojection(0);
} }
function MobilePreviewerComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 10);
    i0.ɵɵprojection(1, 1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵstyleProp("width", ctx_r3.calculatedContentSize.width, "px")("height", ctx_r3.calculatedContentSize.height, "px");
} }
const _c0 = (a0, a1) => ({ selected: a0, landscape: a1 });
const _c1 = (a0, a1) => ({ iconName: a0, iconVersion: a1 });
function MobilePreviewerComponent_span_10_Template(rf, ctx) { if (rf & 1) {
    const _r10 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "span", 11);
    i0.ɵɵlistener("click", function MobilePreviewerComponent_span_10_Template_span_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const device_r8 = restoredCtx.$implicit; const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.selectDevice(device_r8)); });
    i0.ɵɵelement(1, "fusion-icon", 12);
    i0.ɵɵpipe(2, "async");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const device_r8 = ctx.$implicit;
    const ctx_r5 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(6, _c0, ctx_r5.isDeviceSelected(device_r8), ctx_r5.isDeviceLandscape(device_r8)));
    i0.ɵɵadvance();
    i0.ɵɵclassMap("icon-" + device_r8);
    i0.ɵɵproperty("name", i0.ɵɵpureFunction2(9, _c1, device_r8, i0.ɵɵpipeBind1(2, 4, ctx_r5.iconPrefix$)));
} }
const _c2 = ["*", "*"];
export class MobilePreviewerComponent extends MobilePreviewerBaseComponent {
    constructor() {
        super(...arguments);
        this.iconPrefix$ = new BehaviorSubject('');
    }
    ngOnInit() {
        super.ngOnInit();
        this.iconPrefix$.next('v1');
    }
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMobilePreviewerComponent_BaseFactory; return function MobilePreviewerComponent_Factory(t) { return (ɵMobilePreviewerComponent_BaseFactory || (ɵMobilePreviewerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MobilePreviewerComponent)))(t || MobilePreviewerComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobilePreviewerComponent, selectors: [["fusion-mobile-previewer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2, decls: 11, vars: 10, consts: [[1, "mobile-previewer-wrapper"], [1, "mobile-previewer-container"], [4, "ngIf", "ngIfElse"], ["template", ""], ["staticSizeTemplate", ""], [1, "deviceSelectionFooter"], [1, "selectedTitle"], ["class", "iconWrapper", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], [3, "element", "component", "componentData", 4, "ngIf"], [3, "element", "component", "componentData"], [1, "content-container"], [1, "iconWrapper", 3, "ngClass", "click"], [3, "name"]], template: function MobilePreviewerComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef(_c2);
            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
            i0.ɵɵtemplate(2, MobilePreviewerComponent_ng_container_2_Template, 3, 2, "ng-container", 2)(3, MobilePreviewerComponent_ng_template_3_Template, 1, 0, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(5, MobilePreviewerComponent_ng_template_5_Template, 2, 4, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(7, "div", 5)(8, "span", 6);
            i0.ɵɵtext(9);
            i0.ɵɵelementEnd();
            i0.ɵɵtemplate(10, MobilePreviewerComponent_span_10_Template, 3, 12, "span", 7);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            const _r2 = i0.ɵɵreference(4);
            const _r4 = i0.ɵɵreference(6);
            i0.ɵɵstyleProp("width", !ctx.isStaticSize ? ctx.width : ctx.configurations.staticComponentSize.width, "px");
            i0.ɵɵclassProp("static-size", ctx.isStaticSize);
            i0.ɵɵadvance();
            i0.ɵɵstyleProp("height", !ctx.isStaticSize ? ctx.height : ctx.configurations.staticComponentSize.height, "px");
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.configurations.component || ctx.configurations.element)("ngIfElse", ctx.isStaticSize ? _r4 : _r2);
            i0.ɵɵadvance(7);
            i0.ɵɵtextInterpolate(ctx.selectedDevice);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngForOf", ctx.devices);
        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.IconComponent, i3.DynamicComponentsComponent, i1.AsyncPipe], styles: ["[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .selectedTitle[_ngcontent-%COMP%]{font-size:13px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:400}[_nghost-%COMP%]   .mobile-previewer-wrapper[_ngcontent-%COMP%]{box-shadow:0 0 10px #00000080}[_nghost-%COMP%]   .mobile-previewer-wrapper.static-size[_ngcontent-%COMP%]{box-shadow:none}[_nghost-%COMP%]   .mobile-previewer-wrapper.static-size[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]   .mobile-previewer-wrapper.static-size[_ngcontent-%COMP%]   .mobile-previewer-container[_ngcontent-%COMP%]{padding:0 0 1px;display:flex;justify-content:center;align-items:center;background-color:#d8d8d8;border:solid 1.3px #f3f5f7}[_nghost-%COMP%]   .mobile-previewer-wrapper.static-size[_ngcontent-%COMP%]   .mobile-previewer-container[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]   .mobile-previewer-wrapper.static-size[_ngcontent-%COMP%]   .mobile-previewer-container[_ngcontent-%COMP%]   .content-container[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}[_nghost-%COMP%]   .mobile-previewer-wrapper.static-size[_ngcontent-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]{padding:3px 8px 3px 10px}[_nghost-%COMP%]   .mobile-previewer-container[_ngcontent-%COMP%]{height:320px;border:solid 2px var(--light-color-200, #F3F5F7)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]{padding:3px 0 0 10px;height:34px;line-height:34px;background-color:var(--light-color-200, #F3F5F7)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .selectedTitle[_ngcontent-%COMP%]{color:var(--dark-color-300, #172D4C);top:-2px;position:relative;text-transform:capitalize}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]{width:28px;height:28px;float:right;text-align:center;margin-right:2px}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.phone-landscape[_ngcontent-%COMP%]     svg{width:18px;height:10px}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.phone-landscape[_ngcontent-%COMP%]     svg *{fill:var(--primary-color, #3091F6)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.phone-portrait[_ngcontent-%COMP%]     svg{width:10px;height:18px}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.phone-portrait[_ngcontent-%COMP%]     svg *{fill:var(--primary-color, #3091F6)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.tablet-landscape[_ngcontent-%COMP%]{vertical-align:middle}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.tablet-landscape[_ngcontent-%COMP%]     svg{width:18px;height:14px}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.tablet-landscape[_ngcontent-%COMP%]     svg *{fill:var(--primary-color, #3091F6)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.tablet-portrait[_ngcontent-%COMP%]     svg{width:14px;height:18px}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]   fusion-icon.tablet-portrait[_ngcontent-%COMP%]     svg *{fill:var(--primary-color, #3091F6)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.landscape[_ngcontent-%COMP%]{line-height:28px}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover:not(.selected){cursor:pointer}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]{pointer-events:none}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%], [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover{border-radius:3px;background-color:var(--primary-color, #3091F6)}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.tablet-portrait[_ngcontent-%COMP%]     svg, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.tablet-portrait[_ngcontent-%COMP%]     svg{width:inherit;height:inherit}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.tablet-portrait[_ngcontent-%COMP%]     svg *, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.tablet-portrait[_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.tablet-landscape[_ngcontent-%COMP%], [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.tablet-landscape[_ngcontent-%COMP%]{vertical-align:middle}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.tablet-landscape[_ngcontent-%COMP%]     svg, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.tablet-landscape[_ngcontent-%COMP%]     svg{width:inherit;height:inherit}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.tablet-landscape[_ngcontent-%COMP%]     svg *, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.tablet-landscape[_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.phone-portrait[_ngcontent-%COMP%]     svg, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.phone-portrait[_ngcontent-%COMP%]     svg{width:inherit;height:inherit}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.phone-portrait[_ngcontent-%COMP%]     svg *, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.phone-portrait[_ngcontent-%COMP%]     svg *{fill:#fff}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.phone-landscape[_ngcontent-%COMP%]     svg, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.phone-landscape[_ngcontent-%COMP%]     svg{width:inherit;height:inherit}[_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper.selected[_ngcontent-%COMP%]   fusion-icon.phone-landscape[_ngcontent-%COMP%]     svg *, [_nghost-%COMP%]   .deviceSelectionFooter[_ngcontent-%COMP%]   .iconWrapper[_ngcontent-%COMP%]:hover   fusion-icon.phone-landscape[_ngcontent-%COMP%]     svg *{fill:#fff}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobilePreviewerComponent, [{
        type: Component,
        args: [{ selector: 'fusion-mobile-previewer', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"mobile-previewer-wrapper\" [style.width.px]=\"!isStaticSize ? width : configurations.staticComponentSize.width\" [class.static-size]=\"isStaticSize\">\n    <div class=\"mobile-previewer-container\" [style.height.px]=\"!isStaticSize ? height : configurations.staticComponentSize.height\">\n        <ng-container *ngIf=\"configurations.component || configurations.element; else isStaticSize ? staticSizeTemplate : template\">\n            <!--using refresh variable to refresh iframe when user change device-->\n            <fusion-dynamic-components\n                [element]=\"configurations.element\"\n                [component]=\"configurations.component?.type\"\n                [componentData]=\"configurations.component?.data\"\n                *ngIf=\"refresh\"\n            ></fusion-dynamic-components>\n            <fusion-dynamic-components\n                [element]=\"configurations.element\"\n                [component]=\"configurations.component?.type\"\n                [componentData]=\"configurations.component?.data\"\n                *ngIf=\"!refresh\"\n            ></fusion-dynamic-components>\n        </ng-container>\n\n        <ng-template #template>\n            <ng-content></ng-content>\n        </ng-template>\n\n        <ng-template #staticSizeTemplate>\n            <div class=\"content-container\" [style.width.px]=\"calculatedContentSize.width\" [style.height.px]=\"calculatedContentSize.height\">\n                <ng-content></ng-content>\n            </div>\n        </ng-template>\n    </div>\n\n    <div class=\"deviceSelectionFooter\">\n        <span class=\"selectedTitle\">{{ selectedDevice }}</span>\n\n        <span\n            *ngFor=\"let device of devices\"\n            class=\"iconWrapper\"\n            [ngClass]=\"{selected: isDeviceSelected(device), landscape: isDeviceLandscape(device)}\"\n            (click)=\"selectDevice(device)\"\n        >\n            <fusion-icon [class]=\"'icon-' + device\" [name]=\"{iconName: device, iconVersion: (iconPrefix$ | async)}\"></fusion-icon>\n        </span>\n    </div>\n</div>\n", styles: [":host .deviceSelectionFooter .selectedTitle{font-size:13px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:400}:host .mobile-previewer-wrapper{box-shadow:0 0 10px #00000080}:host .mobile-previewer-wrapper.static-size{box-shadow:none}:host .mobile-previewer-wrapper.static-size *{box-sizing:border-box}:host .mobile-previewer-wrapper.static-size .mobile-previewer-container{padding:0 0 1px;display:flex;justify-content:center;align-items:center;background-color:#d8d8d8;border:solid 1.3px #f3f5f7}:host .mobile-previewer-wrapper.static-size .mobile-previewer-container *{box-sizing:border-box}:host .mobile-previewer-wrapper.static-size .mobile-previewer-container .content-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}:host .mobile-previewer-wrapper.static-size .deviceSelectionFooter{padding:3px 8px 3px 10px}:host .mobile-previewer-container{height:320px;border:solid 2px var(--light-color-200, #F3F5F7)}:host .deviceSelectionFooter{padding:3px 0 0 10px;height:34px;line-height:34px;background-color:var(--light-color-200, #F3F5F7)}:host .deviceSelectionFooter .selectedTitle{color:var(--dark-color-300, #172D4C);top:-2px;position:relative;text-transform:capitalize}:host .deviceSelectionFooter .iconWrapper{width:28px;height:28px;float:right;text-align:center;margin-right:2px}:host .deviceSelectionFooter .iconWrapper fusion-icon.phone-landscape ::ng-deep svg{width:18px;height:10px}:host .deviceSelectionFooter .iconWrapper fusion-icon.phone-landscape ::ng-deep svg *{fill:var(--primary-color, #3091F6)}:host .deviceSelectionFooter .iconWrapper fusion-icon.phone-portrait ::ng-deep svg{width:10px;height:18px}:host .deviceSelectionFooter .iconWrapper fusion-icon.phone-portrait ::ng-deep svg *{fill:var(--primary-color, #3091F6)}:host .deviceSelectionFooter .iconWrapper fusion-icon.tablet-landscape{vertical-align:middle}:host .deviceSelectionFooter .iconWrapper fusion-icon.tablet-landscape ::ng-deep svg{width:18px;height:14px}:host .deviceSelectionFooter .iconWrapper fusion-icon.tablet-landscape ::ng-deep svg *{fill:var(--primary-color, #3091F6)}:host .deviceSelectionFooter .iconWrapper fusion-icon.tablet-portrait ::ng-deep svg{width:14px;height:18px}:host .deviceSelectionFooter .iconWrapper fusion-icon.tablet-portrait ::ng-deep svg *{fill:var(--primary-color, #3091F6)}:host .deviceSelectionFooter .iconWrapper.landscape{line-height:28px}:host .deviceSelectionFooter .iconWrapper:hover:not(.selected){cursor:pointer}:host .deviceSelectionFooter .iconWrapper.selected{pointer-events:none}:host .deviceSelectionFooter .iconWrapper.selected,:host .deviceSelectionFooter .iconWrapper:hover{border-radius:3px;background-color:var(--primary-color, #3091F6)}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.tablet-portrait ::ng-deep svg,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.tablet-portrait ::ng-deep svg{width:inherit;height:inherit}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.tablet-portrait ::ng-deep svg *,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.tablet-portrait ::ng-deep svg *{fill:#fff}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.tablet-landscape,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.tablet-landscape{vertical-align:middle}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.tablet-landscape ::ng-deep svg,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.tablet-landscape ::ng-deep svg{width:inherit;height:inherit}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.tablet-landscape ::ng-deep svg *,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.tablet-landscape ::ng-deep svg *{fill:#fff}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.phone-portrait ::ng-deep svg,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.phone-portrait ::ng-deep svg{width:inherit;height:inherit}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.phone-portrait ::ng-deep svg *,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.phone-portrait ::ng-deep svg *{fill:#fff}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.phone-landscape ::ng-deep svg,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.phone-landscape ::ng-deep svg{width:inherit;height:inherit}:host .deviceSelectionFooter .iconWrapper.selected fusion-icon.phone-landscape ::ng-deep svg *,:host .deviceSelectionFooter .iconWrapper:hover fusion-icon.phone-landscape ::ng-deep svg *{fill:#fff}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobilePreviewerComponent, { className: "MobilePreviewerComponent", filePath: "mobile-previewer.component.ts", lineNumber: 11 }); })();
//# sourceMappingURL=data:application/json;base64, 