[{"__symbolic":"module","version":3,"metadata":{"TooltipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"[tooltip]","template":"<!--\n    @Author: Alex Sorafumo\n    @Date:   07/02/2017 12:04 PM\n    @Email:  alex@yuion.net\n    @Filename: tooltip.template.html\n    @Last modified by:   Alex Sorafumo\n    @Last modified time: 07/02/2017 4:56 PM\n    -->\n    \n    <div [class]=\"'tooltip ' + position + ' ' + cssClass + ' ' + theme\"\n         [style.display]=\"show?'':'none'\"\n         [style.font-size]=\"size\"\n         (window:tap)=\"checkTap($event)\">\n        <div [class]=\"'block ' + position\" >\n            <div #area class=\"contents\">\n                <div #content [innerHTML]=\"html | safe\"></div>\n            </div>\n            <div class=\"triangle\">\n                <div class=\"square\"></div>\n            </div>\n        </div>\n    </div>\n    <ng-content></ng-content>\n    ","styles":[".tooltip{left:50%;position:absolute;top:100%;-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.tooltip.top{top:-100%}.tooltip.left{left:-100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right{left:100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.block{height:.5em;position:relative;width:1.5em}.block .triangle{height:12px;overflow:hidden;position:absolute;width:36px}.block .triangle .square{border:1px solid rgba(0,0,0,0.1);border-radius:.1em;box-shadow:5em 5em 0.35em 5em rgba(0,0,0,0.2);height:24px;left:6px;position:relative;top:6px;-ms-transform:rotate(45deg);transform:rotate(45deg);width:24px}.block .contents{border-radius:.1em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);min-height:1.5em;min-width:1.5em;position:absolute;top:12px}.default .block .square{background-color:#fff}.default .block .contents{background-color:#fff;color:rgba(0,0,0,0.87)}.default.dark .block .square{background-color:rgba(0,0,0,0.87)}.default.dark .block .contents{background-color:rgba(0,0,0,0.87);color:rgba(0,0,0,0.87)}\n    "]}]}],"members":{"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offsetType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"html":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["area"]}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["tap",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"toggleShow":[{"__symbolic":"method"}],"checkTap":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"causeChange":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TooltipComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"[tooltip]","template":"<!--\n    @Author: Alex Sorafumo\n    @Date:   07/02/2017 12:04 PM\n    @Email:  alex@yuion.net\n    @Filename: tooltip.template.html\n    @Last modified by:   Alex Sorafumo\n    @Last modified time: 07/02/2017 4:56 PM\n    -->\n    \n    <div [class]=\"'tooltip ' + position + ' ' + cssClass + ' ' + theme\"\n         [style.display]=\"show?'':'none'\"\n         [style.font-size]=\"size\"\n         (window:tap)=\"checkTap($event)\">\n        <div [class]=\"'block ' + position\" >\n            <div #area class=\"contents\">\n                <div #content [innerHTML]=\"html | safe\"></div>\n            </div>\n            <div class=\"triangle\">\n                <div class=\"square\"></div>\n            </div>\n        </div>\n    </div>\n    <ng-content></ng-content>\n    ","styles":[".tooltip{left:50%;position:absolute;top:100%;-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.tooltip.top{top:-100%}.tooltip.left{left:-100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right{left:100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.block{height:.5em;position:relative;width:1.5em}.block .triangle{height:12px;overflow:hidden;position:absolute;width:36px}.block .triangle .square{border:1px solid rgba(0,0,0,0.1);border-radius:.1em;box-shadow:5em 5em 0.35em 5em rgba(0,0,0,0.2);height:24px;left:6px;position:relative;top:6px;-ms-transform:rotate(45deg);transform:rotate(45deg);width:24px}.block .contents{border-radius:.1em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);min-height:1.5em;min-width:1.5em;position:absolute;top:12px}.default .block .square{background-color:#fff}.default .block .contents{background-color:#fff;color:rgba(0,0,0,0.87)}.default.dark .block .square{background-color:rgba(0,0,0,0.87)}.default.dark .block .contents{background-color:rgba(0,0,0,0.87);color:rgba(0,0,0,0.87)}\n    "]}]}],"members":{"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offsetType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"show":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cssClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"cmp":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"html":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["area"]}]}],"view":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["content",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["tap",["$event"]]}]}],"ngOnChanges":[{"__symbolic":"method"}],"toggleShow":[{"__symbolic":"method"}],"checkTap":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"causeChange":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}]}}}}]