https://preview-8478-ng-zorro-antd.surge.sh/chunk-BGITNJSV.js

1import{a as E,b as ce}from"./chunk-KY4M2XYF.js";import{a as ue,d as se}from"./chunk-P4WSTZE7.js";import"./chunk-KYMNYIG3.js";import{a as G,b as pe}from"./chunk-4TY5IPN2.js";import{a as y,b as de,d as me}from"./chunk-TTU2SWWN.js";import{a as le}from"./chunk-PWPKGBNX.js";import{f as L,g as O,i as M,j as ae}from"./chunk-EWCMTUML.js";import{$c as x,Ab as _,Bb as te,Cb as e,Eb as ne,Hb as g,Ia as r,Ib as f,Jb as h,Jd as oe,Mb as F,Ta as ee,Va as l,Wb as ie,Xa as Y,Ye as H,ca as K,dd as C,gb as t,ha as S,hb as n,ia as $,ib as s,lg as R,pa as c,pb as v,qa as z,qf as N,rf as re,sf as k,tc as A,tf as T,yb as w,zb as I}from"./chunk-BPHN4FUK.js";var ze=[re,ce,pe,se,me];var W=(()=>{let i=class i{constructor(){this.disabled=!1,this.value1=30,this.value2=[20,50]}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-basic"]],decls:4,vars:5,consts:[[3,"ngModelChange","ngModel","nzDisabled"],["nzRange","",3,"ngModelChange","ngModel","nzDisabled"],["nzSize","small",3,"ngModelChange","ngModel"]],template:function(d,o){d&1&&(t(0,"nz-slider",0),h("ngModelChange",function(m){return f(o.value1,m)||(o.value1=m),m}),n(),t(1,"nz-slider",1),h("ngModelChange",function(m){return f(o.value2,m)||(o.value2=m),m}),n(),e(2," Disabled: "),t(3,"nz-switch",2),h("ngModelChange",function(m){return f(o.disabled,m)||(o.disabled=m),m}),n()),d&2&&(g("ngModel",o.value1),l("nzDisabled",o.disabled),r(),g("ngModel",o.value2),l("nzDisabled",o.disabled),r(2),g("ngModel",o.disabled))},dependencies:[x,C,E,G],encapsulation:2});let a=i;return a})();var V=(()=>{let i=class i{constructor(){this.singleValue=30,this.rangeValue=[20,50]}onChange(u){console.log(`onChange: ${u}`)}onAfterChange(u){console.log(`onAfterChange: ${u}`)}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-event"]],decls:2,vars:3,consts:[[3,"ngModelChange","nzOnAfterChange","ngModel"],["nzRange","",3,"ngModelChange","nzOnAfterChange","nzStep","ngModel"]],template:function(d,o){d&1&&(t(0,"nz-slider",0),h("ngModelChange",function(m){return f(o.singleValue,m)||(o.singleValue=m),m}),v("ngModelChange",function(m){return o.onChange(m)})("nzOnAfterChange",function(m){return o.onAfterChange(m)}),n(),t(1,"nz-slider",1),h("ngModelChange",function(m){return f(o.rangeValue,m)||(o.rangeValue=m),m}),v("ngModelChange",function(m){return o.onChange(m)})("nzOnAfterChange",function(m){return o.onAfterChange(m)}),n()),d&2&&(g("ngModel",o.singleValue),r(),l("nzStep",10),g("ngModel",o.rangeValue))},dependencies:[x,C,E],encapsulation:2});let a=i;return a})();var P=(()=>{let i=class i{constructor(){this.min=0,this.max=20,this.mid=parseFloat(((this.max-this.min)/2).toFixed(5)),this.preHighLight=!1,this.nextHighLight=!1,this._sliderValue=0}set sliderValue(u){this._sliderValue=u,this.highlightIcon()}get sliderValue(){return this._sliderValue}ngOnInit(){this.sliderValue=0}highlightIcon(){let u=this._sliderValue>=this.mid;this.preHighLight=!u,this.nextHighLight=u}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-icon-slider"]],decls:4,vars:7,consts:[[1,"icon-wrapper","test-class"],["nz-icon","","nzType","frown"],[3,"ngModelChange","nzMin","nzMax","ngModel"],["nz-icon","","nzType","smile"]],template:function(d,o){d&1&&(t(0,"div",0),s(1,"span",1),t(2,"nz-slider",2),h("ngModelChange",function(m){return f(o.sliderValue,m)||(o.sliderValue=m),m}),n(),s(3,"span",3),n()),d&2&&(r(),Y("icon-highlight",o.preHighLight),r(),l("nzMin",0)("nzMax",20),g("ngModel",o.sliderValue),r(),Y("icon-highlight",o.nextHighLight))},dependencies:[x,C,N,E,y],styles:[".icon-wrapper[_ngcontent-%COMP%]{position:relative;padding:0 30px}[nz-icon][_ngcontent-%COMP%]{position:absolute;top:-2px;width:16px;height:16px;line-height:1;font-size:16px;color:#00000040}[nz-icon][_ngcontent-%COMP%]:first-child{left:0}[nz-icon][_ngcontent-%COMP%]:last-child{right:0}.icon-highlight[_ngcontent-%COMP%]{color:#00000073}"]});let a=i;return a})();var he=()=>({marginLeft:"16px"}),Z=(()=>{let i=class i{constructor(){this.value1=1,this.value2=0}};i.\u0275fac=function(d){return new(d||i)}

1,i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-input-number"]],decls:10,vars:18,consts:[["nzSpan","12"],[3,"ngModelChange","nzMin","nzMax","ngModel"],["nz-col","","nzSpan","4"],[3,"ngModelChange","nzMin","nzMax","ngStyle","ngModel"],[3,"ngModelChange","nzMin","nzMax","nzStep","ngModel"],["nzSpan","4"],[3,"ngModelChange","nzMin","nzMax","ngStyle","nzStep","ngModel"]],template:function(d,o){d&1&&(t(0,"nz-row")(1,"nz-col",0)(2,"nz-slider",1),h("ngModelChange",function(m){return f(o.value1,m)||(o.value1=m),m}),n()(),t(3,"div",2)(4,"nz-input-number",3),h("ngModelChange",function(m){return f(o.value1,m)||(o.value1=m),m}),n()()(),t(5,"nz-row")(6,"nz-col",0)(7,"nz-slider",4),h("ngModelChange",function(m){return f(o.value2,m)||(o.value2=m),m}),n()(),t(8,"nz-col",5)(9,"nz-input-number",6),h("ngModelChange",function(m){return f(o.value2,m)||(o.value2=m),m}),n()()()),d&2&&(r(2),l("nzMin",1)("nzMax",20),g("ngModel",o.value1),r(2),l("nzMin",1)("nzMax",20)("ngStyle",F(16,he)),g("ngModel",o.value1),r(3),l("nzMin",0)("nzMax",1)("nzStep",.01),g("ngModel",o.value2),r(2),l("nzMin",0)("nzMax",1)("ngStyle",F(17,he))("nzStep",.01),g("ngModel",o.value2))},dependencies:[A,x,C,T,k,E,ue],encapsulation:2});let a=i;return a})();var we=()=>[26,37],Q=(()=>{let i=class i{constructor(){this.marks={0:"0\xB0C",26:"26\xB0C",37:"37\xB0C",100:{style:{color:"#f50"},label:"<strong>100\xB0C</strong>"}}}changeMarks(){this.marks={20:"20%",99:"99%"}}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-mark"]],decls:18,vars:16,consts:[[3,"nzMarks","ngModel"],["nzIncluded","","nzRange","",3,"nzMarks","ngModel"],[3,"nzMarks","nzIncluded","ngModel"],[3,"nzMarks","nzStep","ngModel"],["nzDots","",3,"nzMarks","ngModel"],["nz-button","",3,"click"]],template:function(d,o){d&1&&(t(0,"div")(1,"h4"),e(2,"included=true"),n(),s(3,"nz-slider",0)(4,"nz-slider",1),t(5,"h4"),e(6,"included=false"),n(),s(7,"nz-slider",2),t(8,"h4"),e(9,"marks & step"),n(),s(10,"nz-slider",3),t(11,"h4"),e(12,"step=null || dots=true"),n(),s(13,"nz-slider",3)(14,"nz-slider",4),e(15," Change nzMarks dynamically: "),t(16,"button",5),v("click",function(){return o.changeMarks()}),e(17,"Change nzMarks"),n()()),d&2&&(r(3),l("nzMarks",o.marks)("ngModel",37),r(),l("nzMarks",o.marks)("ngModel",F(15,we)),r(3),l("nzMarks",o.marks)("nzIncluded",!1)("ngModel",37),r(3),l("nzMarks",o.marks)("nzStep",10)("ngModel",37),r(3),l("nzMarks",o.marks)("nzStep",null)("ngModel",37),r(),l("nzMarks",o.marks)("ngModel",37))},dependencies:[x,C,E,de,y,le],styles:["h4[_ngcontent-%COMP%]{margin:0 0 16px}.ant-slider-with-marks[_ngcontent-%COMP%]{margin-bottom:44px}"]});let a=i;return a})();var Ie=()=>[20,50],j=(()=>{let i=class i{constructor(){this.reverse=!0,this.marks={0:"0\xB0C",26:"26\xB0C",37:"37\xB0C",100:{style:{color:"#f50"},label:"<strong>100\xB0C</strong>"}}}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-reverse"]],decls:6,vars:9,consts:[[3,"ngModel","nzReverse"],["nzRange","",3,"ngModel","nzReverse"],[3,"nzMarks","ngModel","nzReverse"],["nzSize","small",3,"ngModelChange","ngModel"]],template:function(d,o){d&1&&(t(0,"div"),s(1,"nz-slider",0)(2,"nz-slider",1)(3,"nz-slider",2),e(4," Reversed: "),t(5,"nz-switch",3),h("ngModelChange",function(m){return f(o.reverse,m)||(o.reverse=m),m}),n()()),d&2&&(r(),l("ngModel",30)("nzReverse",o.reverse),r(),l("ngModel",F(8,Ie))("nzReverse",o.reverse),r(),l("nzMarks",o.marks)("ngModel",30)("nzReverse",o.reverse),r(2),g("ngModel",o.reverse))},dependencies:[x,C,E,G],styles:["h4[_ngcontent-%COMP%]{margin:0 0 16px}.ant-slider-with-marks[_ngcontent-%COMP%]{margin-bottom:44px}"]});let a=i;return a})();function _e(a,i){if(a&1&&(t(0,"span"),e(1),n()),a&2){let ke=i.$implicit;r(),ne("Slider value: ",ke,"")}}var X=(()=>{let i=class i{formatter(u){return`${u}%`}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-tip-formatter"]],decls:5,vars:3,consts:[["titleTemplate",""],[3,"nzTipFormatter"]],template:function(d,o){if(d&1&&(s(0,"nz-slider",1)(1,"nz-slider",1)(2,"nz-slider",1),ee(3,_e,2,1,"ng-template",null,0,ie)),d&2){let p=te(4);l("nzTipFormatter",o.formatter),r(),l("nzTipFormatter",null),r(),l("nzTipFormatter",p)}},dependencies:[E],encapsulation:2});let a=i;return a})();var U=(()=>{let i=class i{};i.\u0275fac=function(d){return new(d||i)}

1,i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-tooltip"]],decls:2,vars:2,consts:[[3,"nzTooltipVisible"]],template:function(d,o){d&1&&s(0,"nz-slider",0)(1,"nz-slider",0),d&2&&(l("nzTooltipVisible","always"),r(),l("nzTooltipVisible","never"))},dependencies:[E],encapsulation:2});let a=i;return a})();var Ae=()=>({height:"300px"}),He=()=>[20,50],Re=()=>[26,37],q=(()=>{let i=class i{constructor(){this.style={float:"left",height:"300px",marginLeft:"70px"},this.marks={0:"0\xB0C",26:"26\xB0C",37:"37\xB0C",100:{style:{color:"#f50"},label:"<strong>100\xB0C</strong>"}}}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider-vertical"]],decls:7,vars:12,consts:[[3,"ngStyle"],["nzVertical","",3,"ngModel"],["nzVertical","","nzRange","",3,"nzStep","ngModel"],["nzVertical","","nzRange","",3,"nzMarks","ngModel"]],template:function(d,o){d&1&&(t(0,"div",0)(1,"div",0),s(2,"nz-slider",1),n(),t(3,"div",0),s(4,"nz-slider",2),n(),t(5,"div",0),s(6,"nz-slider",3),n()()),d&2&&(l("ngStyle",F(9,Ae)),r(),l("ngStyle",o.style),r(),l("ngModel",30),r(),l("ngStyle",o.style),r(),l("nzStep",10)("ngModel",F(10,He)),r(),l("ngStyle",o.style),r(),l("nzMarks",o.marks)("ngModel",F(11,Re)))},dependencies:[A,x,C,E],encapsulation:2});let a=i;return a})();var De=(()=>{let i=class i{constructor(){this.expanded=!1}goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>{u.nzExpanded=this.expanded,u.expandCode(this.expanded),u.check()})}};i.\u0275fac=function(d){return new(d||i)},i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider"]],viewQuery:function(d,o){if(d&1&&w(M,5),d&2){let p;I(p=_())&&(o.codeBoxes=p)}},decls:422,vars:43,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-slider-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-slider-demo-input-number","nzTitle","\u5E26\u8F93\u5165\u6846\u7684\u6ED1\u5757"],["nzHref","#components-slider-demo-icon-slider","nzTitle","\u5E26 icon \u7684\u6ED1\u5757"],["nzHref","#components-slider-demo-tip-formatter","nzTitle","\u81EA\u5B9A\u4E49\u63D0\u793A"],["nzHref","#components-slider-demo-event","nzTitle","\u4E8B\u4EF6"],["nzHref","#components-slider-demo-mark","nzTitle","\u5E26\u6807\u7B7E\u7684\u6ED1\u5757"],["nzHref","#components-slider-demo-vertical","nzTitle","\u5782\u76F4"],["nzHref","#components-slider-demo-tooltip","nzTitle","\u63A7\u5236 Tooltip \u7684\u663E\u793A"],["nzHref","#components-slider-demo-reverse","nzTitle","\u53CD\u5411"],["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/slider/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","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"],["nz-icon","","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","nzSelector","nz-demo-slider-basic","nzGenerateCommand","ng g ng-zorro-antd:slider-basic <name>","nzComponentName","NzDemoSliderBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u5E26 icon \u7684\u6ED1\u5757","nzSelector","nz-demo-slider-icon-slider","nzGenerateCommand","ng g ng-zorro-antd:slider-icon-slider <name>","nzComponentName","NzDemoSliderIconSliderComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u4E8B\u4EF6","nzSelector","nz-demo-slider-event","nzGenerateCommand","ng g ng-zorro-antd:slider-event <name>","nzComponentName","NzDemoSliderEventComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5782\u76F4","nzSelector","nz-demo-slider-vertical","nzGenerateCommand","ng g ng-zorro-antd:slider-vertical <name>","nzComponentName","NzDemoSliderVerticalComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u53CD\u5411","nzSelector","nz-demo-sli

1der-reverse","nzGenerateCommand","ng g ng-zorro-antd:slider-reverse <name>","nzComponentName","NzDemoSliderReverseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u8F93\u5165\u6846\u7684\u6ED1\u5757","nzSelector","nz-demo-slider-input-number","nzGenerateCommand","ng g ng-zorro-antd:slider-input-number <name>","nzComponentName","NzDemoSliderInputNumberComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","/components/input-number/"],["nzTitle","\u81EA\u5B9A\u4E49\u63D0\u793A","nzSelector","nz-demo-slider-tip-formatter","nzGenerateCommand","ng g ng-zorro-antd:slider-tip-formatter <name>","nzComponentName","NzDemoSliderTipFormatterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u5E26\u6807\u7B7E\u7684\u6ED1\u5757","nzSelector","nz-demo-slider-mark","nzGenerateCommand","ng g ng-zorro-antd:slider-mark <name>","nzComponentName","NzDemoSliderMarkComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","\u63A7\u5236 Tooltip \u7684\u663E\u793A","nzSelector","nz-demo-slider-tooltip","nzGenerateCommand","ng g ng-zorro-antd:slider-tooltip <name>","nzComponentName","NzDemoSliderTooltipComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-slider:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-slider:standalone'",1,"anchor"]],template:function(d,o){d&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),v("nzClick",function(m){return o.goLink(m)}),s(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)(11,"nz-link",10)(12,"nz-link",11),n()(),t(13,"section",12)(14,"h1"),e(15,"Slider"),t(16,"span",13),e(17,"\u6ED1\u52A8\u8F93\u5165\u6761"),n(),s(18,"span",14),t(19,"a",15),s(20,"span",16),n()(),t(21,"section",12),z(),t(22,"p"),e(23,"\u6ED1\u52A8\u578B\u8F93\u5165\u5668\uFF0C\u5C55\u793A\u5F53\u524D\u503C\u548C\u53EF\u9009\u8303\u56F4\u3002"),n(),t(24,"h2",17)(25,"span"),e(26,"\u4F55\u65F6\u4F7F\u7528"),n(),t(27,"a",18),e(28,"#"),n()(),t(29,"p"),e(30,"\u5F53\u7528\u6237\u9700\u8981\u5728\u6570\u503C\u533A\u95F4/\u81EA\u5B9A\u4E49\u533A\u95F4\u5185\u8FDB\u884C\u9009\u62E9\u65F6\uFF0C\u53EF\u4E3A\u8FDE\u7EED\u6216\u79BB\u6563\u503C\u3002"),n(),t(31,"pre",19)(32,"code")(33,"span",20),e(34,"import"),n(),e(35," "),t(36,"span",21),e(37,"{"),n(),e(38," NzSliderModule "),t(39,"span",21),e(40,"}"),n(),e(41," "),t(42,"span",20),e(43,"from"),n(),e(44," "),t(45,"span",22),e(46,"'ng-zorro-antd/slider'"),n(),t(47,"span",21),e(48,";"),n()()(),c(),n(),t(49,"h2")(50,"span"),e(51,"\u4EE3\u7801\u6F14\u793A"),n(),t(52,"span",23),v("click",function(){return o.expandAllCode()}),n()()(),t(53,"div",24)(54,"div",25)(55,"nz-code-box",26),s(56,"nz-demo-slider-basic",27),t(57,"div",28),z(),t(58,"p"),e(59,"\u57FA\u672C\u6ED1\u52A8\u6761\u3002\u5F53 "),t(60,"code"),e(61,"nzRange"),n(),e(62," \u4E3A "),t(63,"code"),e(64,"true"),n(),e(65," \u65F6\uFF0C\u6E32\u67D3\u4E3A\u53CC\u6ED1\u5757\u3002\u5F53 "),t(66,"code"),e(67,"nzDisabled"),n(),e(68," \u4E3A "),t(69,"code"),e(70,"true"),n(),e(71," \u65F6\uFF0C\u6ED1\u5757\u5904\u4E8E\u4E0D\u53EF\u7528\u72B6\u6001\u3002"),n(),c(),n()(),t(72,"nz-code-box",29),s(73,"nz-demo-slider-icon-slider",27),t(74,"div",28),z(),t(75,"p"),e(76,"\u6ED1\u5757\u5DE6\u53F3\u53EF\u4EE5\u8BBE\u7F6E\u56FE\u6807\u6765\u8868\u8FBE\u4E1A\u52A1\u542B\u4E49\u3002"),n(),c(),n()(),t(77,"nz-code-box",30),s(78,"nz-demo-slider-event",27),t(79,"div",28),z(),t(80,"p"),e(81,"\u5F53 Slider \u7684\u503C\u53D1\u751F\u6539\u53D8\u65F6\uFF0C\u4F1A\u89E6\u53D1 "),t(82,"code"),e(83,"nzOnChange"),n(),e(84," \u4E8B\u4EF6\uFF0C\u5E76\u628A\u6539\u53D8\u540E\u7684\u503C\u4F5C\u4E3A\u53C2\u6570\u4F20\u5165\u3002\u5728 "),t(85,"code"),e(86,"onmouseup"),n(),e(87," \u65F6\uFF0C\u4F1A\u89E6\u53D1 "),t(88,"code"),e(89,"nzOnAfterChange"),n(),e(90," \u4E8B\u4EF6\uFF0C\u5E76\u628A\u5F53\u524D\u503C\u4F5C\u4E3A\u53C2\u6570\u4F20\u5165\u3002"),n(),c(),n()(),t(91,"nz-code-box",31),s(92,"nz-demo-sli

1der-vertical",27),t(93,"div",28),z(),t(94,"p"),e(95,"\u5782\u76F4\u65B9\u5411\u7684 Slider\u3002"),n(),c(),n()(),t(96,"nz-code-box",32),s(97,"nz-demo-slider-reverse",27),t(98,"div",28),z(),t(99,"p"),e(100,"\u8BBE\u7F6E "),t(101,"code"),e(102,"nzReverse"),n(),e(103," \u53EF\u4EE5\u5C06\u6ED1\u52A8\u6761\u7F6E\u53CD\u3002"),n(),c(),n()()(),t(104,"div",25)(105,"nz-code-box",33),s(106,"nz-demo-slider-input-number",27),t(107,"div",28),z(),t(108,"p"),e(109,"\u548C "),t(110,"a",34),e(111,"\u6570\u5B57\u8F93\u5165\u6846"),n(),e(112," \u7EC4\u4EF6\u4FDD\u6301\u540C\u6B65\u3002"),n(),c(),n()(),t(113,"nz-code-box",35),s(114,"nz-demo-slider-tip-formatter",27),t(115,"div",28),z(),t(116,"p"),e(117,"\u4F7F\u7528 "),t(118,"code"),e(119,"nzTipFormatter"),n(),e(120," \u53EF\u4EE5\u683C\u5F0F\u5316 "),t(121,"code"),e(122,"Tooltip"),n(),e(123," \u7684\u5185\u5BB9\uFF0C\u8BBE\u7F6E "),t(124,"code"),e(125,"nzTipFormatter = null"),n(),e(126,"\uFF0C\u5219\u9690\u85CF "),t(127,"code"),e(128,"Tooltip"),n(),e(129,"\u3002"),n(),c(),n()(),t(130,"nz-code-box",36),s(131,"nz-demo-slider-mark",27),t(132,"div",28),z(),t(133,"p"),e(134,"\u4F7F\u7528 "),t(135,"code"),e(136,"nzMarks"),n(),e(137," \u5C5E\u6027\u6807\u6CE8\u5206\u6BB5\u5F0F\u6ED1\u5757\uFF0C\u4F7F\u7528 "),t(138,"code"),e(139,"ngModel"),n(),e(140," \u6307\u5B9A\u6ED1\u5757\u4F4D\u7F6E\u3002\u5F53 "),t(141,"code"),e(142,"nzIncluded = false"),n(),e(143," \u65F6\uFF0C\u8868\u660E\u4E0D\u540C\u6807\u8BB0\u95F4\u4E3A\u5E76\u5217\u5173\u7CFB\u3002\u5F53 "),t(144,"code"),e(145,"nzStep = null"),n(),e(146," \u65F6\uFF0CSlider \u7684\u53EF\u9009\u503C\u4EC5\u6709 "),t(147,"code"),e(148,"nzMarks"),n(),e(149," \u6807\u51FA\u6765\u7684\u90E8\u5206\u3002"),n(),c(),n()(),t(150,"nz-code-box",37),s(151,"nz-demo-slider-tooltip",27),t(152,"div",28),z(),t(153,"p"),e(154,"\u5F53 "),t(155,"code"),e(156,"nzTooltipVisible"),n(),e(157," \u4E3A "),t(158,"code"),e(159,"always"),n(),e(160," \u65F6\uFF0C\u5C06\u59CB\u7EC8\u663E\u793A ToolTip\uFF0C\u4E3A "),t(161,"code"),e(162,"never"),n(),e(163," \u65F6\u53CD\u4E4B\u5219\u59CB\u7EC8\u4E0D\u663E\u793A\uFF0C\u5373\u4F7F\u5728\u62D6\u52A8\u3001\u79FB\u5165\u65F6\u4E5F\u662F\u5982\u6B64\u3002"),n(),c(),n()()()(),t(164,"section",38),z(),t(165,"h2",39)(166,"span"),e(167,"API"),n(),t(168,"a",40),e(169,"#"),n()(),t(170,"h3",41)(171,"span"),e(172,"nz-slider"),n(),t(173,"label",42),e(174,"component"),n(),t(175,"label",43),e(176,"standalone"),n(),t(177,"a",44),e(178,"#"),n()(),t(179,"table")(180,"thead")(181,"tr")(182,"th"),e(183,"\u53C2\u6570"),n(),t(184,"th"),e(185,"\u8BF4\u660E"),n(),t(186,"th"),e(187,"\u7C7B\u578B"),n(),t(188,"th"),e(189,"\u9ED8\u8BA4\u503C"),n()()(),t(190,"tbody")(191,"tr")(192,"td")(193,"code"),e(194,"[nzDisabled]"),n()(),t(195,"td"),e(196,"\u503C\u4E3A "),t(197,"code"),e(198,"true"),n(),e(199," \u65F6\uFF0C\u6ED1\u5757\u4E3A\u7981\u7528\u72B6\u6001"),n(),t(200,"td")(201,"code"),e(202,"boolean"),n()(),t(203,"td")(204,"code"),e(205,"false"),n()()(),t(206,"tr")(207,"td")(208,"code"),e(209,"[nzDots]"),n()(),t(210,"td"),e(211,"\u662F\u5426\u53EA\u80FD\u62D6\u62FD\u5230\u523B\u5EA6\u4E0A"),n(),t(212,"td")(213,"code"),e(214,"boolean"),n()(),t(215,"td")(216,"code"),e(217,"false"),n()()(),t(218,"tr")(219,"td")(220,"code"),e(221,"[nzIncluded]"),n()(),t(222,"td")(223,"code"),e(224,"marks"),n(),e(225," \u4E0D\u4E3A\u7A7A\u5BF9\u8C61\u65F6\u6709\u6548\uFF0C\u503C\u4E3A true \u65F6\u8868\u793A\u503C\u4E3A\u5305\u542B\u5173\u7CFB\uFF0Cfalse \u8868\u793A\u5E76\u5217"),n(),t(226,"td")(227,"code"),e(228,"boolean"),n()(),t(229,"td")(230,"code"),e(231,"true"),n()()(),t(232,"tr")(233,"td")(234,"code"),e(235,"[nzMarks]"),n()(),t(236,"td"),e(237,"\u523B\u5EA6\u6807\u8BB0\uFF0Ckey \u7684\u7C7B\u578B\u5FC5\u987B\u4E3A "),t(238,"code"),e(239,"number"),n(),e(240," \u4E14\u53D6\u503C\u5728\u95ED\u533A\u95F4 [min, max] \u5185\uFF0C\u6BCF\u4E2A\u6807\u7B7E\u53EF\u4EE5\u5355\u72EC\u8BBE\u7F6E\u6837\u5F0F"),n(),t(241,"td")(242,"code"),e(243,"object"),n()(),t(244,"td"),e(245,"{ number: string/HTML } or { number: { style: object, label: string/HTML } }"),n()(),t(246,"tr")(247,"td")(248,"code"),e(249,"[nzMax]"),n()(),t(250,"td"),e(251,"\u6700\u5927\u503C"),n(),t(252,"td")(253,"code"),e(254,"number"),n()(),t(255,"td")(256,"code"),e(257,"100"),n()()(),t(258,"tr")(259,"td")(260,"code"),e(261,"[nzMin]"),n()(),t(262,"td"),e(263,"\u6700\u5C0F\u503C"),n(),t(264,"td")(265,"code"),e(266,"number"),n()(),t(267,"td")(268,"code"),e(269,"0"),n()()(),t(270,"tr")(271,"td")(272,"code"),e(273,"[nzRange]"),n()(),t(274,"td"),e(275,"\u53CC\u6ED1\u5757\u6A21\u5F0F"),n(),t(276,"td")(277,"code"),e(278,"boolean"),n()(),t(279,"td")(280,"code"),e(281,"false"),n()()(),t(282,"tr")(283,"td")(284,"code"),e(285,"[nzStep]"),n()(),t(286,"td"),e(287,"\u6B65\u957F\uFF0C\u53D6\u503C\u5FC5\u987B\u5927\u4E8E 0\uFF0C\u5E76\u4E14\u53EF\u88AB (max - min) \u6574\u9664\u3002\u5F53 "),t(288,"code"),e(289,"marks"),n(),e(290," \u4E0D\u4E3A\u7A7A\u5BF9\u8C61\u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E "),t(291,"code"),e(292,"step"),n(),e(293," \u4E3A "),t(294,"code"),e(295,"null"),n(),e(296,"\uFF0C\u6B64\u65F6 Slider \u7684\u53EF\u9009\u503C\u4EC5\u6709 marks \u6807\u51FA\u6765\u7684\u90E8\u5206\u3002"),n(),t(297,"td")(298,"code"),e(299,"number | null"),n()(),t(300,"td")(301,"code"),e(302,"1"),n()()(),t(303,"tr")(304,"td")(305,"code"),e(306,"[nzTipFormatter]"),n()(),t(307,"td"),e(308,"Slider \u4F1A\u628A\u5F53\u524D\u503C\u4F20\u7ED9 "),t(309,"code"),e(310,"nzTipFormatter"),n(),e(311,"\uFF0C\u5E76\u5728 Tooltip \u4E2D\u663E\u793A "),t(312,"code"),e(313,"nzTipFormatter"),n(),e(314," \u7684\u8FD4\u56DE\u503C\uFF0C\u82E5\u4E3A null\uFF0C\u5219\u9690\u85CF Tooltip\u3002"),n(),t(315,"td")(316,"code"),e(317,"(value: number) => string | TemplateRef<void>"),n()(),t(318,"td"),e(319,"-"),n()(),t(320,"tr")(321,"td")(322,"code"),e(323,"[ngModel]"),n()(),t(324,"td"),e(325,"\u8BBE\u7F6E\u5F53\u524D\u53D6\u503C\u3002\u5F53 "),t(326,"code"),e(327,"range"),n(),e(328," \u4E3A "),t(329,"code"),e(330,"false"),n(),e(331," \u65F6\uFF0C\u4F7F\u7528 "),t(332,"code"),e(333,"number"),n(),e(334,"\uFF0C\u5426\u5219\u7528 "),t(335,"code"),e(336,"[number, number]"),n()(),t(337,"td")(338,"code"),e(339,"number | number[]"),n()(),t(340,"td"),e(341,"-"),n()(),t(342,"tr")(343,"td")(344,"code"),e(345,"[nzVertical]"),n()(),t(346,"td"),e(347,"\u503C\u4E3A "),t(348,"code"),e(349,"true"),n(),e(350," \u65F6\uFF0CSlider \u4E3A\u5

1782\u76F4\u65B9\u5411"),n(),t(351,"td")(352,"code"),e(353,"boolean"),n()(),t(354,"td")(355,"code"),e(356,"false"),n()()(),t(357,"tr")(358,"td")(359,"code"),e(360,"[nzReverse]"),n()(),t(361,"td"),e(362,"\u53CD\u5411\u5750\u6807\u8F74"),n(),t(363,"td")(364,"code"),e(365,"boolean"),n()(),t(366,"td")(367,"code"),e(368,"false"),n()()(),t(369,"tr")(370,"td")(371,"code"),e(372,"[nzTooltipVisible]"),n()(),t(373,"td"),e(374,"\u503C\u4E3A "),t(375,"code"),e(376,"always"),n(),e(377," \u65F6\u603B\u662F\u663E\u793A\uFF0C\u503C\u4E3A "),t(378,"code"),e(379,"never"),n(),e(380," \u65F6\u5728\u4EFB\u4F55\u60C5\u51B5\u4E0B\u90FD\u4E0D\u663E\u793A"),n(),t(381,"td")(382,"code"),e(383,"'default' | 'always' | 'never'"),n()(),t(384,"td")(385,"code"),e(386,"default"),n()()(),t(387,"tr")(388,"td")(389,"code"),e(390,"[nzTooltipPlacement]"),n()(),t(391,"td"),e(392,"\u8BBE\u7F6E Tooltip \u7684\u9ED8\u8BA4\u4F4D\u7F6E\u3002"),n(),t(393,"td")(394,"code"),e(395,"string"),n()(),s(396,"td"),n(),t(397,"tr")(398,"td")(399,"code"),e(400,"(nzOnAfterChange)"),n()(),t(401,"td"),e(402,"\u4E0E "),t(403,"code"),e(404,"onmouseup"),n(),e(405," \u89E6\u53D1\u65F6\u673A\u4E00\u81F4\uFF0C\u628A\u5F53\u524D\u503C\u4F5C\u4E3A\u53C2\u6570\u4F20\u5165\u3002"),n(),t(406,"td")(407,"code"),e(408,"EventEmitter<number[] | number>"),n()(),t(409,"td"),e(410,"-"),n()(),t(411,"tr")(412,"td")(413,"code"),e(414,"(ngModelChange)"),n()(),t(415,"td"),e(416,"\u5F53 Slider \u7684\u503C\u53D1\u751F\u6539\u53D8\u65F6\uFF0C\u4F1A\u89E6\u53D1 ngModelChange \u4E8B\u4EF6\uFF0C\u5E76\u628A\u6539\u53D8\u540E\u7684\u503C\u4F5C\u4E3A\u53C2\u6570\u4F20\u5165\u3002"),n(),t(417,"td")(418,"code"),e(419,"EventEmitter<number[] | number>>"),n()(),t(420,"td"),e(421,"-"),n()()()(),c(),n()()),d&2&&(r(),l("nzOffsetTop",16),r(),l("nzAffix",!1),r(51),l("nzGutter",16),r(),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-slider-demo-basic")("nzLink","components-slider-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/basic.md"),r(17),l("nzId","components-slider-demo-icon-slider")("nzLink","components-slider-demo-icon-slider")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/icon-slider.md"),r(5),l("nzId","components-slider-demo-event")("nzLink","components-slider-demo-event")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/event.md"),r(14),l("nzId","components-slider-demo-vertical")("nzLink","components-slider-demo-vertical")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/vertical.md"),r(5),l("nzId","components-slider-demo-reverse")("nzLink","components-slider-demo-reverse")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/reverse.md"),r(8),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-slider-demo-input-number")("nzLink","components-slider-demo-input-number")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/input-number.md"),r(8),l("nzId","components-slider-demo-tip-formatter")("nzLink","components-slider-demo-tip-formatter")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/tip-formatter.md"),r(17),l("nzId","components-slider-demo-mark")("nzLink","components-slider-demo-mark")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/mark.md"),r(20),l("nzId","components-slider-demo-tooltip")("nzLink","components-slider-demo-tooltip")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/tooltip.md"))},dependencies:[M,L,O,H,T,k,R,N,y,W,V,P,Z,Q,j,X,U,q],encapsulation:2});let a=i;return a})();var Ne=(()=>{let i=class i{constructor(){this.expanded=!1}goLink(u){window&&(window.location.hash=u)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(u=>{u.nzExpanded=this.expanded,u.expandCode(this.expanded),u.check()})}};i.\u0275fac=function(d){return new(d||i)}

