ng-zorro-antd/bundles/ng-zorro-antd-form.umd.min.js

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

!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/cdk/bidi"),require("@angular/cdk/layout"),require("@angular/cdk/platform"),require("@angular/common"),require("@angular/core"),require("ng-zorro-antd/core/outlet"),require("ng-zorro-antd/grid"),require("ng-zorro-antd/icon"),require("ng-zorro-antd/tooltip"),require("@angular/forms"),require("ng-zorro-antd/core/animation"),require("ng-zorro-antd/core/util"),require("ng-zorro-antd/i18n"),require("rxjs"),require("rxjs/operators"),require("ng-zorro-antd/core/config")):"function"==typeof define&&define.amd?define("ng-zorro-antd/form",["exports","@angular/cdk/bidi","@angular/cdk/layout","@angular/cdk/platform","@angular/common","@angular/core","ng-zorro-antd/core/outlet","ng-zorro-antd/grid","ng-zorro-antd/icon","ng-zorro-antd/tooltip","@angular/forms","ng-zorro-antd/core/animation","ng-zorro-antd/core/util","ng-zorro-antd/i18n","rxjs","rxjs/operators","ng-zorro-antd/core/config"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self)["ng-zorro-antd"]=t["ng-zorro-antd"]||{},t["ng-zorro-antd"].form={}),t.ng.cdk.bidi,t.ng.cdk.layout,t.ng.cdk.platform,t.ng.common,t.ng.core,t["ng-zorro-antd"].core.outlet,t["ng-zorro-antd"].grid,t["ng-zorro-antd"].icon,t["ng-zorro-antd"].tooltip,t.ng.forms,t["ng-zorro-antd"].core.animation,t["ng-zorro-antd"].core.util,t["ng-zorro-antd"].i18n,t.rxjs,t.rxjs.operators,t["ng-zorro-antd"].core.config)}(this,(function(t,e,n,o,i,r,a,s,l,c,p,u,d,h,f,g,m){"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 z(t,e,n,o){var i,r=arguments.length,a=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,n,o);else for(var s=t.length-1;s>=0;s--)(i=t[s])&&(a=(r<3?i(a):r>3?i(e,n,a):i(e,n))||a);return r>3&&a&&Object.defineProperty(e,n,a),a}function y(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}Object.create;Object.create;var v={type:"question-circle",theme:"outline"},b=function(){function t(t,e,n,o){var i,r=this;this.nzConfigService=t,this.renderer=n,this.directionality=o,this._nzModuleName="form",this.nzLayout="horizontal",this.nzNoColon=!1,this.nzAutoTips={},this.nzDisableAutoTips=!1,this.nzTooltipIcon=v,this.dir="ltr",this.destroy$=new f.Subject,this.inputChanges$=new f.Subject,this.renderer.addClass(e.nativeElement,"ant-form"),this.dir=this.directionality.value,null===(i=this.directionality.change)||void 0===i||i.pipe(g.takeUntil(this.destroy$)).subscribe((function(t){r.dir=t}))}return t.prototype.getInputObservable=function(t){return this.inputChanges$.pipe(g.filter((function(e){return t in e})),g.map((function(e){return e[t]})))},t.prototype.ngOnChanges=function(t){this.inputChanges$.next(t)},t.prototype.ngOnDestroy=function(){this.inputChanges$.complete(),this.destroy$.next(),this.destroy$.complete()},t}();b.decorators=[{type:r.Directive,args:[{selector:"[nz-form]",exportAs:"nzForm",host:{"[class.ant-form-horizontal]":"nzLayout === 'horizontal'","[class.ant-form-vertical]":"nzLayout === 'vertical'","[class.ant-form-inline]":"nzLayout === 'inline'","[class.ant-form-rtl]":"dir === 'rtl'"}}]}],b.ctorParameters=function(){return[{type:m.NzConfigService},{type:r.ElementRef},{type:r.Renderer2},{type:e.Directionality,decorators:[{type:r.Optional}]}]},b.propDecorators={nzLayout:[{type:r.Input}],nzNoColon:[{type:r.Input}],nzAutoTips:[{type:r.Input}],nzDisableAutoTips:[{type:r.Input}],nzTooltipIcon:[{type:r.Input}]},z([m.WithConfig(),d.InputBoolean(),y("design:type",Boolean)],b.prototype,"nzNoColon",void 0),z([m.WithConfig(),y("design:type",Object)],b.prototype,"nzAutoTips",void 0),z([d.InputBoolean(),y("design:type",Object)],b.prototype,"nzDisableAutoTips",void 0),z([m.WithConfig(),y("design:type",Object)],b.prototype,"nzTooltipIcon",void 0);var C=function(){function t(t,e,n){this.cdr=n,this.status=null,this.hasFeedback=!1,this.withHelpClass=!1,this.destroy$=new f.Subject,e.addClass(t.nativeElement,"ant-form-item")}return t.prototype.setWithHelpViaTips=function(t){this.withHelpClass=t,this.cdr.markForCheck()},t.prototype.setStatus=function(t){this.status=t,this.cdr.markForCheck()},t.prototype.setHasFeedback=function(t){this.hasFeedback=t,this.cdr.markForCheck()},t.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},t}();C.decorators=[{type:r.Component,args:[{selector:"nz-form-item",exportAs:"nzFormItem",preserveWhitespaces:!1,changeDetection:r.ChangeDetectionStrategy.OnPush,encapsulation:r.ViewEncapsulation.None,host:{"[class.ant-form-item-has-success]":'status === "success"',"[class.ant-form-item-has-warning]":'status === "warning"',"[class.ant-form-item-has-error]":'status === "error"',"[class.ant-form-item-is-validating]":'status === "validating"',"[class.ant-form-item-has-feedback]":"hasFeedback && status","[class.ant-form-item-with-help]":"withHelpClass"},template:"\n    <ng-content></ng-content>\n  "}]}],C.ctorParameters=function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.ChangeDetectorRef}]};var T={error:"close-circle-fill",validating:"loading",success:"check-circle-fill",warning:"exclamation-circle-fill"},I=function(){function t(t,e,n,o,i,r){var a,s,l=this;this.nzFormItemComponent=e,this.cdr=n,this.nzFormDirective=r,this._hasFeedback=!1,this.validateChanges=f.Subscription.EMPTY,this.validateString=null,this.destroyed$=new f.Subject,this.status=null,this.validateControl=null,this.iconType=null,this.innerTip=null,this.nzAutoTips={},this.nzDisableAutoTips="default",o.addClass(t.nativeElement,"ant-form-item-control"),this.subscribeAutoTips(i.localeChange.pipe(g.tap((function(t){return l.localeId=t.locale})))),this.subscribeAutoTips(null===(a=this.nzFormDirective)||void 0===a?void 0:a.getInputObservable("nzAutoTips")),this.subscribeAutoTips(null===(s=this.nzFormDirective)||void 0===s?void 0:s.getInputObservable("nzDisableAutoTips").pipe(g.filter((function(){return"default"===l.nzDisableAutoTips}))))}return Object.defineProperty(t.prototype,"disableAutoTips",{get:function(){var t;return"default"!==this.nzDisableAutoTips?d.toBoolean(this.nzDisableAutoTips):null===(t=this.nzFormDirective)||void 0===t?void 0:t.nzDisableAutoTips},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"nzHasFeedback",{get:function(){return this._hasFeedback},set:function(t){this._hasFeedback=d.toBoolean(t),this.nzFormItemComponent&&this.nzFormItemComponent.setHasFeedback(this._hasFeedback)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"nzValidateStatus",{set:function(t){t instanceof p.AbstractControl||t instanceof p.NgModel?(this.validateControl=t,this.validateString=null,this.watchControl()):t instanceof p.FormControlName?(this.validateControl=t.control,this.validateString=null,this.watchControl()):(this.validateString=t,this.validateControl=null,this.setStatus())},enumerable:!1,configurable:!0}),t.prototype.watchControl=function(){var t=this;this.validateChanges.unsubscribe(),this.validateControl&&this.validateControl.statusChanges&&(this.validateChanges=this.validateControl.statusChanges.pipe(g.startWith(null),g.takeUntil(this.destroyed$)).subscribe((function(e){t.disableAutoTips||t.updateAutoErrorTip(),t.setStatus(),t.cdr.markForCheck()})))},t.prototype.setStatus=function(){this.status=this.getControlStatus(this.validateString),this.iconType=this.status?T[this.status]:null,this.innerTip=this.getInnerTip(this.status),this.nzFormItemComponent&&(this.nzFormItemComponent.setWithHelpViaTips(!!this.innerTip),this.nzFormItemComponent.setStatus(this.status))},t.prototype.getControlStatus=function(t){return"warning"===t||this.validateControlStatus("INVALID","warning")?"warning":"error"===t||this.validateControlStatus("INVALID")?"error":"validating"===t||"pending"===t||this.validateControlStatus("PENDING")?"validating":"success"===t||this.validateControlStatus("VALID")?"success":null},t.prototype.validateControlStatus=function(t,e){if(this.validateControl){var n=this.validateControl,o=n.dirty,i=n.touched,r=n.status;return(!!o||!!i)&&(e?this.validateControl.hasError(e):r===t)}return!1},t.prototype.getInnerTip=function(t){switch(t){case"error":return!this.disableAutoTips&&this.autoErrorTip||this.nzErrorTip||null;case"validating":return this.nzValidatingTip||null;case"success":return this.nzSuccessTip||null;case"warning":return this.nzWarningTip||null;default:return null}},t.prototype.updateAutoErrorTip=function(){var t,e,n,o,i,r,a,s,l,c,p,u,d;if(this.validateControl){var h=this.validateControl.errors||{},f="";for(var g in h)if(h.hasOwnProperty(g)&&(f=null!==(p=null!==(a=null!==(i=null!==(e=null===(t=h[g])||void 0===t?void 0:t[this.localeId])&&void 0!==e?e:null===(o=null===(n=this.nzAutoTips)||void 0===n?void 0:n[this.localeId])||void 0===o?void 0:o[g])&&void 0!==i?i:null===(r=this.nzAutoTips.default)||void 0===r?void 0:r[g])&&void 0!==a?a:null===(c=null===(l=null===(s=this.nzFormDirective)||void 0===s?void 0:s.nzAutoTips)||void 0===l?void 0:l[this.localeId])||void 0===c?void 0:c[g])&&void 0!==p?p:null===(d=null===(u=this.nzFormDirective)||void 0===u?void 0:u.nzAutoTips.default)||void 0===d?void 0:d[g]),f)break;this.autoErrorTip=f}},t.prototype.subscribeAutoTips=function(t){var e=this;null==t||t.pipe(g.takeUntil(this.destroyed$)).subscribe((function(){e.disableAutoTips||(e.updateAutoErrorTip(),e.setStatus(),e.cdr.markForCheck())}))},t.prototype.ngOnChanges=function(t){var e=t.nzDisableAutoTips,n=t.nzAutoTips,o=t.nzSuccessTip,i=t.nzWarningTip,r=t.nzErrorTip,a=t.nzValidatingTip;e||n?(this.updateAutoErrorTip(),this.setStatus()):(o||i||r||a)&&this.setStatus()},t.prototype.ngOnInit=function(){this.setStatus()},t.prototype.ngOnDestroy=function(){this.destroyed$.next(),this.destroyed$.complete()},t.prototype.ngAfterContentInit=function(){this.validateControl||this.validateString||(this.defaultValidateControl instanceof p.FormControlDirective?this.nzValidateStatus=this.defaultValidateControl.control:this.nzValidateStatus=this.defaultValidateControl)},t}();function F(t){var e="string"==typeof t?{type:t}:t;return Object.assign(Object.assign({},v),e)}I.decorators=[{type:r.Component,args:[{selector:"nz-form-control",exportAs:"nzFormControl",preserveWhitespaces:!1,animations:[u.helpMotion],encapsulation:r.ViewEncapsulation.None,changeDetection:r.ChangeDetectionStrategy.OnPush,template:'\n    <div class="ant-form-item-control-input">\n      <div class="ant-form-item-control-input-content">\n        <ng-content></ng-content>\n      </div>\n      <span class="ant-form-item-children-icon">\n        <i *ngIf="nzHasFeedback && iconType" nz-icon [nzType]="iconType"></i>\n      </span>\n    </div>\n    <div [ngClass]="[\'ant-form-item-explain\', \'ant-form-item-explain-\' + status]" *ngIf="innerTip">\n      <div @helpMotion>\n        <ng-container *nzStringTemplateOutlet="innerTip; context: { $implicit: validateControl }">{{ innerTip }}</ng-container>\n      </div>\n    </div>\n    <div class="ant-form-item-extra" *ngIf="nzExtra">\n      <ng-container *nzStringTemplateOutlet="nzExtra">{{ nzExtra }}</ng-container>\n    </div>\n  '}]}],I.ctorParameters=function(){return[{type:r.ElementRef},{type:C,decorators:[{type:r.Optional},{type:r.Host}]},{type:r.ChangeDetectorRef},{type:r.Renderer2},{type:h.NzI18nService},{type:b,decorators:[{type:r.Optional}]}]},I.propDecorators={defaultValidateControl:[{type:r.ContentChild,args:[p.NgControl,{static:!1}]}],nzSuccessTip:[{type:r.Input}],nzWarningTip:[{type:r.Input}],nzErrorTip:[{type:r.Input}],nzValidatingTip:[{type:r.Input}],nzExtra:[{type:r.Input}],nzAutoTips:[{type:r.Input}],nzDisableAutoTips:[{type:r.Input}],nzHasFeedback:[{type:r.Input}],nzValidateStatus:[{type:r.Input}]};var D=function(){function t(t,e,n,o){var i=this;this.cdr=n,this.nzFormDirective=o,this.nzRequired=!1,this.noColon="default",this._tooltipIcon="default",this.destroy$=new f.Subject,e.addClass(t.nativeElement,"ant-form-item-label"),this.nzFormDirective&&(this.nzFormDirective.getInputObservable("nzNoColon").pipe(g.filter((function(){return"default"===i.noColon})),g.takeUntil(this.destroy$)).subscribe((function(){return i.cdr.markForCheck()})),this.nzFormDirective.getInputObservable("nzTooltipIcon").pipe(g.filter((function(){return"default"===i._tooltipIcon})),g.takeUntil(this.destroy$)).subscribe((function(){return i.cdr.markForCheck()})))}return Object.defineProperty(t.prototype,"nzNoColon",{get:function(){var t;return"default"!==this.noColon?this.noColon:null===(t=this.nzFormDirective)||void 0===t?void 0:t.nzNoColon},set:function(t){this.noColon=d.toBoolean(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"nzTooltipIcon",{set:function(t){this._tooltipIcon=F(t)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"tooltipIcon",{get:function(){var t;return"default"!==this._tooltipIcon?this._tooltipIcon:F((null===(t=this.nzFormDirective)||void 0===t?void 0:t.nzTooltipIcon)||v)},enumerable:!1,configurable:!0}),t.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},t}();D.decorators=[{type:r.Component,args:[{selector:"nz-form-label",exportAs:"nzFormLabel",preserveWhitespaces:!1,encapsulation:r.ViewEncapsulation.None,changeDetection:r.ChangeDetectionStrategy.OnPush,template:'\n    <label [attr.for]="nzFor" [class.ant-form-item-no-colon]="nzNoColon" [class.ant-form-item-required]="nzRequired">\n      <ng-content></ng-content>\n      <span *ngIf="nzTooltipTitle" class="ant-form-item-tooltip" nz-tooltip [nzTooltipTitle]="nzTooltipTitle">\n        <ng-container *nzStringTemplateOutlet="tooltipIcon.type; let tooltipIconType">\n          <i nz-icon [nzType]="tooltipIconType" [nzTheme]="tooltipIcon.theme"></i>\n        </ng-container>\n      </span>\n    </label>\n  '}]}],D.ctorParameters=function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.ChangeDetectorRef},{type:b,decorators:[{type:r.Optional},{type:r.SkipSelf}]}]},D.propDecorators={nzFor:[{type:r.Input}],nzRequired:[{type:r.Input}],nzNoColon:[{type:r.Input}],nzTooltipTitle:[{type:r.Input}],nzTooltipIcon:[{type:r.Input}]},z([d.InputBoolean(),y("design:type",Object)],D.prototype,"nzRequired",void 0);var S=function(t,e){this.elementRef=t,this.renderer=e,this.renderer.addClass(this.elementRef.nativeElement,"ant-form-split")};S.decorators=[{type:r.Component,args:[{selector:"nz-form-split",exportAs:"nzFormSplit",preserveWhitespaces:!1,encapsulation:r.ViewEncapsulation.None,changeDetection:r.ChangeDetectionStrategy.OnPush,template:" <ng-content></ng-content> "}]}],S.ctorParameters=function(){return[{type:r.ElementRef},{type:r.Renderer2}]};var A=function(t,e){this.elementRef=t,this.renderer=e,this.renderer.addClass(this.elementRef.nativeElement,"ant-form-text")};A.decorators=[{type:r.Component,args:[{selector:"nz-form-text",exportAs:"nzFormText",preserveWhitespaces:!1,changeDetection:r.ChangeDetectionStrategy.OnPush,encapsulation:r.ViewEncapsulation.None,template:" <ng-content></ng-content> "}]}],A.ctorParameters=function(){return[{type:r.ElementRef},{type:r.Renderer2}]};var k=function(){};k.decorators=[{type:r.NgModule,args:[{declarations:[b,C,D,I,A,S],exports:[s.NzGridModule,b,C,D,I,A,S],imports:[e.BidiModule,i.CommonModule,s.NzGridModule,l.NzIconModule,c.NzToolTipModule,n.LayoutModule,o.PlatformModule,a.NzOutletModule]}]}],t.DefaultTooltipIcon=v,t.NzFormControlComponent=I,t.NzFormDirective=b,t.NzFormItemComponent=C,t.NzFormLabelComponent=D,t.NzFormModule=k,t.NzFormSplitComponent=S,t.NzFormTextComponent=A,Object.defineProperty(t,"__esModule",{value:!0})}));
//# sourceMappingURL=ng-zorro-antd-form.umd.min.js.map