[{"__symbolic":"module","version":4,"metadata":{"TurnOverComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"turn-over","template":"\n        <div class=\"zijin-flip-container\">\n            <div class=\"zijin-card\" [ngStyle]=\"flipped\">\n                <div class=\"front\" (click)=\"setFlipped()\">\n                    <ng-container *ngComponentOutlet=\"comps[0]?.component;injector:comps[0]?.injector;\"></ng-container>\n                </div>\n                <div class=\"back\" (click)=\"setFlipped()\">\n                    <ng-container *ngComponentOutlet=\"comps[1].component;injector:comps[1]?.injector;\"></ng-container>\n                </div>\n            </div>\n        </div>\n    ","styles":["\n        .zijin-flip-container {\n            height: 100%;\n            position: relative;\n            perspective: 800px;\n        }\n\n        .zijin-card {\n            width: 100%;\n            height: 100%;\n            position: absolute;\n            transform-style: preserve-3d;\n            transition: transform 1s;\n        }\n\n        .zijin-card .front,\n        .zijin-card .back {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            transform: rotateX(0deg);\n            backface-visibility: hidden;\n            -moz-backface-visibility: hidden;\n        }\n\n        .zijin-card .back {\n            transform: rotateY(180deg);\n        }\n\n        .zijin-card.flipped {\n            transform: rotateY(180deg);\n        }\n\n    "]}]}],"members":{"comps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":67,"character":17},"arguments":[{"__symbolic":"reference","module":"../../abc.options","name":"TURNOVER_POSITIVE","line":67,"character":24}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":67,"character":44}}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":68,"character":17},"arguments":[{"__symbolic":"reference","module":"../../abc.options","name":"TURNOVER_NEGATIVE","line":68,"character":24}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":68,"character":44}}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":66,"character":34},null,null]}],"setFlipped":[{"__symbolic":"method"}]}}}}]