chunk-4VWDCFMP.js

import{a as u,b as c}from"./chunk-DJNCDVG7.js";import{a as V,b as j}from"./chunk-S3ZF23VX.js";import{a as N,b as D}from"./chunk-U36PLR3L.js";import"./chunk-FKGJGU3K.js";import{a as g,g as X,h as U,j as q}from"./chunk-CQCG3332.js";import"./chunk-MC2HPSUP.js";import"./chunk-V4U3URE2.js";import{Ca as h,Ea as ne,Fc as Z,Hc as P,Ic as Q,Lc as W,ec as R,oc as O,sc as G}from"./chunk-U67ZLHSB.js";import{Ac as T,Bc as H,Cc as w,Gc as $,Hc as t,Ib as z,Mc as M,Nc as _,Oc as L,Pb as Y,Wb as a,bd as ee,ic as e,jc as n,kc as i,rc as x,tb as m,ya as p,za as s}from"./chunk-6WFMSBDD.js";import"./chunk-EQDQRRRY.js";var b=class d{static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-basic"]],decls:1,vars:0,consts:[["nzSimple",""]],template:function(o,l){o&1&&i(0,"nz-spin",0)},dependencies:[c,u],encapsulation:2})};function oe(d,r){d&1&&i(0,"nz-icon",2)}var y=class d{static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-custom-indicator"]],decls:3,vars:1,consts:[["indicatorTemplate",""],["nzSimple","",3,"nzIndicator"],["nzType","loading"]],template:function(o,l){if(o&1&&(Y(0,oe,1,0,"ng-template",null,0,ee),i(2,"nz-spin",1)),o&2){let f=$(1);m(2),a("nzIndicator",f)}},dependencies:[ne,h,c,u],styles:["nz-icon[_ngcontent-%COMP%]{font-size:24px}"]})};var F=class d{isSpinning=!1;static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-delay-and-debounce"]],decls:6,vars:3,consts:[[3,"nzSpinning","nzDelay"],["nzType","info","nzMessage","Alert message title","nzDescription","Further details about the context of this alert."],[3,"ngModelChange","ngModel"]],template:function(o,l){o&1&&(e(0,"nz-spin",0),i(1,"nz-alert",1),n(),i(2,"br"),e(3,"div"),t(4," Loading state\uFF1A "),e(5,"nz-switch",2),L("ngModelChange",function(S){return _(l.isSpinning,S)||(l.isSpinning=S),S}),n()()),o&2&&(a("nzSpinning",l.isSpinning)("nzDelay",500),m(5),M("ngModel",l.isSpinning))},dependencies:[Z,O,G,D,N,c,u,j,V],encapsulation:2})};var B=class d{static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-inside"]],decls:2,vars:0,consts:[[1,"container"],["nzSimple",""]],template:function(o,l){o&1&&(e(0,"div",0),i(1,"nz-spin",1),n())},dependencies:[c,u],styles:[".container[_ngcontent-%COMP%]{text-align:center;background:#0000000d;border-radius:4px;padding:30px 50px;margin:20px 0}"]})};var v=class d{isSpinning=!1;static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-nested"]],decls:6,vars:2,consts:[[3,"nzSpinning"],["nzType","info","nzMessage","Alert message title","nzDescription","Further details about the context of this alert."],[3,"ngModelChange","ngModel"]],template:function(o,l){o&1&&(e(0,"nz-spin",0),i(1,"nz-alert",1),n(),i(2,"br"),e(3,"div"),t(4," Loading state\uFF1A "),e(5,"nz-switch",2),L("ngModelChange",function(S){return _(l.isSpinning,S)||(l.isSpinning=S),S}),n()()),o&2&&(a("nzSpinning",l.isSpinning),m(5),M("ngModel",l.isSpinning))},dependencies:[Z,O,G,D,N,c,u,j,V],encapsulation:2})};var A=class d{static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-size"]],decls:3,vars:0,consts:[["nzSimple","","nzSize","small"],["nzSimple",""],["nzSimple","","nzSize","large"]],template:function(o,l){o&1&&i(0,"nz-spin",0)(1,"nz-spin",1)(2,"nz-spin",2)},dependencies:[c,u],styles:["nz-spin[_ngcontent-%COMP%]{display:inline-block;margin-right:16px}"]})};var k=class d{static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin-tip"]],decls:2,vars:0,consts:[["nzTip","Loading..."],["nzType","info","nzMessage","Alert message title","nzDescription","Further details about the context of this alert."]],template:function(o,l){o&1&&(e(0,"nz-spin",0),i(1,"nz-alert",1),n())},dependencies:[D,N,c,u],encapsulation:2})};var J=class d{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin"]],viewQuery:function(o,l){if(o&1&&T(g,5),o&2){let f;H(f=w())&&(l.codeBoxes=f)}},decls:202,vars:42,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-spin-demo-basic","nzTitle","\u57FA\u672C\u7528\u6CD5"],["nzHref","#components-spin-demo-size","nzTitle","\u5404\u79CD\u5927\u5C0F"],["nzHref","#components-spin-demo-inside","nzTitle","\u5BB9\u5668"],["nzHref","#components-spin-demo-nested","nzTitle","\u5361\u7247\u52A0\u8F7D\u4E2D"],["nzHref","#components-spin-demo-tip","nzTitle","\u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u6848"],["nzHref","#components-spin-demo-delay-and-debounce","nzTitle","\u5EF6\u8FDF"],["nzHref","#components-spin-demo-custom-indicator","nzTitle","\u81EA\u5B9A\u4E49\u6307\u793A\u7B26"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","\u5C55\u5F00\u5168\u90E8\u4EE3\u7801",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","\u57FA\u672C\u7528\u6CD5","nzSelector","nz-demo-spin-basic","nzGenerateCommand","ng g ng-zorro-antd:spin-basic <name>","nzComponentName","NzDemoSpinBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5BB9\u5668","nzSelector","nz-demo-spin-inside","nzGenerateCommand","ng g ng-zorro-antd:spin-inside <name>","nzComponentName","NzDemoSpinInsideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u6848","nzSelector","nz-demo-spin-tip","nzGenerateCommand","ng g ng-zorro-antd:spin-tip <name>","nzComponentName","NzDemoSpinTipComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6307\u793A\u7B26","nzSelector","nz-demo-spin-custom-indicator","nzGenerateCommand","ng g ng-zorro-antd:spin-custom-indicator <name>","nzComponentName","NzDemoSpinCustomIndicatorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5404\u79CD\u5927\u5C0F","nzSelector","nz-demo-spin-size","nzGenerateCommand","ng g ng-zorro-antd:spin-size <name>","nzComponentName","NzDemoSpinSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5361\u7247\u52A0\u8F7D\u4E2D","nzSelector","nz-demo-spin-nested","nzGenerateCommand","ng g ng-zorro-antd:spin-nested <name>","nzComponentName","NzDemoSpinNestedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u5EF6\u8FDF","nzSelector","nz-demo-spin-delay-and-debounce","nzGenerateCommand","ng g ng-zorro-antd:spin-delay-and-debounce <name>","nzComponentName","NzDemoSpinDelayAndDebounceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-spin"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-spin'",1,"anchor"]],template:function(o,l){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(S){return l.goLink(S)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9),n()(),e(11,"section",10)(12,"h1"),t(13,"Spin"),e(14,"span",11),t(15,"\u52A0\u8F7D\u4E2D"),n(),i(16,"span",12),e(17,"a",13),i(18,"nz-icon",14),n()(),e(19,"section",10),s(),e(20,"p"),t(21,"\u7528\u4E8E\u9875\u9762\u548C\u533A\u5757\u7684\u52A0\u8F7D\u4E2D\u72B6\u6001\u3002"),n(),e(22,"h2",15)(23,"span"),t(24,"\u4F55\u65F6\u4F7F\u7528"),n(),e(25,"a",16),t(26,"#"),n()(),e(27,"p"),t(28,"\u9875\u9762\u5C40\u90E8\u5904\u4E8E\u7B49\u5F85\u5F02\u6B65\u6570\u636E\u6216\u6B63\u5728\u6E32\u67D3\u8FC7\u7A0B\u65F6\uFF0C\u5408\u9002\u7684\u52A0\u8F7D\u52A8\u6548\u4F1A\u6709\u6548\u7F13\u89E3\u7528\u6237\u7684\u7126\u8651\u3002"),n(),e(29,"pre")(30,"code",17)(31,"span",18),t(32,"import"),n(),t(33," "),e(34,"span",19),t(35,"{"),n(),t(36," NzSpinModule "),e(37,"span",19),t(38,"}"),n(),t(39," "),e(40,"span",18),t(41,"from"),n(),t(42," "),e(43,"span",20),t(44,"'ng-zorro-antd/spin'"),n(),e(45,"span",19),t(46,";"),n(),t(47,`
`),n()(),p(),n(),e(48,"h2")(49,"span"),t(50,"\u4EE3\u7801\u6F14\u793A"),n(),e(51,"nz-icon",21),x("click",function(){return l.expandAllCode()}),n()()(),e(52,"div",22)(53,"div",23)(54,"nz-code-box",24),i(55,"nz-demo-spin-basic",25),e(56,"div",26),s(),e(57,"p"),t(58,"\u4E00\u4E2A\u7B80\u5355\u7684 loading \u72B6\u6001\u3002"),n(),p(),n()(),e(59,"nz-code-box",27),i(60,"nz-demo-spin-inside",25),e(61,"div",26),s(),e(62,"p"),t(63,"\u653E\u5165\u4E00\u4E2A\u5BB9\u5668\u4E2D\u3002"),n(),p(),n()(),e(64,"nz-code-box",28),i(65,"nz-demo-spin-tip",25),e(66,"div",26),s(),e(67,"p"),t(68,"\u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u6848\u3002"),n(),p(),n()(),e(69,"nz-code-box",29),i(70,"nz-demo-spin-custom-indicator",25),e(71,"div",26),s(),e(72,"p"),t(73,"\u4F7F\u7528\u81EA\u5B9A\u4E49\u6307\u793A\u7B26\u3002"),n(),p(),n()()(),e(74,"div",23)(75,"nz-code-box",30),i(76,"nz-demo-spin-size",25),e(77,"div",26),s(),e(78,"p"),t(79,"\u5C0F\u7684\u7528\u4E8E\u6587\u672C\u52A0\u8F7D\uFF0C\u9ED8\u8BA4\u7528\u4E8E\u5361\u7247\u5BB9\u5668\u7EA7\u52A0\u8F7D\uFF0C\u5927\u7684\u7528\u4E8E"),e(80,"strong"),t(81,"\u9875\u9762\u7EA7"),n(),t(82,"\u52A0\u8F7D\u3002"),n(),p(),n()(),e(83,"nz-code-box",31),i(84,"nz-demo-spin-nested",25),e(85,"div",26),s(),e(86,"p"),t(87,"\u53EF\u4EE5\u76F4\u63A5\u628A\u5185\u5BB9\u5185\u5D4C\u5230 "),e(88,"code"),t(89,"nz-spin"),n(),t(90," \u4E2D\uFF0C\u5C06\u73B0\u6709\u5BB9\u5668\u53D8\u4E3A\u52A0\u8F7D\u72B6\u6001\u3002"),n(),p(),n()(),e(91,"nz-code-box",32),i(92,"nz-demo-spin-delay-and-debounce",25),e(93,"div",26),s(),e(94,"p"),t(95,"\u5EF6\u8FDF\u663E\u793A loading \u6548\u679C\u3002\u5F53 spinning \u72B6\u6001\u5728 "),e(96,"code"),t(97,"nzDelay"),n(),t(98," \u65F6\u95F4\u5185\u7ED3\u675F\uFF0C\u5219\u4E0D\u663E\u793A loading \u72B6\u6001\u3002"),n(),p(),n()()()(),e(99,"section",33),s(),e(100,"h2",34)(101,"span"),t(102,"API"),n(),e(103,"a",35),t(104,"#"),n()(),e(105,"h3",36)(106,"span"),t(107,"nz-spin"),n(),e(108,"label",37),t(109,"component"),n(),e(110,"a",38),t(111,"#"),n()(),e(112,"table")(113,"thead")(114,"tr")(115,"th"),t(116,"\u53C2\u6570"),n(),e(117,"th"),t(118,"\u8BF4\u660E"),n(),e(119,"th"),t(120,"\u7C7B\u578B"),n(),e(121,"th"),t(122,"\u9ED8\u8BA4\u503C"),n(),e(123,"th"),t(124,"\u5168\u5C40\u914D\u7F6E"),n()()(),e(125,"tbody")(126,"tr")(127,"td")(128,"code"),t(129,"[nzDelay]"),n()(),e(130,"td"),t(131,"\u5EF6\u8FDF\u663E\u793A\u52A0\u8F7D\u6548\u679C\u7684\u65F6\u95F4\uFF08\u9632\u6B62\u95EA\u70C1\uFF09\uFF0C\u5355\u4F4D\uFF1A\u6BEB\u79D2"),n(),e(132,"td")(133,"code"),t(134,"number"),n()(),e(135,"td"),t(136,"-"),n(),i(137,"td"),n(),e(138,"tr")(139,"td")(140,"code"),t(141,"[nzIndicator]"),n()(),e(142,"td"),t(143,"\u52A0\u8F7D\u6307\u793A\u7B26"),n(),e(144,"td")(145,"code"),t(146,"TemplateRef<void>"),n()(),e(147,"td"),t(148,"-"),n(),e(149,"td"),t(150,"\u2705"),n()(),e(151,"tr")(152,"td")(153,"code"),t(154,"[nzSize]"),n()(),e(155,"td"),t(156,"\u7EC4\u4EF6\u5927\u5C0F"),n(),e(157,"td")(158,"code"),t(159,"'large' | 'small' | 'default'"),n()(),e(160,"td")(161,"code"),t(162,"'default'"),n()(),i(163,"td"),n(),e(164,"tr")(165,"td")(166,"code"),t(167,"[nzSpinning]"),n()(),e(168,"td"),t(169,"\u662F\u5426\u65CB\u8F6C"),n(),e(170,"td")(171,"code"),t(172,"boolean"),n()(),e(173,"td")(174,"code"),t(175,"true"),n()(),i(176,"td"),n(),e(177,"tr")(178,"td")(179,"code"),t(180,"[nzSimple]"),n()(),e(181,"td"),t(182,"\u662F\u5426\u5305\u88F9\u5143\u7D20"),n(),e(183,"td")(184,"code"),t(185,"boolean"),n()(),e(186,"td")(187,"code"),t(188,"false"),n()(),i(189,"td"),n(),e(190,"tr")(191,"td")(192,"code"),t(193,"[nzTip]"),n()(),e(194,"td"),t(195,"\u5F53\u4F5C\u4E3A\u5305\u88F9\u5143\u7D20\u65F6\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u63CF\u8FF0\u6587\u6848"),n(),e(196,"td")(197,"code"),t(198,"string"),n()(),e(199,"td"),t(200,"-"),n(),i(201,"td"),n()()(),p(),n()()),o&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(50),a("nzGutter",16),m(),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-spin-demo-basic")("nzLink","components-spin-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/basic.md"),m(5),a("nzId","components-spin-demo-inside")("nzLink","components-spin-demo-inside")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/inside.md"),m(5),a("nzId","components-spin-demo-tip")("nzLink","components-spin-demo-tip")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/tip.md"),m(5),a("nzId","components-spin-demo-custom-indicator")("nzLink","components-spin-demo-custom-indicator")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/custom-indicator.md"),m(5),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-spin-demo-size")("nzLink","components-spin-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/size.md"),m(8),a("nzId","components-spin-demo-nested")("nzLink","components-spin-demo-nested")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/nested.md"),m(8),a("nzId","components-spin-demo-delay-and-debounce")("nzLink","components-spin-demo-delay-and-debounce")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/delay-and-debounce.md"))},dependencies:[q,g,X,U,W,Q,P,R,h,b,y,F,B,v,A,k],encapsulation:2})};var K=class d{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(o){return new(o||d)};static \u0275cmp=z({type:d,selectors:[["nz-demo-spin"]],viewQuery:function(o,l){if(o&1&&T(g,5),o&2){let f;H(f=w())&&(l.codeBoxes=f)}},decls:210,vars:42,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-spin-demo-basic","nzTitle","Basic Usage"],["nzHref","#components-spin-demo-size","nzTitle","Size"],["nzHref","#components-spin-demo-inside","nzTitle","Inside a container"],["nzHref","#components-spin-demo-nested","nzTitle","Embedded mode"],["nzHref","#components-spin-demo-tip","nzTitle","Customized description"],["nzHref","#components-spin-demo-delay-and-debounce","nzTitle","delay"],["nzHref","#components-spin-demo-custom-indicator","nzTitle","Custom spinning indicator"],["nzHref","#api","nzTitle","API"],[1,"markdown"],[1,"subtitle"],[1,"widget"],["aria-label","Edit this page on Github","href","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],[1,"language-ts"],[1,"token","keyword"],[1,"token","punctuation"],[1,"token","string"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzXl","nzSpan"],["nzTitle","Basic Usage","nzSelector","nz-demo-spin-basic","nzGenerateCommand","ng g ng-zorro-antd:spin-basic <name>","nzComponentName","NzDemoSpinBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Inside a container","nzSelector","nz-demo-spin-inside","nzGenerateCommand","ng g ng-zorro-antd:spin-inside <name>","nzComponentName","NzDemoSpinInsideComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Customized description","nzSelector","nz-demo-spin-tip","nzGenerateCommand","ng g ng-zorro-antd:spin-tip <name>","nzComponentName","NzDemoSpinTipComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom spinning indicator","nzSelector","nz-demo-spin-custom-indicator","nzGenerateCommand","ng g ng-zorro-antd:spin-custom-indicator <name>","nzComponentName","NzDemoSpinCustomIndicatorComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Size","nzSelector","nz-demo-spin-size","nzGenerateCommand","ng g ng-zorro-antd:spin-size <name>","nzComponentName","NzDemoSpinSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Embedded mode","nzSelector","nz-demo-spin-nested","nzGenerateCommand","ng g ng-zorro-antd:spin-nested <name>","nzComponentName","NzDemoSpinNestedComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","delay","nzSelector","nz-demo-spin-delay-and-debounce","nzGenerateCommand","ng g ng-zorro-antd:spin-delay-and-debounce <name>","nzComponentName","NzDemoSpinDelayAndDebounceComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-spin"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-spin'",1,"anchor"]],template:function(o,l){o&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(S){return l.goLink(S)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9),n()(),e(11,"section",10)(12,"h1"),t(13,"Spin"),i(14,"span",11)(15,"span",12),e(16,"a",13),i(17,"nz-icon",14),n()(),e(18,"section",10),s(),e(19,"p"),t(20,"A spinner for displaying loading state of a page or a section."),n(),e(21,"h2",15)(22,"span"),t(23,"When To Use"),n(),e(24,"a",16),t(25,"#"),n()(),e(26,"p"),t(27,"When part of the page is waiting for asynchronous data or during a rendering process, an appropriate loading animation can effectively alleviate users' inquietude."),n(),e(28,"pre")(29,"code",17)(30,"span",18),t(31,"import"),n(),t(32," "),e(33,"span",19),t(34,"{"),n(),t(35," NzSpinModule "),e(36,"span",19),t(37,"}"),n(),t(38," "),e(39,"span",18),t(40,"from"),n(),t(41," "),e(42,"span",20),t(43,"'ng-zorro-antd/spin'"),n(),e(44,"span",19),t(45,";"),n(),t(46,`
`),n()(),p(),n(),e(47,"h2")(48,"span"),t(49,"Examples"),n(),e(50,"nz-icon",21),x("click",function(){return l.expandAllCode()}),n()()(),e(51,"div",22)(52,"div",23)(53,"nz-code-box",24),i(54,"nz-demo-spin-basic",25),e(55,"div",26),s(),e(56,"p"),t(57,"A simple loading status."),n(),p(),n()(),e(58,"nz-code-box",27),i(59,"nz-demo-spin-inside",25),e(60,"div",26),s(),e(61,"p"),t(62,"Spin in a container."),n(),p(),n()(),e(63,"nz-code-box",28),i(64,"nz-demo-spin-tip",25),e(65,"div",26),s(),e(66,"p"),t(67,"Customized description content."),n(),p(),n()(),e(68,"nz-code-box",29),i(69,"nz-demo-spin-custom-indicator",25),e(70,"div",26),s(),e(71,"p"),t(72,"Use custom loading indicator."),n(),p(),n()()(),e(73,"div",23)(74,"nz-code-box",30),i(75,"nz-demo-spin-size",25),e(76,"div",26),s(),e(77,"p"),t(78,"A small "),e(79,"code"),t(80,"Spin"),n(),t(81," use in loading text, default "),e(82,"code"),t(83,"Spin"),n(),t(84," use in loading card-level block, and large "),e(85,"code"),t(86,"Spin"),n(),t(87," use in loading "),e(88,"strong"),t(89,"page"),n(),t(90,"."),n(),p(),n()(),e(91,"nz-code-box",31),i(92,"nz-demo-spin-nested",25),e(93,"div",26),s(),e(94,"p"),t(95,"Embedding content into "),e(96,"code"),t(97,"nz-spin"),n(),t(98," will alter it into loading state."),n(),p(),n()(),e(99,"nz-code-box",32),i(100,"nz-demo-spin-delay-and-debounce",25),e(101,"div",26),s(),e(102,"p"),t(103,"Specifies a delay for loading state. If "),e(104,"code"),t(105,"spinning"),n(),t(106," ends during delay, loading status won't appear."),n(),p(),n()()()(),e(107,"section",33),s(),e(108,"h2",34)(109,"span"),t(110,"API"),n(),e(111,"a",35),t(112,"#"),n()(),e(113,"h3",36)(114,"span"),t(115,"nz-spin"),n(),e(116,"label",37),t(117,"component"),n(),e(118,"a",38),t(119,"#"),n()(),e(120,"table")(121,"thead")(122,"tr")(123,"th"),t(124,"Property"),n(),e(125,"th"),t(126,"Description"),n(),e(127,"th"),t(128,"Type"),n(),e(129,"th"),t(130,"Default Value"),n(),e(131,"th"),t(132,"Global Config"),n()()(),e(133,"tbody")(134,"tr")(135,"td")(136,"code"),t(137,"[nzDelay]"),n()(),e(138,"td"),t(139,"specifies a delay in milliseconds for loading state (prevent flush), unit: milliseconds"),n(),e(140,"td")(141,"code"),t(142,"number"),n()(),e(143,"td"),t(144,"-"),n(),i(145,"td"),n(),e(146,"tr")(147,"td")(148,"code"),t(149,"[nzIndicator]"),n()(),e(150,"td"),t(151,"the spinning indicator"),n(),e(152,"td")(153,"code"),t(154,"TemplateRef<void>"),n()(),e(155,"td"),t(156,"-"),n(),e(157,"td"),t(158,"\u2705"),n()(),e(159,"tr")(160,"td")(161,"code"),t(162,"[nzSize]"),n()(),e(163,"td"),t(164,"size of Spin"),n(),e(165,"td")(166,"code"),t(167,"'large' | 'small' | 'default'"),n()(),e(168,"td")(169,"code"),t(170,"'default'"),n()(),i(171,"td"),n(),e(172,"tr")(173,"td")(174,"code"),t(175,"[nzSpinning]"),n()(),e(176,"td"),t(177,"whether Spin is spinning"),n(),e(178,"td")(179,"code"),t(180,"boolean"),n()(),e(181,"td")(182,"code"),t(183,"true"),n()(),i(184,"td"),n(),e(185,"tr")(186,"td")(187,"code"),t(188,"[nzSimple]"),n()(),e(189,"td"),t(190,"whether Spin has no children"),n(),e(191,"td")(192,"code"),t(193,"boolean"),n()(),e(194,"td")(195,"code"),t(196,"false"),n()(),i(197,"td"),n(),e(198,"tr")(199,"td")(200,"code"),t(201,"[nzTip]"),n()(),e(202,"td"),t(203,"customize description content when Spin has children"),n(),e(204,"td")(205,"code"),t(206,"string"),n()(),e(207,"td"),t(208,"-"),n(),i(209,"td"),n()()(),p(),n()()),o&2&&(m(),a("nzOffsetTop",16),m(),a("nzAffix",!1),m(49),a("nzGutter",16),m(),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-spin-demo-basic")("nzLink","components-spin-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/basic.md"),m(5),a("nzId","components-spin-demo-inside")("nzLink","components-spin-demo-inside")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/inside.md"),m(5),a("nzId","components-spin-demo-tip")("nzLink","components-spin-demo-tip")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/tip.md"),m(5),a("nzId","components-spin-demo-custom-indicator")("nzLink","components-spin-demo-custom-indicator")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/custom-indicator.md"),m(5),a("nzXl",12)("nzSpan",24),m(),a("nzId","components-spin-demo-size")("nzLink","components-spin-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/size.md"),m(17),a("nzId","components-spin-demo-nested")("nzLink","components-spin-demo-nested")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/nested.md"),m(8),a("nzId","components-spin-demo-delay-and-debounce")("nzLink","components-spin-demo-delay-and-debounce")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/spin/demo/delay-and-debounce.md"))},dependencies:[q,g,X,U,W,Q,P,R,h,b,y,F,B,v,A,k],encapsulation:2})};var ze=[{path:"en",component:K},{path:"zh",component:J}],on=ze;export{on as default};