@ng-ui-libraries/prompt
Version:
234 lines (229 loc) • 9.33 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@ng-app-framework/core'), require('@angular/platform-browser'), require('@angular/common'), require('ngx-bootstrap'), require('@angular/forms')) :
typeof define === 'function' && define.amd ? define(['exports', '@angular/core', '@ng-app-framework/core', '@angular/platform-browser', '@angular/common', 'ngx-bootstrap', '@angular/forms'], factory) :
(factory((global.prompt = {}),global.ng.core,global['ng-app-core'],global.ng.platformBrowser,global.ng.common,global['ngx-bootstrap'],global.ng.forms));
}(this, (function (exports,core,core$1,platformBrowser,common,ngxBootstrap,forms) { 'use strict';
var PromptComponent = /** @class */ (function () {
function PromptComponent() {
}
return PromptComponent;
}());
PromptComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt',
template: "\n <ng-content select=\"prompt-header\"></ng-content>\n <ng-content select=\"prompt-body\"></ng-content>\n <div class=\"form-group\">\n <ng-content select=\"prompt-confirm\"></ng-content>\n <ng-content select=\"prompt-cancel\"></ng-content>\n </div>\n "
},] },
];
/**
* @nocollapse
*/
PromptComponent.ctorParameters = function () { return []; };
var PromptBodyComponent = /** @class */ (function () {
function PromptBodyComponent() {
this.modal = false;
}
return PromptBodyComponent;
}());
PromptBodyComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt-body',
template: "\n <div [class.modal-body]=\"modal\">\n <div [class.form-group]=\"!modal\">\n <ng-content></ng-content>\n </div>\n </div>\n "
},] },
];
/**
* @nocollapse
*/
PromptBodyComponent.ctorParameters = function () { return []; };
PromptBodyComponent.propDecorators = {
'modal': [{ type: core.Input },],
};
var PromptHeaderComponent = /** @class */ (function () {
function PromptHeaderComponent() {
this.modal = false;
}
return PromptHeaderComponent;
}());
PromptHeaderComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt-header',
template: "\n <div [class.modal-header]=\"modal\">\n <div [class.form-group]=\"!modal\">\n <ng-content></ng-content>\n </div>\n </div>\n "
},] },
];
/**
* @nocollapse
*/
PromptHeaderComponent.ctorParameters = function () { return []; };
PromptHeaderComponent.propDecorators = {
'modal': [{ type: core.Input },],
};
var PromptConfirmComponent = /** @class */ (function () {
function PromptConfirmComponent() {
}
return PromptConfirmComponent;
}());
PromptConfirmComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt-confirm',
template: "\n <button class=\"btn btn-primary\">\n <ng-content></ng-content>\n </button>\n "
},] },
];
/**
* @nocollapse
*/
PromptConfirmComponent.ctorParameters = function () { return []; };
var PromptCancelComponent = /** @class */ (function () {
function PromptCancelComponent() {
}
return PromptCancelComponent;
}());
PromptCancelComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt-cancel',
template: "\n <button class=\"btn btn-secondary\">\n <ng-content></ng-content>\n </button>\n "
},] },
];
/**
* @nocollapse
*/
PromptCancelComponent.ctorParameters = function () { return []; };
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
else
for (var i = decorators.length - 1; i >= 0; i--)
if (d = decorators[i])
r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(k, v);
};
var PromptModalComponent = /** @class */ (function () {
function PromptModalComponent() {
this.size = 'sm';
this.isModalShown = false;
this.isModalShownChange = new core.EventEmitter();
this.isBackdropStatic = true;
this.keyboard = true;
}
/**
* @return {?}
*/
PromptModalComponent.prototype.show = function () {
this.isModalShown = true;
};
/**
* @return {?}
*/
PromptModalComponent.prototype.hide = function () {
this.isModalShown = false;
};
/**
* @return {?}
*/
PromptModalComponent.prototype.getConfig = function () {
var /** @type {?} */ config = {
show: true,
keyboard: this.keyboard
};
if (this.isBackdropStatic) {
config['backdrop'] = 'static';
}
return config;
};
return PromptModalComponent;
}());
PromptModalComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt-modal',
template: "\n <div *ngIf=\"isModalShown\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-hidden=\"true\" bsModal #promptModal=\"bs-modal\"\n [config]=\"getConfig()\">\n <div class=\"modal-dialog modal-{{size}}\">\n <div class=\"modal-content\">\n <ng-content select=\"prompt-header\"></ng-content>\n <ng-content select=\"prompt-body\"></ng-content>\n <ng-content select=\"prompt-footer\"></ng-content>\n </div>\n </div>\n </div>\n "
},] },
];
/**
* @nocollapse
*/
PromptModalComponent.ctorParameters = function () { return []; };
PromptModalComponent.propDecorators = {
'promptModal': [{ type: core.ViewChild, args: ['promptModal',] },],
'size': [{ type: core.Input },],
'isModalShown': [{ type: core.Input },],
'isModalShownChange': [{ type: core.Output },],
'isBackdropStatic': [{ type: core.Input },],
'keyboard': [{ type: core.Input },],
};
__decorate([
core$1.OnChange,
__metadata("design:type", Boolean)
], PromptModalComponent.prototype, "isModalShown", void 0);
var PromptFooterComponent = /** @class */ (function () {
function PromptFooterComponent() {
this.modal = false;
}
return PromptFooterComponent;
}());
PromptFooterComponent.decorators = [
{ type: core.Component, args: [{
selector: 'prompt-footer',
template: "\n <div [class.modal-footer]=\"modal\">\n <div [class.form-group]=\"!modal\">\n <ng-content></ng-content>\n </div>\n </div>\n "
},] },
];
/**
* @nocollapse
*/
PromptFooterComponent.ctorParameters = function () { return []; };
PromptFooterComponent.propDecorators = {
'modal': [{ type: core.Input },],
};
var NgPromptModule = /** @class */ (function () {
function NgPromptModule() {
}
return NgPromptModule;
}());
NgPromptModule.decorators = [
{ type: core.NgModule, args: [{
declarations: [
PromptComponent,
PromptHeaderComponent,
PromptBodyComponent,
PromptConfirmComponent,
PromptCancelComponent,
PromptModalComponent,
PromptFooterComponent
],
imports: [
platformBrowser.BrowserModule,
common.CommonModule,
forms.FormsModule,
forms.ReactiveFormsModule,
ngxBootstrap.ModalModule.forRoot()
],
exports: [
PromptComponent,
PromptHeaderComponent,
PromptBodyComponent,
PromptConfirmComponent,
PromptCancelComponent,
PromptModalComponent,
PromptFooterComponent
],
providers: [],
bootstrap: []
},] },
];
/**
* @nocollapse
*/
NgPromptModule.ctorParameters = function () { return []; };
exports.PromptComponent = PromptComponent;
exports.PromptBodyComponent = PromptBodyComponent;
exports.PromptHeaderComponent = PromptHeaderComponent;
exports.PromptConfirmComponent = PromptConfirmComponent;
exports.PromptCancelComponent = PromptCancelComponent;
exports.PromptModalComponent = PromptModalComponent;
exports.NgPromptModule = NgPromptModule;
exports.ɵa = PromptFooterComponent;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=prompt.umd.js.map