UNPKG

ng-zorro-antd

Version:

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

16 lines (14 loc) 16.4 kB
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/cdk/a11y"),require("@angular/cdk/bidi"),require("@angular/core"),require("ng-zorro-antd/core/util"),require("rxjs"),require("rxjs/operators"),require("@angular/forms"),require("@angular/cdk/platform"),require("@angular/common"),require("ng-zorro-antd/core/outlet"),require("ng-zorro-antd/icon"),require("ng-zorro-antd/core/services")):"function"==typeof define&&define.amd?define("ng-zorro-antd/input",["exports","@angular/cdk/a11y","@angular/cdk/bidi","@angular/core","ng-zorro-antd/core/util","rxjs","rxjs/operators","@angular/forms","@angular/cdk/platform","@angular/common","ng-zorro-antd/core/outlet","ng-zorro-antd/icon","ng-zorro-antd/core/services"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-zorro-antd"]=t["ng-zorro-antd"]||{},t["ng-zorro-antd"].input={}),t.ng.cdk.a11y,t.ng.cdk.bidi,t.ng.core,t["ng-zorro-antd"].core.util,t.rxjs,t.rxjs.operators,t.ng.forms,t.ng.cdk.platform,t.ng.common,t["ng-zorro-antd"].core.outlet,t["ng-zorro-antd"].icon,t["ng-zorro-antd"].core.services)}(this,(function(t,e,n,i,r,o,s,a,p,u,l,c,d){"use strict"; /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */function h(t,e,n,i){var r,o=arguments.length,s=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,i);else for(var a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o<3?r(s):o>3?r(e,n,s):r(e,n))||s);return o>3&&s&&Object.defineProperty(e,n,s),s}function f(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}Object.create;function g(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var i,r,o=n.call(t),s=[];try{for(;(void 0===e||e-- >0)&&!(i=o.next()).done;)s.push(i.value)}catch(t){r={error:t}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return s}Object.create;var z=function(){function t(t,e,n,i){this.ngControl=t,this.directionality=i,this.nzBorderless=!1,this.nzSize="default",this._disabled=!1,this.disabled$=new o.Subject,this.dir="ltr",this.destroy$=new o.Subject,e.addClass(n.nativeElement,"ant-input")}return Object.defineProperty(t.prototype,"disabled",{get:function(){return this.ngControl&&null!==this.ngControl.disabled?this.ngControl.disabled:this._disabled},set:function(t){this._disabled=null!=t&&""+t!="false"},enumerable:!1,configurable:!0}),t.prototype.ngOnInit=function(){var t,e,n=this;this.ngControl&&(null===(t=this.ngControl.statusChanges)||void 0===t||t.pipe(s.filter((function(){return null!==n.ngControl.disabled})),s.takeUntil(this.destroy$)).subscribe((function(){n.disabled$.next(n.ngControl.disabled)}))),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(t){n.dir=t}))},t.prototype.ngOnChanges=function(t){t.disabled&&this.disabled$.next(this.disabled)},t.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},t}();z.decorators=[{type:i.Directive,args:[{selector:"input[nz-input],textarea[nz-input]",exportAs:"nzInput",host:{"[class.ant-input-disabled]":"disabled","[class.ant-input-borderless]":"nzBorderless","[class.ant-input-lg]":"nzSize === 'large'","[class.ant-input-sm]":"nzSize === 'small'","[attr.disabled]":"disabled || null","[class.ant-input-rtl]":"dir=== 'rtl'"}}]}],z.ctorParameters=function(){return[{type:a.NgControl,decorators:[{type:i.Optional},{type:i.Self}]},{type:i.Renderer2},{type:i.ElementRef},{type:n.Directionality,decorators:[{type:i.Optional}]}]},z.propDecorators={nzBorderless:[{type:i.Input}],nzSize:[{type:i.Input}],disabled:[{type:i.Input}]},h([r.InputBoolean(),f("design:type",Object)],z.prototype,"nzBorderless",void 0);var m=function(t){this.elementRef=t};m.decorators=[{type:i.Directive,args:[{selector:"nz-input-group[nzSuffix], nz-input-group[nzPrefix]"}]}],m.ctorParameters=function(){return[{type:i.ElementRef}]};var y=function(){function t(t,e,n,i){this.focusMonitor=t,this.elementRef=e,this.cdr=n,this.directionality=i,this.nzAddOnBeforeIcon=null,this.nzAddOnAfterIcon=null,this.nzPrefixIcon=null,this.nzSuffixIcon=null,this.nzSize="default",this.nzSearch=!1,this.nzCompact=!1,this.isLarge=!1,this.isSmall=!1,this.isAffix=!1,this.isAddOn=!1,this.focused=!1,this.disabled=!1,this.dir="ltr",this.destroy$=new o.Subject}return t.prototype.updateChildrenInputSize=function(){var t=this;this.listOfNzInputDirective&&this.listOfNzInputDirective.forEach((function(e){return e.nzSize=t.nzSize}))},t.prototype.ngOnInit=function(){var t,e=this;this.focusMonitor.monitor(this.elementRef,!0).pipe(s.takeUntil(this.destroy$)).subscribe((function(t){e.focused=!!t,e.cdr.markForCheck()})),this.dir=this.directionality.value,null===(t=this.directionality.change)||void 0===t||t.pipe(s.takeUntil(this.destroy$)).subscribe((function(t){e.dir=t}))},t.prototype.ngAfterContentInit=function(){var t=this;this.updateChildrenInputSize();var e=this.listOfNzInputDirective.changes.pipe(s.startWith(this.listOfNzInputDirective));e.pipe(s.switchMap((function(t){return o.merge.apply(void 0,function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(g(arguments[e]));return t}([e],t.map((function(t){return t.disabled$}))))})),s.mergeMap((function(){return e})),s.map((function(t){return t.some((function(t){return t.disabled}))})),s.takeUntil(this.destroy$)).subscribe((function(e){t.disabled=e,t.cdr.markForCheck()}))},t.prototype.ngOnChanges=function(t){var e=t.nzSize,n=t.nzSuffix,i=t.nzPrefix,r=t.nzPrefixIcon,o=t.nzSuffixIcon,s=t.nzAddOnAfter,a=t.nzAddOnBefore,p=t.nzAddOnAfterIcon,u=t.nzAddOnBeforeIcon;e&&(this.updateChildrenInputSize(),this.isLarge="large"===this.nzSize,this.isSmall="small"===this.nzSize),(n||i||r||o)&&(this.isAffix=!!(this.nzSuffix||this.nzPrefix||this.nzPrefixIcon||this.nzSuffixIcon)),(s||a||p||u)&&(this.isAddOn=!!(this.nzAddOnAfter||this.nzAddOnBefore||this.nzAddOnAfterIcon||this.nzAddOnBeforeIcon))},t.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},t}();y.decorators=[{type:i.Component,args:[{selector:"nz-input-group",exportAs:"nzInputGroup",preserveWhitespaces:!1,encapsulation:i.ViewEncapsulation.None,changeDetection:i.ChangeDetectionStrategy.OnPush,template:'\n <span class="ant-input-wrapper ant-input-group" *ngIf="isAddOn; else noAddOnTemplate">\n <span\n *ngIf="nzAddOnBefore || nzAddOnBeforeIcon"\n nz-input-group-slot\n type="addon"\n [icon]="nzAddOnBeforeIcon"\n [template]="nzAddOnBefore"\n ></span>\n <span\n *ngIf="isAffix; else contentTemplate"\n class="ant-input-affix-wrapper"\n [class.ant-input-affix-wrapper-sm]="isSmall"\n [class.ant-input-affix-wrapper-lg]="isLarge"\n >\n <ng-template [ngTemplateOutlet]="affixTemplate"></ng-template>\n </span>\n <span\n *ngIf="nzAddOnAfter || nzAddOnAfterIcon"\n nz-input-group-slot\n type="addon"\n [icon]="nzAddOnAfterIcon"\n [template]="nzAddOnAfter"\n ></span>\n </span>\n <ng-template #noAddOnTemplate>\n <ng-template [ngIf]="isAffix" [ngIfElse]="contentTemplate">\n <ng-template [ngTemplateOutlet]="affixTemplate"></ng-template>\n </ng-template>\n </ng-template>\n <ng-template #affixTemplate>\n <span *ngIf="nzPrefix || nzPrefixIcon" nz-input-group-slot type="prefix" [icon]="nzPrefixIcon" [template]="nzPrefix"></span>\n <ng-template [ngTemplateOutlet]="contentTemplate"></ng-template>\n <span *ngIf="nzSuffix || nzSuffixIcon" nz-input-group-slot type="suffix" [icon]="nzSuffixIcon" [template]="nzSuffix"></span>\n </ng-template>\n <ng-template #contentTemplate>\n <ng-content></ng-content>\n </ng-template>\n ',host:{"[class.ant-input-group-compact]":"nzCompact","[class.ant-input-search-enter-button]":"nzSearch","[class.ant-input-search]":"nzSearch","[class.ant-input-search-rtl]":"dir === 'rtl'","[class.ant-input-search-sm]":"nzSearch && isSmall","[class.ant-input-search-large]":"nzSearch && isLarge","[class.ant-input-group-wrapper]":"isAddOn","[class.ant-input-group-wrapper-rtl]":"dir === 'rtl'","[class.ant-input-group-wrapper-lg]":"isAddOn && isLarge","[class.ant-input-group-wrapper-sm]":"isAddOn && isSmall","[class.ant-input-affix-wrapper]":"isAffix && !isAddOn","[class.ant-input-affix-wrapper-rtl]":"dir === 'rtl'","[class.ant-input-affix-wrapper-focused]":"isAffix && focused","[class.ant-input-affix-wrapper-disabled]":"isAffix && disabled","[class.ant-input-affix-wrapper-lg]":"isAffix && !isAddOn && isLarge","[class.ant-input-affix-wrapper-sm]":"isAffix && !isAddOn && isSmall","[class.ant-input-group]":"!isAffix && !isAddOn","[class.ant-input-group-rtl]":"dir === 'rtl'","[class.ant-input-group-lg]":"!isAffix && !isAddOn && isLarge","[class.ant-input-group-sm]":"!isAffix && !isAddOn && isSmall"}}]}],y.ctorParameters=function(){return[{type:e.FocusMonitor},{type:i.ElementRef},{type:i.ChangeDetectorRef},{type:n.Directionality,decorators:[{type:i.Optional}]}]},y.propDecorators={listOfNzInputDirective:[{type:i.ContentChildren,args:[z]}],nzAddOnBeforeIcon:[{type:i.Input}],nzAddOnAfterIcon:[{type:i.Input}],nzPrefixIcon:[{type:i.Input}],nzSuffixIcon:[{type:i.Input}],nzAddOnBefore:[{type:i.Input}],nzAddOnAfter:[{type:i.Input}],nzPrefix:[{type:i.Input}],nzSuffix:[{type:i.Input}],nzSize:[{type:i.Input}],nzSearch:[{type:i.Input}],nzCompact:[{type:i.Input}]},h([r.InputBoolean(),f("design:type",Object)],y.prototype,"nzSearch",void 0),h([r.InputBoolean(),f("design:type",Object)],y.prototype,"nzCompact",void 0);var x=function(){function t(t,e,n,i){this.elementRef=t,this.ngZone=e,this.platform=n,this.resizeService=i,this.autosize=!1,this.el=this.elementRef.nativeElement,this.maxHeight=null,this.minHeight=null,this.destroy$=new o.Subject,this.inputGap=10}return Object.defineProperty(t.prototype,"nzAutosize",{set:function(t){var e;"string"==typeof t||!0===t?this.autosize=!0:"string"!=typeof(e=t)&&"boolean"!=typeof e&&(e.maxRows||e.minRows)&&(this.autosize=!0,this.minRows=t.minRows,this.maxRows=t.maxRows,this.maxHeight=this.setMaxHeight(),this.minHeight=this.setMinHeight())},enumerable:!1,configurable:!0}),t.prototype.resizeToFitContent=function(t){var e=this;if(void 0===t&&(t=!1),this.cacheTextareaLineHeight(),this.cachedLineHeight){var n=this.el,i=n.value;if(t||this.minRows!==this.previousMinRows||i!==this.previousValue){var r=n.placeholder;n.classList.add("nz-textarea-autosize-measuring"),n.placeholder="";var o=Math.round((n.scrollHeight-this.inputGap)/this.cachedLineHeight)*this.cachedLineHeight+this.inputGap;null!==this.maxHeight&&o>this.maxHeight&&(o=this.maxHeight),null!==this.minHeight&&o<this.minHeight&&(o=this.minHeight),n.style.height=o+"px",n.classList.remove("nz-textarea-autosize-measuring"),n.placeholder=r,"undefined"!=typeof requestAnimationFrame&&this.ngZone.runOutsideAngular((function(){return requestAnimationFrame((function(){var t=n.selectionStart,i=n.selectionEnd;e.destroy$.isStopped||document.activeElement!==n||n.setSelectionRange(t,i)}))})),this.previousValue=i,this.previousMinRows=this.minRows}}},t.prototype.cacheTextareaLineHeight=function(){if(!(this.cachedLineHeight>=0)&&this.el.parentNode){var t=this.el.cloneNode(!1);t.rows=1,t.style.position="absolute",t.style.visibility="hidden",t.style.border="none",t.style.padding="0",t.style.height="",t.style.minHeight="",t.style.maxHeight="",t.style.overflow="hidden",this.el.parentNode.appendChild(t),this.cachedLineHeight=t.clientHeight-this.inputGap,this.el.parentNode.removeChild(t),this.maxHeight=this.setMaxHeight(),this.minHeight=this.setMinHeight()}},t.prototype.setMinHeight=function(){var t=this.minRows&&this.cachedLineHeight?this.minRows*this.cachedLineHeight+this.inputGap:null;return null!==t&&(this.el.style.minHeight=t+"px"),t},t.prototype.setMaxHeight=function(){var t=this.maxRows&&this.cachedLineHeight?this.maxRows*this.cachedLineHeight+this.inputGap:null;return null!==t&&(this.el.style.maxHeight=t+"px"),t},t.prototype.noopInputHandler=function(){},t.prototype.ngAfterViewInit=function(){var t=this;this.autosize&&this.platform.isBrowser&&(this.resizeToFitContent(),this.resizeService.subscribe().pipe(s.takeUntil(this.destroy$)).subscribe((function(){return t.resizeToFitContent(!0)})))},t.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},t.prototype.ngDoCheck=function(){this.autosize&&this.platform.isBrowser&&this.resizeToFitContent()},t}();x.decorators=[{type:i.Directive,args:[{selector:"textarea[nzAutosize]",exportAs:"nzAutosize",host:{rows:"1","(input)":"noopInputHandler()"}}]}],x.ctorParameters=function(){return[{type:i.ElementRef},{type:i.NgZone},{type:p.Platform},{type:d.NzResizeService}]},x.propDecorators={nzAutosize:[{type:i.Input}]};var v=function(){this.icon=null,this.type=null,this.template=null};v.decorators=[{type:i.Component,args:[{selector:"[nz-input-group-slot]",preserveWhitespaces:!1,encapsulation:i.ViewEncapsulation.None,changeDetection:i.ChangeDetectionStrategy.OnPush,template:'\n <i nz-icon [nzType]="icon" *ngIf="icon"></i>\n <ng-container *nzStringTemplateOutlet="template">{{ template }}</ng-container>\n ',host:{"[class.ant-input-group-addon]":"type === 'addon'","[class.ant-input-prefix]":"type === 'prefix'","[class.ant-input-suffix]":"type === 'suffix'"}}]}],v.propDecorators={icon:[{type:i.Input}],type:[{type:i.Input}],template:[{type:i.Input}]};var I=function(){function t(t,e){this.renderer=t,this.elementRef=e,this.nzMaxCharacterCount=0,this.nzComputeCharacterCount=function(t){return t.length},this.nzFormatter=function(t,e){return t+(e>0?"/"+e:"")},this.configChange$=new o.Subject,this.destroy$=new o.Subject}return t.prototype.ngAfterContentInit=function(){var t=this;if(!this.nzInputDirective&&i.isDevMode())throw new Error("[nz-textarea-count]: Could not find matching textarea[nz-input] child.");if(this.nzInputDirective.ngControl){var e=this.nzInputDirective.ngControl.valueChanges||o.EMPTY;o.merge(e,this.configChange$).pipe(s.takeUntil(this.destroy$),s.map((function(){return t.nzInputDirective.ngControl.value})),s.startWith(this.nzInputDirective.ngControl.value)).subscribe((function(e){t.setDataCount(e)}))}},t.prototype.setDataCount=function(t){var e=r.isNotNil(t)?String(t):"",n=this.nzComputeCharacterCount(e),i=this.nzFormatter(n,this.nzMaxCharacterCount);this.renderer.setAttribute(this.elementRef.nativeElement,"data-count",i)},t.prototype.ngOnDestroy=function(){this.configChange$.complete(),this.destroy$.next(),this.destroy$.complete()},t}();I.decorators=[{type:i.Component,args:[{selector:"nz-textarea-count",template:'\n <ng-content select="textarea[nz-input]"></ng-content>\n ',host:{class:"ant-input-textarea-show-count"},changeDetection:i.ChangeDetectionStrategy.OnPush}]}],I.ctorParameters=function(){return[{type:i.Renderer2},{type:i.ElementRef}]},I.propDecorators={nzInputDirective:[{type:i.ContentChild,args:[z,{static:!0}]}],nzMaxCharacterCount:[{type:i.Input}],nzComputeCharacterCount:[{type:i.Input}],nzFormatter:[{type:i.Input}]};var b=function(){};b.decorators=[{type:i.NgModule,args:[{declarations:[I,z,y,x,v,m],exports:[I,z,y,x,m],imports:[n.BidiModule,u.CommonModule,c.NzIconModule,p.PlatformModule,l.NzOutletModule]}]}],t.NzAutosizeDirective=x,t.NzInputDirective=z,t.NzInputGroupComponent=y,t.NzInputGroupSlotComponent=v,t.NzInputGroupWhitSuffixOrPrefixDirective=m,t.NzInputModule=b,t.NzTextareaCountComponent=I,Object.defineProperty(t,"__esModule",{value:!0})})); //# sourceMappingURL=ng-zorro-antd-input.umd.min.js.map