{"version":3,"file":"ngodings-ngx-device.mjs","sources":["../../../packages/ngx-device/src/lib/ngx-device.component.ts","../../../packages/ngx-device/src/lib/ngx-device.component.html","../../../packages/ngx-device/src/lib/ngx-device.module.ts","../../../packages/ngx-device/src/public-api.ts","../../../packages/ngx-device/src/ngodings-ngx-device.ts"],"sourcesContent":["import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ngx-device',\n  templateUrl: './ngx-device.component.html',\n  styleUrls: ['./ngx-device.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class NgxDeviceComponent implements OnInit {\n  @Input() device: 'iphone-x' | 'note8' | 'iphone8' | 'iphone8plus' | 'iphone5s' | 'ipad' | 'nexus5' | 'macbook' = \"iphone-x\";\n\n  constructor() {\n  }\n\n  ngOnInit() {\n  }\n}\n","<ng-container *ngIf=\"device === 'iphone-x'\">\n    <div class=\"marvel-device iphone-x\">\n        <div class=\"notch\">\n            <div class=\"camera\"></div>\n            <div class=\"speaker\"></div>\n        </div>\n        <div class=\"top-bar\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"bottom-bar\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"overflow\">\n            <div class=\"shadow shadow--tr\"></div>\n            <div class=\"shadow shadow--tl\"></div>\n            <div class=\"shadow shadow--br\"></div>\n            <div class=\"shadow shadow--bl\"></div>\n        </div>\n        <div class=\"inner-shadow\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'note8'\">\n   <div class=\"marvel-device note8\">\n        <div class=\"inner\"></div>\n        <div class=\"overflow\">\n            <div class=\"shadow\"></div>\n        </div>\n        <div class=\"speaker\"></div>\n        <div class=\"sensors\"></div>\n        <div class=\"more-sensors\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'iphone8'\">\n    <div class=\"marvel-device iphone8 silver\">\n        <div class=\"top-bar\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"sensor\"></div>\n        <div class=\"speaker\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div class=\"home\"></div>\n        <div class=\"bottom-bar\"></div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'iphone8plus'\">\n    <div class=\"marvel-device iphone8plus black\">\n        <div class=\"top-bar\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"sensor\"></div>\n        <div class=\"speaker\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div class=\"home\"></div>\n        <div class=\"bottom-bar\"></div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'iphone5s'\">\n    <div class=\"marvel-device iphone5s\">\n        <div class=\"top-bar\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"sensor\"></div>\n        <div class=\"speaker\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div class=\"home\"></div>\n        <div class=\"bottom-bar\"></div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'ipad'\">\n    <div class=\"marvel-device ipad\">\n        <div class=\"top-bar\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"sensor\"></div>\n        <div class=\"speaker\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div class=\"home\"></div>\n        <div class=\"bottom-bar\"></div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'nexus5'\">\n    <div class=\"marvel-device nexus5\">\n        <div class=\"top-bar\"></div>\n        <div class=\"sleep\"></div>\n        <div class=\"volume\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n    </div>\n</ng-container>\n\n<ng-container *ngIf=\"device === 'macbook'\">\n    <div class=\"marvel-device macbook\">\n        <div class=\"top-bar\"></div>\n        <div class=\"camera\"></div>\n        <div class=\"screen\">\n            <div style=\"position: relative\">\n                <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n            </div>\n        </div>\n        <div class=\"bottom-bar\"></div>\n    </div>\n</ng-container>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>","import { CommonModule, CurrencyPipe } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { NgxDeviceComponent } from './ngx-device.component';\n\n@NgModule({\n  declarations: [\n    NgxDeviceComponent\n  ],\n  imports: [\n    CommonModule,\n    FormsModule,\n  ],\n  providers: [\n    CurrencyPipe,\n  ],\n  exports: [\n    NgxDeviceComponent\n  ]\n})\nexport class NgxDeviceModule { }\n","/*\n * Public API Surface of ngx-device\n */\n\nexport * from './lib/ngx-device.component';\nexport * from './lib/ngx-device.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAQa,kBAAkB,CAAA;AAG7B,IAAA,WAAA,GAAA;QAFS,IAAM,CAAA,MAAA,GAAkG,UAAU,CAAC;KAG3H;IAED,QAAQ,GAAA;KACP;;+GAPU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,gFCR/B,47JAkJc,EAAA,MAAA,EAAA,CAAA,846CAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FD1ID,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACE,YAAY,EAAA,aAAA,EAGP,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,47JAAA,EAAA,MAAA,EAAA,CAAA,846CAAA,CAAA,EAAA,CAAA;0EAG5B,MAAM,EAAA,CAAA;sBAAd,KAAK;;;MEWK,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;6GAAf,eAAe,EAAA,YAAA,EAAA,CAbxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAGlB,YAAY;AACZ,QAAA,WAAW,aAMX,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGT,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAPf,SAAA,EAAA;QACT,YAAY;AACb,KAAA,EAAA,OAAA,EAAA,CALC,YAAY;QACZ,WAAW,CAAA,EAAA,CAAA,CAAA;2FASF,eAAe,EAAA,UAAA,EAAA,CAAA;kBAf3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACT,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACF,iBAAA,CAAA;;;ACnBD;;AAEG;;ACFH;;AAEG;;;;"}