ng2-materialize
Version:
An Angular 2+ wrap around Materialize library
1 lines • 6.31 kB
JSON
[{"__symbolic":"module","version":3,"metadata":{"MzModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../shared/handle-prop-changes","name":"HandlePropChanges"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mz-modal","template":"<div #modal class=\"modal\" [class.modal-fixed-footer]=\"fixedFooter\" [class.bottom-sheet]=\"bottomSheet\" [class.modal-fullscreen]=\"fullscreen\"><div class=\"modal-content\"><ng-content select=\"mz-modal-header\"></ng-content><p><ng-content select=\"mz-modal-content\"></ng-content></p></div><div class=\"modal-footer\"><ng-content select=\"mz-modal-footer\"></ng-content></div></div>","styles":[".modal:not(.bottom-sheet).modal-fullscreen{top:12px!important;margin:0 auto;width:calc(100% - 24px);height:calc(100% - 24px);max-height:none}.modal.bottom-sheet.modal-fullscreen{height:100%;max-height:none}/deep/ mz-modal-header h5,/deep/ mz-modal-header h6{margin-top:0}"]}]}],"members":{"bottomSheet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fullscreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"modalElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["modal"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initElements":[{"__symbolic":"method"}],"initHandlers":[{"__symbolic":"method"}],"initModal":[{"__symbolic":"method"}],"handleProperties":[{"__symbolic":"method"}],"handleOptions":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"MzModalHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mz-modal-header"}]}]},"MzModalContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mz-modal-content"}]}]},"MzModalFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mz-modal-footer"}]}]}}},{"__symbolic":"module","version":1,"metadata":{"MzModalComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../shared/handle-prop-changes","name":"HandlePropChanges"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mz-modal","template":"<div #modal class=\"modal\" [class.modal-fixed-footer]=\"fixedFooter\" [class.bottom-sheet]=\"bottomSheet\" [class.modal-fullscreen]=\"fullscreen\"><div class=\"modal-content\"><ng-content select=\"mz-modal-header\"></ng-content><p><ng-content select=\"mz-modal-content\"></ng-content></p></div><div class=\"modal-footer\"><ng-content select=\"mz-modal-footer\"></ng-content></div></div>","styles":[".modal:not(.bottom-sheet).modal-fullscreen{top:12px!important;margin:0 auto;width:calc(100% - 24px);height:calc(100% - 24px);max-height:none}.modal.bottom-sheet.modal-fullscreen{height:100%;max-height:none}/deep/ mz-modal-header h5,/deep/ mz-modal-header h6{margin-top:0}"]}]}],"members":{"bottomSheet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fixedFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"fullscreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"modalElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["modal"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"initElements":[{"__symbolic":"method"}],"initHandlers":[{"__symbolic":"method"}],"initModal":[{"__symbolic":"method"}],"handleProperties":[{"__symbolic":"method"}],"handleOptions":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}]}},"MzModalHeaderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mz-modal-header"}]}]},"MzModalContentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mz-modal-content"}]}]},"MzModalFooterDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"mz-modal-footer"}]}]}}}]