ngx-modialog-7
Version:
Modal / Dialog for Angular
16 lines (14 loc) • 9.43 kB
JavaScript
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("ngx-modialog-7"),require("@angular/core"),require("rxjs"),require("@angular/common")):"function"==typeof define&&define.amd?define("ngxModialog.plugins.bootstrap",["exports","ngx-modialog-7","@angular/core","rxjs","@angular/common"],n):n(((t=t||self).ngxModialog=t.ngxModialog||{},t.ngxModialog.plugins=t.ngxModialog.plugins||{},t.ngxModialog.plugins.bootstrap={}),t.ngxModialog,t.ng.core,t.rxjs,t.ng.common)}(this,(function(t,n,o,e,a){"use strict";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */var r=function(t,n){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,n){t.__proto__=n}||function(t,n){for(var o in n)n.hasOwnProperty(o)&&(t[o]=n[o])})(t,n)};function l(t,n){function o(){this.constructor=t}r(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}var i={dialogClass:"modal-dialog",showClose:!1},s=["dialogClass","size","showClose"],c=function(t){function n(){return null!==t&&t.apply(this,arguments)||this}return l(n,t),n.prototype.normalize=function(){this.dialogClass||(this.dialogClass=i.dialogClass),t.prototype.normalize.call(this)},n}(n.ModalOpenContext);var u=function(t){function o(o,e,a){return t.call(this,n.extend(i,o||{}),n.arrayUnion(s,e||[]),a||c)||this}return l(o,t),o}(n.ModalOpenContextBuilder);var d=function(t){function e(n,o,e){var a=t.call(this,o,e)||this;return a.dialog=n,a.activateAnimationListener(),a}return l(e,t),e.decorators=[{type:o.Component,args:[{selector:"bs-modal-container",host:{tabindex:"-1",role:"dialog",class:"modal fade",style:"position: absolute; display: block"},encapsulation:o.ViewEncapsulation.None,template:'\n <div [ngClass]="dialog.context.dialogClass"\n [class.modal-lg]="dialog.context.size == \'lg\'"\n [class.modal-sm]="dialog.context.size == \'sm\'">\n <div class="modal-content" style="display:block" role="document" overlayDialogBoundary>\n <ng-content></ng-content>\n </div>\n </div>'}]}],e.ctorParameters=function(){return[{type:n.DialogRef},{type:o.ElementRef},{type:o.Renderer2}]},e}(n.BaseDynamicComponent);var p=function(){function t(t){this.dialog=t,this.context=t.context}return Object.defineProperty(t.prototype,"titleHtml",{get:function(){return this.context.titleHtml?1:0},enumerable:!0,configurable:!0}),t.decorators=[{type:o.Component,args:[{selector:"modal-title",encapsulation:o.ViewEncapsulation.None,template:'<div [ngClass]="context.headerClass" [ngSwitch]="titleHtml">\n <button *ngIf="context.showClose" type="button" class="close"\n aria-label="Close" (click)="dialog.dismiss()">\n <span aria-hidden="true">×</span>\n </button>\n <div *ngSwitchCase="1" [innerHtml]="context.titleHtml"></div>\n <h3 *ngSwitchDefault class="modal-title">{{context.title}}</h3>\n </div>'}]}],t.ctorParameters=function(){return[{type:n.DialogRef}]},t}();var f=function(){function t(t){this.dialog=t,this.context=t.context}return t.decorators=[{type:o.Component,args:[{selector:"modal-body",encapsulation:o.ViewEncapsulation.None,template:'<div [ngClass]="context.bodyClass">\n <div [innerHtml]="context.message"></div>\n <div *ngIf="context.showInput" class="form-group">\n <input autofocus #input\n name="bootstrap"\n type="text"\n class="form-control"\n [value]="context.defaultValue"\n (change)="context.defaultValue = input.value"\n placeholder="{{context.placeholder}}">\n </div>\n </div>\n',styles:[".form-group {\n margin-top: 10px;\n }"]}]}],t.ctorParameters=function(){return[{type:n.DialogRef}]},t}();var m=function(){function t(t){this.dialog=t}return t.prototype.onClick=function(t,n){n.stopPropagation(),t.onClick(this,n)},t.decorators=[{type:o.Component,args:[{selector:"modal-footer",encapsulation:o.ViewEncapsulation.None,template:'<div [ngClass]="dialog.context.footerClass">\n <button *ngFor="let btn of dialog.context.buttons;"\n [ngClass]="btn.cssClass"\n (click)="onClick(btn, $event)">{{btn.caption}}</button>\n</div>'}]}],t.ctorParameters=function(){return[{type:n.DialogRef}]},t}();var g=function(){function t(t){this.dialog=t}return t.decorators=[{type:o.Component,args:[{selector:"modal-content",encapsulation:o.ViewEncapsulation.None,template:"<modal-title></modal-title><modal-body></modal-body><modal-footer></modal-footer>"}]}],t.ctorParameters=function(){return[{type:n.DialogRef}]},t}();var y={component:g,headerClass:"modal-header",bodyClass:"modal-body",footerClass:"modal-footer"},h=["headerClass","title","titleHtml","bodyClass","footerClass"];var C=function(t){function o(o,e,a){var r=t.call(this,n.extend(n.extend({buttons:[]},y),o||{}),n.arrayUnion(h,e||[]),a)||this;return n.setAssignAlias(r,"body","message",!0),r}return l(o,t),o.prototype.addButton=function(t,o,e){var a={cssClass:t,caption:o,onClick:e};return this[n.privateKey("buttons")].push(a),this},o}(u);var b=function(t){function o(o,e){return t.call(this,n.extend({modal:o,okBtn:"OK",okBtnClass:"btn btn-primary"},e||{}),["okBtn","okBtnClass"])||this}return l(o,t),o.prototype.$$beforeOpen=function(n){t.prototype.$$beforeOpen.call(this,n),this.addButton(n.okBtnClass,n.okBtn,(function(t,n){return t.dialog.close(!0)}))},o}(C);var v=function(t){function o(o,e,a){return void 0===a&&(a=[]),t.call(this,n.extend({modal:o,okBtn:"OK",okBtnClass:"btn btn-primary",cancelBtn:"Cancel",cancelBtnClass:"btn btn-default"},e||{}),n.arrayUnion(["okBtn","okBtnClass","cancelBtn","cancelBtnClass"],a))||this}return l(o,t),o.prototype.$$beforeOpen=function(n){t.prototype.$$beforeOpen.call(this,n),this.addButton(n.cancelBtnClass,n.cancelBtn,(function(t,n){return t.dialog.dismiss()}))},o}(C);var x=function(t){function n(n,o){return t.call(this,n,o)||this}return l(n,t),n.prototype.$$beforeOpen=function(n){t.prototype.$$beforeOpen.call(this,n),this.addButton(n.okBtnClass,n.okBtn,(function(t,n){return t.dialog.close(!0)}))},n}(v);var B=function(t){function o(o,e){return t.call(this,o,n.extend({showInput:!0,defaultValue:""},e||{}),["placeholder","defaultValue"])||this}return l(o,t),o.prototype.$$beforeOpen=function(n){t.prototype.$$beforeOpen.call(this,n),this.addButton(n.okBtnClass,n.okBtn,(function(t,n){return t.dialog.close(t.dialog.context.defaultValue)}))},o}(v);var M=!("undefined"==typeof document||!document),k="show";var O=function(t){function a(n){return t.call(this,n)||this}return l(a,t),a.prototype.alert=function(){return new b(this,{isBlocking:!1})},a.prototype.prompt=function(){return new B(this,{isBlocking:!0,keyboard:null})},a.prototype.confirm=function(){return new x(this,{isBlocking:!0,keyboard:null})},a.prototype.create=function(t,o){var a=this,r=this.createBackdrop(t,n.CSSBackdrop),l=this.createContainer(t,d,o),i=t.overlayRef.instance,s=r.instance,c=l.instance;return t.inElement?i.insideElement():i.fullscreen(),M&&!document.body.classList.contains("modal-open")&&document.body.classList.add("modal-open"),t.inElement&&s.setStyle("position","absolute"),s.addClass("modal-backdrop fade",!0),s.addClass(k),c.addClass(k),l.location.nativeElement&&l.location.nativeElement.focus(),i.beforeDestroy((function(){var o=new n.PromiseCompleter;return s.removeClass(k),c.removeClass(k),e.combineLatest.call(s.myAnimationEnd$(),c.myAnimationEnd$(),(function(t,n){return[t,n]})).subscribe((function(n){M&&1===a.overlay.groupStackLength(t)&&document.body.classList.remove("modal-open"),o.resolve()})),o.promise})),t},a.decorators=[{type:o.Injectable}],a.ctorParameters=function(){return[{type:n.Overlay}]},a}(n.Modal),w=[{provide:n.Modal,useClass:O},{provide:O,useClass:O}],P=function(){function t(){}return t.getProviders=function(){return w},t.decorators=[{type:o.NgModule,args:[{imports:[n.ModalModule,a.CommonModule],declarations:[m,p,f,g,d],providers:w,entryComponents:[d,g]}]}],t}();Object.defineProperty(t,"ModalOpenContext",{enumerable:!0,get:function(){return n.ModalOpenContext}}),Object.defineProperty(t,"ModalOpenContextBuilder",{enumerable:!0,get:function(){return n.ModalOpenContextBuilder}}),t.BSMessageModal=g,t.BSMessageModalBody=f,t.BSMessageModalTitle=p,t.BSModalContainer=d,t.BSModalContext=c,t.BSModalContextBuilder=u,t.BSModalFooter=m,t.BootstrapModalModule=P,t.MessageModalPresetBuilder=C,t.Modal=O,t.OneButtonPresetBuilder=b,t.PromptPresetBuilder=B,t.TwoButtonPresetBuilder=x,t.bootstrap3Mode=function(){k="in"},t.bootstrap4Mode=function(){},t.providers=w,t.ɵa=v,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=ngx-modialog-7-plugins-bootstrap.umd.min.js.map