angular2-advanced-notifications/src/alert/alert.component.metadata.json

UI and native notifications library for Angular

[{"__symbolic":"module","version":3,"metadata":{"AnAlert":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"an-alert","template":"\n    <div class=\"anAlert__container anAlert__container--left\"\n         *ngIf=\"containerStates.left\"\n         [ngClass]=\"{'anAlert__container--reverse': containerDirections.reverseLeft }\">\n      <an-alert-item *ngFor=\"let item of items.left\"\n                     [@ASD]=\"item.$$animationState\"\n                     [options]=\"item\"\n                     (onClose)=\"onClose($event)\"\n                     (onAlertItemUpdates)=\"onAlertItemUpdates($event)\">\n      </an-alert-item>\n    </div>\n\n    <div class=\"anAlert__container anAlert__container--center\"\n         *ngIf=\"containerStates.center\"\n         [ngClass]=\"{'anAlert__container--reverse': containerDirections.reverseCenter }\">\n      <an-alert-item *ngFor=\"let item of items.center\"\n                     [@ASD]=\"item.$$animationState\"\n                     [options]=\"item\"\n                     (onClose)=\"onClose($event)\"\n                     (onAlertItemUpdates)=\"onAlertItemUpdates($event)\">\n      </an-alert-item>\n    </div>\n\n    <div class=\"anAlert__container anAlert__container--right\"\n         *ngIf=\"containerStates.right\"\n         [ngClass]=\"{'anAlert__container--reverse': containerDirections.reverseRight }\">\n      <an-alert-item *ngFor=\"let item of items.right\"\n                     [@ASD]=\"item.$$animationState\"\n                     [options]=\"item\"\n                     (onClose)=\"onClose($event)\"\n                     (onAlertItemUpdates)=\"onAlertItemUpdates($event)\">\n      </an-alert-item>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["ASD",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInUp",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInRight",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInDown",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInLeft",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInUp",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInRight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInLeft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInUp => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInRight => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInDown => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInLeft => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]}]]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../anBus.service","name":"AnBusService"}]}],"onClose":[{"__symbolic":"method"}],"_subscribeToBusShowHandler":[{"__symbolic":"method"}],"_subscribeToBusHideHandler":[{"__symbolic":"method"}],"_subscribeToBusHideAllHandler":[{"__symbolic":"method"}],"_subscribeToBusHideAlertsHandler":[{"__symbolic":"method"}],"_subscribeToBus":[{"__symbolic":"method"}],"_updateItems":[{"__symbolic":"method"}],"_hideAlerts":[{"__symbolic":"method"}],"_hideAllAlerts":[{"__symbolic":"method"}],"_notifyUpdateListeners":[{"__symbolic":"method"}],"_updateBrowserViewports":[{"__symbolic":"method"}],"_updateContainerState":[{"__symbolic":"method"}],"_getShortVerticalPositionIdentifier":[{"__symbolic":"method"}],"_addItem":[{"__symbolic":"method"}],"_removeItem":[{"__symbolic":"method"}],"_findItemById":[{"__symbolic":"method"}],"_setContainerDirections":[{"__symbolic":"method"}],"_getAnimationState":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AnAlert":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"an-alert","template":"\n    <div class=\"anAlert__container anAlert__container--left\"\n         *ngIf=\"containerStates.left\"\n         [ngClass]=\"{'anAlert__container--reverse': containerDirections.reverseLeft }\">\n      <an-alert-item *ngFor=\"let item of items.left\"\n                     [@ASD]=\"item.$$animationState\"\n                     [options]=\"item\"\n                     (onClose)=\"onClose($event)\"\n                     (onAlertItemUpdates)=\"onAlertItemUpdates($event)\">\n      </an-alert-item>\n    </div>\n\n    <div class=\"anAlert__container anAlert__container--center\"\n         *ngIf=\"containerStates.center\"\n         [ngClass]=\"{'anAlert__container--reverse': containerDirections.reverseCenter }\">\n      <an-alert-item *ngFor=\"let item of items.center\"\n                     [@ASD]=\"item.$$animationState\"\n                     [options]=\"item\"\n                     (onClose)=\"onClose($event)\"\n                     (onAlertItemUpdates)=\"onAlertItemUpdates($event)\">\n      </an-alert-item>\n    </div>\n\n    <div class=\"anAlert__container anAlert__container--right\"\n         *ngIf=\"containerStates.right\"\n         [ngClass]=\"{'anAlert__container--reverse': containerDirections.reverseRight }\">\n      <an-alert-item *ngFor=\"let item of items.right\"\n                     [@ASD]=\"item.$$animationState\"\n                     [options]=\"item\"\n                     (onClose)=\"onClose($event)\"\n                     (onAlertItemUpdates)=\"onAlertItemUpdates($event)\">\n      </an-alert-item>\n    </div>\n  ","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation"},"member":"None"},"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["ASD",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInUp",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInRight",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInDown",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["fadeInLeft",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(0)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInUp",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInRight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInDown",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => fadeInLeft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["100ms cubic-bezier(0.0, 0.0, 0.2, 1)"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInUp => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInRight => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInDown => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["fadeInLeft => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["200ms cubic-bezier(0.4, 0.0, 1, 1)",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateX(-100%)"}]}]}]]}]]}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../anBus.service","name":"AnBusService"}]}],"onClose":[{"__symbolic":"method"}],"_subscribeToBusShowHandler":[{"__symbolic":"method"}],"_subscribeToBusHideHandler":[{"__symbolic":"method"}],"_subscribeToBusHideAllHandler":[{"__symbolic":"method"}],"_subscribeToBusHideAlertsHandler":[{"__symbolic":"method"}],"_subscribeToBus":[{"__symbolic":"method"}],"_updateItems":[{"__symbolic":"method"}],"_hideAlerts":[{"__symbolic":"method"}],"_hideAllAlerts":[{"__symbolic":"method"}],"_notifyUpdateListeners":[{"__symbolic":"method"}],"_updateBrowserViewports":[{"__symbolic":"method"}],"_updateContainerState":[{"__symbolic":"method"}],"_getShortVerticalPositionIdentifier":[{"__symbolic":"method"}],"_addItem":[{"__symbolic":"method"}],"_removeItem":[{"__symbolic":"method"}],"_findItemById":[{"__symbolic":"method"}],"_setContainerDirections":[{"__symbolic":"method"}],"_getAnimationState":[{"__symbolic":"method"}]}}}}]