@synerty/ng2-balloon-msg-ns/esm2015/ng2-balloon-msg-ns/item/ng2-balloon-msg-ns-item.component.js

Show balloon messages to users in Nativescript

/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes} checked by tsc
 */
import { Component } from "@angular/core";
import { Router } from "@angular/router";
import { Ng2BalloonMsgCommonItemComponent } from "@synerty/ng2-balloon-msg";
export class Ng2BalloonMsgNsItemComponent extends Ng2BalloonMsgCommonItemComponent {
    /**
     * @param {?} router
     */
    constructor(router) {
        super(router);
        this.router = router;
    }
}
Ng2BalloonMsgNsItemComponent.decorators = [
    { type: Component, args: [{
                selector: 'ng2-balloon-msg-item-ns',
                template: `<StackLayout class="p-10"
             [class.bg-success]="msgDetails.isSuccess()"
             [class.bg-info]="msgDetails.isInfo()"
             [class.bg-warning]="msgDetails.isWarning()"
             [class.bg-danger]="msgDetails.isError()"
             [class.visible]="shownStr == 'shown'"
             [class.hide]="shownStr == 'hidden'"
             ios:isUserInteractionEnabled="true">

  <GridLayout *ngIf="msgDetails.isFleeting() || msgDetails.isSticky()"
              width="100%"
              rows="auto" columns="*, auto">
    <Label class=""
           row="0" col="0"
           [text]="msgDetails.msg"
           textWrap="true"
           (tap)="msgClicked()"></Label>
    <Button *ngIf="msgDetails.hasRoute()"
            ios:isUserInteractionEnabled="true"
            class="btn"
            row="0" col="1"
            text="Open"
            (tap)="openClicked()"></Button>
  </GridLayout>

  <GridLayout *ngIf="msgDetails.isConfirm() || msgDetails.isConfirmCancel()"
              width="100%" height="100%"
              rows="auto, *, auto" columns="*, *">
    <Label *ngIf="msgDetails.dialogTitle !=  null"
           class="title"
           row="0" col="0"
           colSpan="2"
           [text]="msgDetails.dialogTitle"
           textWrap="true"></Label>

    <Label class="h3"
           row="1" col="0"
           colSpan="2"
           textWrap="true"
           [text]="msgDetails.msg"></Label>

    <button *ngIf="msgDetails.isConfirmCancel()"
            ios:isUserInteractionEnabled="true"
            class="btn btn-active"
            row="2" col="0"
            [text]="msgDetails.cancelText"
            (tap)="cancelClicked()">
    </button>
    <button class="btn btn-primary btn-active"
            ios:isUserInteractionEnabled="true"
            row="2" col="1"
            [text]="msgDetails.confirmText"
            (tap)="confirmClicked()">
    </button>
  </GridLayout>
</StackLayout>
`,
                styles: [`.btn{color:#fff;cursor:pointer;font-size:14.4;padding:8;border:0;background-color:#999;min-width:40;border-radius:4}btn:hover{background-color:#737373}.bg-info{color:#000;background-color:#d9edf7}.bg-success{color:#000;background-color:#dff0d8}.bg-warning{color:#000;background-color:#fcf8e3}.bg-danger{color:#000;background-color:#f2dede}`]
            },] },
];
/** @nocollapse */
Ng2BalloonMsgNsItemComponent.ctorParameters = () => [
    { type: Router }
];
function Ng2BalloonMsgNsItemComponent_tsickle_Closure_declarations() {
    /** @type {?} */
    Ng2BalloonMsgNsItemComponent.prototype.router;
}

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmcyLWJhbGxvb24tbXNnLW5zLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHN5bmVydHkvbmcyLWJhbGxvb24tbXNnLW5zLyIsInNvdXJjZXMiOlsibmcyLWJhbGxvb24tbXNnLW5zL2l0ZW0vbmcyLWJhbGxvb24tbXNnLW5zLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQStEMUUsTUFBTSxtQ0FBb0MsU0FBUSxnQ0FBZ0M7Ozs7SUFFOUUsWUFBc0IsTUFBYztRQUNoQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFESSxXQUFNLEdBQU4sTUFBTSxDQUFRO0tBRW5DOzs7WUFqRUosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0F3RGI7Z0JBQ0csTUFBTSxFQUFFLENBQUMscVZBQXFWLENBQUM7YUFDbFc7Ozs7WUEvRE8sTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50fSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcbmltcG9ydCB7TmcyQmFsbG9vbk1zZ0NvbW1vbkl0ZW1Db21wb25lbnR9IGZyb20gXCJAc3luZXJ0eS9uZzItYmFsbG9vbi1tc2dcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduZzItYmFsbG9vbi1tc2ctaXRlbS1ucycsXG4gICAgdGVtcGxhdGU6IGA8U3RhY2tMYXlvdXQgY2xhc3M9XCJwLTEwXCJcbiAgICAgICAgICAgICBbY2xhc3MuYmctc3VjY2Vzc109XCJtc2dEZXRhaWxzLmlzU3VjY2VzcygpXCJcbiAgICAgICAgICAgICBbY2xhc3MuYmctaW5mb109XCJtc2dEZXRhaWxzLmlzSW5mbygpXCJcbiAgICAgICAgICAgICBbY2xhc3MuYmctd2FybmluZ109XCJtc2dEZXRhaWxzLmlzV2FybmluZygpXCJcbiAgICAgICAgICAgICBbY2xhc3MuYmctZGFuZ2VyXT1cIm1zZ0RldGFpbHMuaXNFcnJvcigpXCJcbiAgICAgICAgICAgICBbY2xhc3MudmlzaWJsZV09XCJzaG93blN0ciA9PSAnc2hvd24nXCJcbiAgICAgICAgICAgICBbY2xhc3MuaGlkZV09XCJzaG93blN0ciA9PSAnaGlkZGVuJ1wiXG4gICAgICAgICAgICAgaW9zOmlzVXNlckludGVyYWN0aW9uRW5hYmxlZD1cInRydWVcIj5cblxuICA8R3JpZExheW91dCAqbmdJZj1cIm1zZ0RldGFpbHMuaXNGbGVldGluZygpIHx8IG1zZ0RldGFpbHMuaXNTdGlja3koKVwiXG4gICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiXG4gICAgICAgICAgICAgIHJvd3M9XCJhdXRvXCIgY29sdW1ucz1cIiosIGF1dG9cIj5cbiAgICA8TGFiZWwgY2xhc3M9XCJcIlxuICAgICAgICAgICByb3c9XCIwXCIgY29sPVwiMFwiXG4gICAgICAgICAgIFt0ZXh0XT1cIm1zZ0RldGFpbHMubXNnXCJcbiAgICAgICAgICAgdGV4dFdyYXA9XCJ0cnVlXCJcbiAgICAgICAgICAgKHRhcCk9XCJtc2dDbGlja2VkKClcIj48L0xhYmVsPlxuICAgIDxCdXR0b24gKm5nSWY9XCJtc2dEZXRhaWxzLmhhc1JvdXRlKClcIlxuICAgICAgICAgICAgaW9zOmlzVXNlckludGVyYWN0aW9uRW5hYmxlZD1cInRydWVcIlxuICAgICAgICAgICAgY2xhc3M9XCJidG5cIlxuICAgICAgICAgICAgcm93PVwiMFwiIGNvbD1cIjFcIlxuICAgICAgICAgICAgdGV4dD1cIk9wZW5cIlxuICAgICAgICAgICAgKHRhcCk9XCJvcGVuQ2xpY2tlZCgpXCI+PC9CdXR0b24+XG4gIDwvR3JpZExheW91dD5cblxuICA8R3JpZExheW91dCAqbmdJZj1cIm1zZ0RldGFpbHMuaXNDb25maXJtKCkgfHwgbXNnRGV0YWlscy5pc0NvbmZpcm1DYW5jZWwoKVwiXG4gICAgICAgICAgICAgIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIlxuICAgICAgICAgICAgICByb3dzPVwiYXV0bywgKiwgYXV0b1wiIGNvbHVtbnM9XCIqLCAqXCI+XG4gICAgPExhYmVsICpuZ0lmPVwibXNnRGV0YWlscy5kaWFsb2dUaXRsZSAhPSAgbnVsbFwiXG4gICAgICAgICAgIGNsYXNzPVwidGl0bGVcIlxuICAgICAgICAgICByb3c9XCIwXCIgY29sPVwiMFwiXG4gICAgICAgICAgIGNvbFNwYW49XCIyXCJcbiAgICAgICAgICAgW3RleHRdPVwibXNnRGV0YWlscy5kaWFsb2dUaXRsZVwiXG4gICAgICAgICAgIHRleHRXcmFwPVwidHJ1ZVwiPjwvTGFiZWw+XG5cbiAgICA8TGFiZWwgY2xhc3M9XCJoM1wiXG4gICAgICAgICAgIHJvdz1cIjFcIiBjb2w9XCIwXCJcbiAgICAgICAgICAgY29sU3Bhbj1cIjJcIlxuICAgICAgICAgICB0ZXh0V3JhcD1cInRydWVcIlxuICAgICAgICAgICBbdGV4dF09XCJtc2dEZXRhaWxzLm1zZ1wiPjwvTGFiZWw+XG5cbiAgICA8YnV0dG9uICpuZ0lmPVwibXNnRGV0YWlscy5pc0NvbmZpcm1DYW5jZWwoKVwiXG4gICAgICAgICAgICBpb3M6aXNVc2VySW50ZXJhY3Rpb25FbmFibGVkPVwidHJ1ZVwiXG4gICAgICAgICAgICBjbGFzcz1cImJ0biBidG4tYWN0aXZlXCJcbiAgICAgICAgICAgIHJvdz1cIjJcIiBjb2w9XCIwXCJcbiAgICAgICAgICAgIFt0ZXh0XT1cIm1zZ0RldGFpbHMuY2FuY2VsVGV4dFwiXG4gICAgICAgICAgICAodGFwKT1cImNhbmNlbENsaWNrZWQoKVwiPlxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b24gY2xhc3M9XCJidG4gYnRuLXByaW1hcnkgYnRuLWFjdGl2ZVwiXG4gICAgICAgICAgICBpb3M6aXNVc2VySW50ZXJhY3Rpb25FbmFibGVkPVwidHJ1ZVwiXG4gICAgICAgICAgICByb3c9XCIyXCIgY29sPVwiMVwiXG4gICAgICAgICAgICBbdGV4dF09XCJtc2dEZXRhaWxzLmNvbmZpcm1UZXh0XCJcbiAgICAgICAgICAgICh0YXApPVwiY29uZmlybUNsaWNrZWQoKVwiPlxuICAgIDwvYnV0dG9uPlxuICA8L0dyaWRMYXlvdXQ+XG48L1N0YWNrTGF5b3V0PlxuYCxcbiAgICBzdHlsZXM6IFtgLmJ0bntjb2xvcjojZmZmO2N1cnNvcjpwb2ludGVyO2ZvbnQtc2l6ZToxNC40O3BhZGRpbmc6ODtib3JkZXI6MDtiYWNrZ3JvdW5kLWNvbG9yOiM5OTk7bWluLXdpZHRoOjQwO2JvcmRlci1yYWRpdXM6NH1idG46aG92ZXJ7YmFja2dyb3VuZC1jb2xvcjojNzM3MzczfS5iZy1pbmZve2NvbG9yOiMwMDA7YmFja2dyb3VuZC1jb2xvcjojZDllZGY3fS5iZy1zdWNjZXNze2NvbG9yOiMwMDA7YmFja2dyb3VuZC1jb2xvcjojZGZmMGQ4fS5iZy13YXJuaW5ne2NvbG9yOiMwMDA7YmFja2dyb3VuZC1jb2xvcjojZmNmOGUzfS5iZy1kYW5nZXJ7Y29sb3I6IzAwMDtiYWNrZ3JvdW5kLWNvbG9yOiNmMmRlZGV9YF1cbn0pXG5leHBvcnQgY2xhc3MgTmcyQmFsbG9vbk1zZ05zSXRlbUNvbXBvbmVudCBleHRlbmRzIE5nMkJhbGxvb25Nc2dDb21tb25JdGVtQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHByb3RlY3RlZCByb3V0ZXI6IFJvdXRlcikge1xuICAgICAgICBzdXBlcihyb3V0ZXIpO1xuICAgIH1cbn1cbiJdfQ==