UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

2 lines 11.1 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/forms"),require("ng-zorro-antd/core"),require("ng-zorro-antd/icon"),require("@angular/cdk/platform"),require("@angular/core"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("ng-zorro-antd/input",["exports","@angular/common","@angular/forms","ng-zorro-antd/core","ng-zorro-antd/icon","@angular/cdk/platform","@angular/core","rxjs","rxjs/operators"],t):t((e["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].input={}),e.ng.common,e.ng.forms,e["ng-zorro-antd"].core,e["ng-zorro-antd"].icon,e.ng.cdk.platform,e.ng.core,e.rxjs,e.rxjs.operators)}(this,function(e,t,n,i,r,o,a,s,p){"use strict";function u(e,t,n,i){var r,o=arguments.length,a=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;0<=s;s--)(r=e[s])&&(a=(o<3?r(a):3<o?r(t,n,a):r(t,n))||a);return 3<o&&a&&Object.defineProperty(t,n,a),a}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}var l=(Object.defineProperty(f.prototype,"disabled",{get:function(){return this.ngControl&&null!==this.ngControl.disabled?this.ngControl.disabled:this._disabled},set:function(e){this._disabled=i.toBoolean(e)},enumerable:!0,configurable:!0}),f.decorators=[{type:a.Directive,args:[{selector:"[nz-input]",exportAs:"nzInput",host:{"[class.ant-input-disabled]":"disabled","[class.ant-input-lg]":"nzSize === 'large'","[class.ant-input-sm]":"nzSize === 'small'"}}]}],f.ctorParameters=function(){return[{type:n.NgControl,decorators:[{type:a.Optional},{type:a.Self}]},{type:a.Renderer2},{type:a.ElementRef}]},f.propDecorators={nzSize:[{type:a.Input}],disabled:[{type:a.Input}]},f);function f(e,t,n){this.ngControl=e,this._disabled=!1,this.nzSize="default",t.addClass(n.nativeElement,"ant-input")}var d=(Object.defineProperty(g.prototype,"nzSize",{get:function(){return this._size},set:function(e){this._size=e,this.updateChildrenInputSize()},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isLarge",{get:function(){return"large"===this.nzSize},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isSmall",{get:function(){return"small"===this.nzSize},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isAffix",{get:function(){return!!(this.nzSuffix||this.nzPrefix||this.nzPrefixIcon||this.nzSuffixIcon)},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isAddOn",{get:function(){return!!(this.nzAddOnAfter||this.nzAddOnBefore||this.nzAddOnAfterIcon||this.nzAddOnBeforeIcon)},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isAffixWrapper",{get:function(){return this.isAffix&&!this.isAddOn},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isGroup",{get:function(){return!this.isAffix&&!this.isAddOn},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isLargeGroup",{get:function(){return this.isGroup&&this.isLarge},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isLargeGroupWrapper",{get:function(){return this.isAddOn&&this.isLarge},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isLargeAffix",{get:function(){return this.isAffixWrapper&&this.isLarge},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isLargeSearch",{get:function(){return this.nzSearch&&this.isLarge},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isSmallGroup",{get:function(){return this.isGroup&&this.isSmall},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isSmallAffix",{get:function(){return this.isAffixWrapper&&this.isSmall},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isSmallGroupWrapper",{get:function(){return this.isAddOn&&this.isSmall},enumerable:!0,configurable:!0}),Object.defineProperty(g.prototype,"isSmallSearch",{get:function(){return this.nzSearch&&this.isSmall},enumerable:!0,configurable:!0}),g.prototype.updateChildrenInputSize=function(){var t=this;this.listOfNzInputDirective&&this.listOfNzInputDirective.forEach(function(e){return e.nzSize=t.nzSize})},g.prototype.ngAfterContentInit=function(){this.updateChildrenInputSize()},g.decorators=[{type:a.Component,args:[{selector:"nz-input-group",exportAs:"nzInputGroup",preserveWhitespaces:!1,encapsulation:a.ViewEncapsulation.None,changeDetection:a.ChangeDetectionStrategy.OnPush,template:'<span class="ant-input-wrapper ant-input-group" *ngIf="isAddOn">\n <span class="ant-input-group-addon" *ngIf="nzAddOnBefore || nzAddOnBeforeIcon">\n <i nz-icon [type]="nzAddOnBeforeIcon" *ngIf="nzAddOnBeforeIcon"></i>\n <ng-container *nzStringTemplateOutlet="nzAddOnBefore">{{ nzAddOnBefore }}</ng-container>\n </span>\n <ng-template [ngIf]="!isAffix" *ngTemplateOutlet="contentTemplate"></ng-template>\n <span class="ant-input-affix-wrapper" [class.ant-input-affix-wrapper-sm]="isSmall" [class.ant-input-affix-wrapper-lg]="isLarge" *ngIf="isAffix">\n <ng-template *ngTemplateOutlet="affixTemplate"></ng-template>\n </span>\n <span class="ant-input-group-addon" *ngIf="nzAddOnAfter || nzAddOnAfterIcon">\n <i nz-icon [type]="nzAddOnAfterIcon" *ngIf="nzAddOnAfterIcon"></i>\n <ng-container *nzStringTemplateOutlet="nzAddOnAfter">{{ nzAddOnAfter }}</ng-container>\n </span>\n</span>\n<ng-container *ngIf="isAffix && !isAddOn">\n <ng-template *ngTemplateOutlet="affixTemplate"></ng-template>\n</ng-container>\n<ng-template #affixTemplate>\n <span class="ant-input-prefix" *ngIf="nzPrefix || nzPrefixIcon">\n \x3c!-- TODO: should have a class to set its color, cc: antd--\x3e\n <i nz-icon [type]="nzPrefixIcon" *ngIf="nzPrefixIcon" style="color: rgba(0, 0, 0, 0.25)"></i>\n <ng-container *nzStringTemplateOutlet="nzPrefix">{{ nzPrefix }}</ng-container>\n </span>\n <ng-template *ngTemplateOutlet="contentTemplate"></ng-template>\n <span class="ant-input-suffix" *ngIf="nzSuffix || nzSuffixIcon">\n <i nz-icon [type]="nzSuffixIcon" *ngIf="nzSuffixIcon"></i>\n <ng-container *nzStringTemplateOutlet="nzSuffix">{{ nzSuffix }}</ng-container>\n </span>\n</ng-template>\n<ng-template [ngIf]="isGroup" *ngTemplateOutlet="contentTemplate"></ng-template>\n<ng-template #contentTemplate>\n <ng-content></ng-content>\n</ng-template>',host:{"[class.ant-input-group-compact]":"nzCompact","[class.ant-input-search-enter-button]":"nzSearch","[class.ant-input-search]":"nzSearch","[class.ant-input-search-sm]":"isSmallSearch","[class.ant-input-affix-wrapper]":"isAffixWrapper","[class.ant-input-group-wrapper]":"isAddOn","[class.ant-input-group]":"isGroup","[class.ant-input-group-lg]":"isLargeGroup","[class.ant-input-group-wrapper-lg]":"isLargeGroupWrapper","[class.ant-input-affix-wrapper-lg]":"isLargeAffix","[class.ant-input-search-lg]":"isLargeSearch","[class.ant-input-group-sm]":"isSmallGroup","[class.ant-input-affix-wrapper-sm]":"isSmallAffix","[class.ant-input-group-wrapper-sm]":"isSmallGroupWrapper"}}]}],g.propDecorators={listOfNzInputDirective:[{type:a.ContentChildren,args:[l]}],nzAddOnBeforeIcon:[{type:a.Input}],nzAddOnAfterIcon:[{type:a.Input}],nzPrefixIcon:[{type:a.Input}],nzSuffixIcon:[{type:a.Input}],nzAddOnBefore:[{type:a.Input}],nzAddOnAfter:[{type:a.Input}],nzPrefix:[{type:a.Input}],nzSuffix:[{type:a.Input}],nzSearch:[{type:a.Input}],nzCompact:[{type:a.Input}],nzSize:[{type:a.Input}]},u([i.InputBoolean(),c("design:type",Object)],g.prototype,"nzSearch",void 0),u([i.InputBoolean(),c("design:type",Object)],g.prototype,"nzCompact",void 0),g);function g(){this._size="default",this.nzSearch=!1,this.nzCompact=!1}function h(e){return!("string"==typeof e||"boolean"==typeof e||!e.maxRows&&!e.minRows)}var m=(Object.defineProperty(z.prototype,"nzAutosize",{get:function(){return this.autosize},set:function(e){"string"==typeof e?this.autosize=!0:h(e)&&(this.autosize=e,this.minRows=e.minRows,this.maxRows=e.maxRows,this.setMaxHeight(),this.setMinHeight())},enumerable:!0,configurable:!0}),z.prototype.resizeToFitContent=function(e){var n=this;if(void 0===e&&(e=!1),this.cacheTextareaLineHeight(),this.cachedLineHeight){var i=this.el,t=i.value;if(e||this.minRows!==this.previousMinRows||t!==this.previousValue){var r=i.placeholder;i.classList.add("cdk-textarea-autosize-measuring"),i.placeholder="";var o=Math.round((i.scrollHeight-this.inputGap)/this.cachedLineHeight)*this.cachedLineHeight+this.inputGap;i.style.height=o+"px",i.classList.remove("cdk-textarea-autosize-measuring"),i.placeholder=r,"undefined"!=typeof requestAnimationFrame&&this.ngZone.runOutsideAngular(function(){return requestAnimationFrame(function(){var e=i.selectionStart,t=i.selectionEnd;n.destroy$.isStopped||document.activeElement!==i||i.setSelectionRange(e,t)})}),this.previousValue=t,this.previousMinRows=this.minRows}}},z.prototype.cacheTextareaLineHeight=function(){if(!(0<=this.cachedLineHeight)&&this.el.parentNode){var e=this.el.cloneNode(!1);e.rows=1,e.style.position="absolute",e.style.visibility="hidden",e.style.border="none",e.style.padding="0",e.style.height="",e.style.minHeight="",e.style.maxHeight="",e.style.overflow="hidden",this.el.parentNode.appendChild(e),this.cachedLineHeight=e.clientHeight-this.inputGap-1,this.el.parentNode.removeChild(e),this.setMinHeight(),this.setMaxHeight()}},z.prototype.setMinHeight=function(){var e=this.minRows&&this.cachedLineHeight?this.minRows*this.cachedLineHeight+this.inputGap+"px":null;e&&(this.el.style.minHeight=e)},z.prototype.setMaxHeight=function(){var e=this.maxRows&&this.cachedLineHeight?this.maxRows*this.cachedLineHeight+this.inputGap+"px":null;e&&(this.el.style.maxHeight=e)},z.prototype.noopInputHandler=function(){},z.prototype.ngAfterViewInit=function(){var e=this;this.nzAutosize&&this.platform.isBrowser&&(this.resizeToFitContent(),this.ngZone.runOutsideAngular(function(){s.fromEvent(window,"resize").pipe(p.auditTime(16),p.takeUntil(e.destroy$)).subscribe(function(){return e.resizeToFitContent(!0)})}))},z.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},z.prototype.ngDoCheck=function(){this.nzAutosize&&this.platform.isBrowser&&this.resizeToFitContent()},z.decorators=[{type:a.Directive,args:[{selector:"textarea[nzAutosize]",exportAs:"nzAutosize",host:{rows:"1","(input)":"noopInputHandler()"}}]}],z.ctorParameters=function(){return[{type:a.ElementRef},{type:a.NgZone},{type:o.Platform}]},z.propDecorators={nzAutosize:[{type:a.Input}]},z);function z(e,t,n){this.elementRef=e,this.ngZone=t,this.platform=n,this.autosize=!1,this.el=this.elementRef.nativeElement,this.destroy$=new s.Subject,this.inputGap=10}var y=(x.decorators=[{type:a.NgModule,args:[{declarations:[l,d,m],exports:[l,d,m],imports:[t.CommonModule,n.FormsModule,r.NzIconModule,o.PlatformModule,i.NzAddOnModule]}]}],x);function x(){}e.NzInputGroupComponent=d,e.NzInputModule=y,e.NzInputDirective=l,e.isAutoSizeType=h,e.NzAutosizeDirective=m,Object.defineProperty(e,"__esModule",{value:!0})}); //# sourceMappingURL=ng-zorro-antd-input.umd.min.js.map