src_app_custom-elements_ngrx_store-animation_module_ts.5e5bd3d210c9c34e.js.map

{"version":3,"file":"src_app_custom-elements_ngrx_store-animation_module_ts.5e5bd3d210c9c34e.js","mappings":"6NAoGO,IAAMA,EAAuB,UAAAC,EAA9B,MAAOD,qDAAuB,0BAAvBA,EAAuBE,UAAA,2BAAAC,MAAA,EAAAC,KAAA,EAAAC,OAAA,qKAAAC,SAAA,SAAAC,EAAAC,GAAA,EAAAD,IA/FhCE,MAAA,WACEA,MAAA,UAAAA,CAAyB,WAE3BA,QAEAA,MAAA,WACEA,MAAA,oBACFA,QACAA,MAAA,WACEA,MAAA,oBACFA,swCAqFST,CAAuB,mBCxF7B,IAAMU,EAAoB,UAAAC,EAA3B,MAAOD,EALbE,cAMIC,KAAAC,uBAAoCd,YAD3BU,yCAAoB,0BAApBA,gCAJCK,KAAcC,mBAIfN,CAAoB","names":["StoreAnimationComponent","_StoreAnimationComponent","selectors","decls","vars","consts","template","rf","ctx","i0","StoreAnimationModule","_StoreAnimationModule","constructor","this","customElementComponent","CommonModule","CirclesModule"],"sourceRoot":"webpack:///","sources":["./src/app/custom-elements/ngrx/store-animation.component.ts","./src/app/custom-elements/ngrx/store-animation.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n    selector: 'ngrx-store-animation',\n    template: `\n    <div class=\"services\">\n      <div class=\"store\"></div>\n      <div class=\"dispatcher\"></div>\n    </div>\n\n    <div class=\"state-changes-wrapper\">\n      <ngrx-circles class=\"state-changes\" color=\"primary\"></ngrx-circles>\n    </div>\n    <div class=\"actions-wrapper\">\n      <ngrx-circles class=\"actions\" color=\"accent\"></ngrx-circles>\n    </div>\n  `,\n    styles: [\n        `\n      @keyframes spin {\n        from {\n          transform: rotate(0deg);\n        }\n        to {\n          transform: rotate(360deg);\n        }\n      }\n\n      :host {\n        display: block;\n        width: 200px;\n        height: 200px;\n        position: relative;\n      }\n\n      .state-changes-wrapper,\n      .actions-wrapper {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        display: block;\n        width: 200px;\n        height: 200px;\n        animation: spin 40s infinite linear;\n        animation-direction: reverse;\n      }\n\n      .state-changes-wrapper {\n        clip-path: inset(0 50% 0 0);\n      }\n\n      .actions-wrapper {\n        clip-path: inset(0 0 0 50%);\n      }\n\n      .state-changes,\n      .actions {\n        position: absolute;\n        display: block;\n        top: 0px;\n        left: 0px;\n        width: 200px;\n        height: 200px;\n        animation: spin 10s infinite linear;\n      }\n\n      .services {\n        position: absolute;\n        z-index: 10;\n        top: 0px;\n        left: 0px;\n        width: 200px;\n        height: 200px;\n        animation: spin 40s infinite linear;\n        animation-direction: reverse;\n      }\n\n      .store,\n      .dispatcher {\n        display: block;\n        position: absolute;\n        width: 28px;\n        height: 28px;\n        border-radius: 28px;\n        background-color: white;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);\n      }\n\n      .store {\n        top: 0px;\n        left: 86px;\n      }\n\n      .dispatcher {\n        bottom: 0px;\n        left: 86px;\n      }\n    `,\n    ],\n})\nexport class StoreAnimationComponent {}\n","import { NgModule, Type } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { WithCustomElementComponent } from '../element-registry';\nimport { StoreAnimationComponent } from './store-animation.component';\nimport { CirclesModule } from './circles.module';\n\n@NgModule({\n    imports: [CommonModule, CirclesModule],\n    declarations: [StoreAnimationComponent],\n    exports: [StoreAnimationComponent],\n})\nexport class StoreAnimationModule implements WithCustomElementComponent {\n    customElementComponent: Type<any> = StoreAnimationComponent;\n}\n"],"x_google_ignoreList":[]}