1,i.\u0275cmp=S({type:i,selectors:[["nz-demo-slider"]],viewQuery:function(d,o){if(d&1&&w(M,5),d&2){let p;I(p=_())&&(o.codeBoxes=p)}},decls:413,vars:43,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-slider-demo-basic","nzTitle","Basic"],["nzHref","#components-slider-demo-input-number","nzTitle","Slider with InputNumber"],["nzHref","#components-slider-demo-icon-slider","nzTitle","Slider with icon"],["nzHref","#components-slider-demo-tip-formatter","nzTitle","Customerize tooltip"],["nzHref","#components-slider-demo-event","nzTitle","Event"],["nzHref","#components-slider-demo-mark","nzTitle","Graduated slider"],["nzHref","#components-slider-demo-vertical","nzTitle","Vertical"],["nzHref","#components-slider-demo-tooltip","nzTitle","Control visibility of Tooltip"],["nzHref","#components-slider-demo-reverse","nzTitle","Reverse"],["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/slider/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nz-icon","","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"],["nz-icon","","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","nzSelector","nz-demo-slider-basic","nzGenerateCommand","ng g ng-zorro-antd:slider-basic <name>","nzComponentName","NzDemoSliderBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Slider with icon","nzSelector","nz-demo-slider-icon-slider","nzGenerateCommand","ng g ng-zorro-antd:slider-icon-slider <name>","nzComponentName","NzDemoSliderIconSliderComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Event","nzSelector","nz-demo-slider-event","nzGenerateCommand","ng g ng-zorro-antd:slider-event <name>","nzComponentName","NzDemoSliderEventComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Vertical","nzSelector","nz-demo-slider-vertical","nzGenerateCommand","ng g ng-zorro-antd:slider-vertical <name>","nzComponentName","NzDemoSliderVerticalComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Reverse","nzSelector","nz-demo-slider-reverse","nzGenerateCommand","ng g ng-zorro-antd:slider-reverse <name>","nzComponentName","NzDemoSliderReverseComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Slider with InputNumber","nzSelector","nz-demo-slider-input-number","nzGenerateCommand","ng g ng-zorro-antd:slider-input-number <name>","nzComponentName","NzDemoSliderInputNumberComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["href","/components/input-number/"],["nzTitle","Customerize tooltip","nzSelector","nz-demo-slider-tip-formatter","nzGenerateCommand","ng g ng-zorro-antd:slider-tip-formatter <name>","nzComponentName","NzDemoSliderTipFormatterComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Graduated slider","nzSelector","nz-demo-slider-mark","nzGenerateCommand","ng g ng-zorro-antd:slider-mark <name>","nzComponentName","NzDemoSliderMarkComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],["nzTitle","Control visibility of Tooltip","nzSelector","nz-demo-slider-tooltip","nzGenerateCommand","ng g ng-zorro-antd:slider-tooltip <name>","nzComponentName","NzDemoSliderTooltipComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-slider:standalone"],[1,"api-type-label","component"],[1,"api-type-label","standalone"],["onclick","window.location.hash = 'nz-slider:standalone'",1,"anchor"]],template:function(d,o){d&1&&(t(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),v("nzClick",function(m){return o.goLink(m)}),s(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)(11,"nz-link",10)(12,"nz-link",11),n()(),t(13,"section",12)(14,"h1"),e(15,"Slider"),s(16,"span",13)(17,"span",14),t(18,"a",15),s(19,"span",16),n()(),t(20,"section",12),z(),t(21,"p"),e(22,"A Slider component for displaying current value and intervals in range."),n(),t(23,"h2",17)(24,"span"),e(25,"When To Use"),n(),t(26,"a",18),e(27,"#"),n()(),t(28,"p"),e(29,"To input a value in a range."),n(),t(30,"pre",19)(31,"code")(32,"span",20),e(33,"import"),n(),e(34," "),t(35,"span",21),e(36,"{"),n(),e(37," NzSliderModule "),t(38,"span",21),e(39,"}"),n(),e(40," "),t(41,"span",20),e(42,"from"),n(),e(43," "),t(44,"span",22),e(45,"'ng-zorro-antd/slider'"),n(),t(46,"span",21),e(47,";"),n()()(),c(),n(),t(48,"h2")(49,"span"),e(50,"Examples"),n(),t(51,"span",23),v("click",function(){return o.expandAllCode()}),n()()(),t(52,"div",24)(53,"div",25)(54,"nz-code-box",26),s(55,"nz-demo-sli

1der-basic",27),t(56,"div",28),z(),t(57,"p"),e(58,"Basic slider. When "),t(59,"code"),e(60,"nzRange"),n(),e(61," is "),t(62,"code"),e(63,"true"),n(),e(64,", display as dual thumb mode. When "),t(65,"code"),e(66,"nzDisabled"),n(),e(67," is "),t(68,"code"),e(69,"true"),n(),e(70,", the slider will not be interactive."),n(),c(),n()(),t(71,"nz-code-box",29),s(72,"nz-demo-slider-icon-slider",27),t(73,"div",28),z(),t(74,"p"),e(75,"You can add an icon beside the slider to make it meaningful."),n(),c(),n()(),t(76,"nz-code-box",30),s(77,"nz-demo-slider-event",27),t(78,"div",28),z(),t(79,"p"),e(80,"The "),t(81,"code"),e(82,"nzOnChange"),n(),e(83," callback function will fire when the user changes the slider's value. The "),t(84,"code"),e(85,"nzOnAfterChange"),n(),e(86," callback function will fire when "),t(87,"code"),e(88,"onmouseup"),n(),e(89," fired."),n(),c(),n()(),t(90,"nz-code-box",31),s(91,"nz-demo-slider-vertical",27),t(92,"div",28),z(),t(93,"p"),e(94,"The vertical Slider."),n(),c(),n()(),t(95,"nz-code-box",32),s(96,"nz-demo-slider-reverse",27),t(97,"div",28),z(),t(98,"p"),e(99,"Using "),t(100,"code"),e(101,"nzReverse"),n(),e(102," to render slider reversely."),n(),c(),n()()(),t(103,"div",25)(104,"nz-code-box",33),s(105,"nz-demo-slider-input-number",27),t(106,"div",28),z(),t(107,"p"),e(108,"Synchronize with "),t(109,"a",34),e(110,"InptNumber"),n(),e(111," component."),n(),c(),n()(),t(112,"nz-code-box",35),s(113,"nz-demo-slider-tip-formatter",27),t(114,"div",28),z(),t(115,"p"),e(116,"Use "),t(117,"code"),e(118,"nzTipFormatter"),n(),e(119," to format content of "),t(120,"code"),e(121,"Toolip"),n(),e(122,". If "),t(123,"code"),e(124,"nzTipFormatter"),n(),e(125," is null, hide it."),n(),c(),n()(),t(126,"nz-code-box",36),s(127,"nz-demo-slider-mark",27),t(128,"div",28),z(),t(129,"p"),e(130,"Using "),t(131,"code"),e(132,"nzMarks"),n(),e(133," property to mark a graduated slider, use "),t(134,"code"),e(135,"ngModel"),n(),e(136," to specify the position of thumb. When "),t(137,"code"),e(138,"nzIncluded"),n(),e(139," is false, means that different thumbs are coordinated. When "),t(140,"code"),e(141,"nzStep"),n(),e(142," is null, users can only slide the thumbs onto marks."),n(),c(),n()(),t(143,"nz-code-box",37),s(144,"nz-demo-slider-tooltip",27),t(145,"div",28),z(),t(146,"p"),e(147,"When "),t(148,"code"),e(149,"nzTooltipVisible"),n(),e(150," is "),t(151,"code"),e(152,"always"),n(),e(153,", Tooltip will show always. And set to "),t(154,"code"),e(155,"never"),n(),e(156,", tooltip would never show, even when user is dragging or hovering."),n(),c(),n()()()(),t(157,"section",38),z(),t(158,"h2",39)(159,"span"),e(160,"API"),n(),t(161,"a",40),e(162,"#"),n()(),t(163,"h3",41)(164,"span"),e(165,"nz-slider"),n(),t(166,"label",42),e(167,"component"),n(),t(168,"label",43),e(169,"standalone"),n(),t(170,"a",44),e(171,"#"),n()(),t(172,"table")(173,"thead")(174,"tr")(175,"th"),e(176,"Property"),n(),t(177,"th"),e(178,"Description"),n(),t(179,"th"),e(180,"Type"),n(),t(181,"th"),e(182,"Default"),n()()(),t(183,"tbody")(184,"tr")(185,"td")(186,"code"),e(187,"[nzDisabled]"),n()(),t(188,"td"),e(189,"If true, the slider will not be interactable."),n(),t(190,"td")(191,"code"),e(192,"boolean"),n()(),t(193,"td")(194,"code"),e(195,"false"),n()()(),t(196,"tr")(197,"td")(198,"code"),e(199,"[nzDots]"),n()(),t(200,"td"),e(201,"Whether the thumb can drag over tick only."),n(),t(202,"td")(203,"code"),e(204,"boolean"),n()(),t(205,"td")(206,"code"),e(207,"false"),n()()(),t(208,"tr")(209,"td")(210,"code"),e(211,"[nzIncluded]"),n()(),t(212,"td"),e(213,"Make effect when "),t(214,"code"),e(215,"marks"),n(),e(216," not null\uFF0C"),t(217,"code"),e(218,"true"),n(),e(219," means containment and "),t(220,"code"),e(221,"false"),n(),e(222," means coordinative"),n(),t(223,"td")(224,"code"),e(225,"boolean"),n()(),t(226,"td")(227,"code"),e(228,"true"),n()()(),t(229,"tr")(230,"td")(231,"code"),e(232,"[nzMarks]"),n()(),t(233,"td"),e(234,"Tick mark of Slider, type of key must be "),t(235,"code"),e(236,"number"),n(),e(237,", and must in closed interval [min, max] \uFF0Ceach mark can declare its own style."),n(),t(238,"td")(239,"code"),e(240,"object"),n()(),t(241,"td"),e(242,"{ number: string/HTML } or { number: { style: object, label: string/HTML } }"),n()(),t(243,"tr")(244,"td")(245,"code"),e(246,"[nzMax]"),n()(),t(247,"td"),e(248,"The maximum value the slider can slide to"),n(),t(249,"td")(250,"code"),e(251,"number"),n()(),t(252,"td")(253,"code"),e(254,"100"),n()()(),t(255,"tr")(256,"td")(257,"code"),e(258,"[nzMin]"),n()(),t(259,"td"),e(260,"The minimum value the slider can slide to."),n(),t(261,"td")(262,"code"),e(263,"number"),n()(),t(264,"td")(265,"code"),e(266,"0"),n()()(),t(267,"tr")(268,"td")(269,"code"),e(270,"[nzRange]"),n()(),t(271,"td"),e(272,"dual thumb mode"),n(),t(273,"td")(274,"code"),e(275,"boolean"),n()(),t(276,"td")(277,"code"),e(278,"false"),n()()(),t(279,"tr")(280,"td")(281,"code"),e(282,"[nzStep]"),n()(),t(283,"td"),e(284,"The granularity the slider can step through values. Must greater than 0, and be divided by (max - min) . When "),t(285,"code"),e(286,"marks"),n(),e(287," no null, "),t(288,"code"),e(289,"step"),n(),e(290," can be "),t(291,"code"),e(292,"null"),n(),e(293,"."),n(),t(294,"td")(295,"code"),e(296,"number | null"),n()(),t(297,"td")(298,"code"),e(299,"1"),n()()(),t(300,"tr")(301,"td")(302,"code"),e(303,"[nzTipFormatter]"),n()(),t(304,"td"),e(305,"Slider will pass its value to "),t(306,"code"),e(307,"tipFormatter"),n(),e(308,", and display its value in Tooltip, and hide Tooltip when return value is null."),n(),t(309,"td")(310,"code"),e(311,"(value: number) => string | TemplateRef<void>"),n()(),t(312,"td"),e(313,"-"),n()(),t(314,"tr")(315,"td")(316,"code"),e(317,"[ngModel]"),n()(),t(318,"td"),e(319,"The value of slider. When "),t(320,"code"),e(321,"range"),n(),e(322," is "),t(323,"code"),e(324,"false"),n(),e(325,", use "),t(326,"code"),e(327,"number"),n(),e(328,", otherwise, use "),t(329,"code"),e(330,"[number, number]"),n()(),t(331,"td")(332,"code"),e(333,"number | number[]"),n()(),t(334,"td"),e(335,"-"),n()(),t(336,"tr")(337,"td")(338,"code"),e(339,"[nzVertical]"),n()(),t(340,"td"),e(341,"If true, the slider will be vertical."),n(),t(342,"td")(343,"code"),e(344,"boolean"),n()(),t(345,"td")(346,"code"),e(347,"false"),n()()(),t(348,"tr")(349,"td")(350,"code"),e(351,"[nzReverse]"),n()(),t(352,"td"),e(353,"Reverse the component"),n(),t(354,"td")(355,"code"),e(356,"boolean"),n()(),t(357,"td")(358,"code"),e(359,"false"),n()()(),t(360,"tr")(361,"td")(362,"code"),e(363,"[nzTooltipVisible]"),n()(),t(364,"td"),e(365,"When set to "),t(366,"code"),e(367,"always"),n(),e(368," tooltips are always displayed. When set to "),t(369,"code"),e(370,"never"),n(),e(371," they are never displayed"),n(),t(372,"td")(373,"code"),e(374,"'default' | 'always' | 'never'"),n()(),t(375,"td")(376,"code"),e(377,"default"),n()()(),t(378,"tr")(379,"td")(380,"code"),e(381,"[nzTooltipPlacement]"),n()(),t(382,"td"),e(383,"Set the default placement of Tooltip"),n(),t(384,"td")(385,"code"),e(386,"string"),n()(),s(387,"td"),n(),t(388,"tr")(389,"td")(390,"code"),e(391,"(nzOnAfterChange)"),n()(),t(392,"td"),e(393,"Fire when "),t(394,"code"),e(395,"onmouseup"),n(),e(396," is fired."),n(),t(397,"td")(398,"code"),e(399,"EventEmitter<number[] | number>"),n()(),t(400,"td"),e(401,"-"),n()(),t(402,"tr")(403,"td")(404,"code"),e(405,"(ngModelChange)"),n()(),t(406,"td"),e(407,"Callback function that is fired 

1when the user changes the slider's value."),n(),t(408,"td")(409,"code"),e(410,"EventEmitter<number[] | number>"),n()(),t(411,"td"),e(412,"-"),n()()()(),c(),n()()),d&2&&(r(),l("nzOffsetTop",16),r(),l("nzAffix",!1),r(50),l("nzGutter",16),r(),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-slider-demo-basic")("nzLink","components-slider-demo-basic")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/basic.md"),r(17),l("nzId","components-slider-demo-icon-slider")("nzLink","components-slider-demo-icon-slider")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/icon-slider.md"),r(5),l("nzId","components-slider-demo-event")("nzLink","components-slider-demo-event")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/event.md"),r(14),l("nzId","components-slider-demo-vertical")("nzLink","components-slider-demo-vertical")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/vertical.md"),r(5),l("nzId","components-slider-demo-reverse")("nzLink","components-slider-demo-reverse")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/reverse.md"),r(8),l("nzXl",12)("nzSpan",24),r(),l("nzId","components-slider-demo-input-number")("nzLink","components-slider-demo-input-number")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/input-number.md"),r(8),l("nzId","components-slider-demo-tip-formatter")("nzLink","components-slider-demo-tip-formatter")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/tip-formatter.md"),r(14),l("nzId","components-slider-demo-mark")("nzLink","components-slider-demo-mark")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/mark.md"),r(17),l("nzId","components-slider-demo-tooltip")("nzLink","components-slider-demo-tooltip")("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/slider/demo/tooltip.md"))},dependencies:[M,L,O,H,T,k,R,N,y,W,V,P,Z,Q,j,X,U,q],encapsulation:2});let a=i;return a})();var bt=(()=>{let i=class i{};i.\u0275fac=function(d){return new(d||i)},i.\u0275mod=$({type:i}),i.\u0275inj=K({imports:[ae,ze,oe.forChild([{path:"en",component:Ne},{path:"zh",component:De}])]});let a=i;return a})();export{bt as NzDemoSliderModule};