https://preview-9123-ng-zorro-antd.surge.sh/chunk-43DZGKO5.js

1import{a as de,b as c,c as u}from"./chunk-3BI2JMSE.js";import{a as q,c as j}from"./chunk-BWJ3EAUT.js";import{a as x,g as G,h as V,m as P,n as W}from"./chunk-2UO6NPYH.js";import"./chunk-3TLZ5TMP.js";import"./chunk-JKD4VGRU.js";import{Dd as _,Ed as L,Hd as R,Lc as $,Mc as ee,Oc as ne,Qc as te,Yc as ie,_a as M,ad as me,nd as oe,zc as A}from"./chunk-BS5JWHVW.js";import{Ac as O,Bc as T,Gc as t,Ib as z,Ic as U,Lc as X,Mc as Y,Nc as K,Sc as J,Vb as o,Wb as E,hc as e,ic as n,jc as i,qc as f,rb as d,xa as s,ya as p,zc as F}from"./chunk-NACBYLXS.js";import"./chunk-EQDQRRRY.js";var y=class r{options=["Daily","Weekly","Monthly","Quarterly","Yearly"];handleValueChange(a){console.log(a)}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-basic"]],decls:1,vars:1,consts:[[3,"nzValueChange","nzOptions"]],template:function(m,l){m&1&&(e(0,"nz-segmented",0),f("nzValueChange",function(S){return l.handleValueChange(S)}),n()),m&2&&o("nzOptions",l.options)},dependencies:[u,c],encapsulation:2})};var D=class r{options=["Daily","Weekly","Monthly","Quarterly","Yearly"];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-block"]],decls:1,vars:2,consts:[[3,"nzOptions","nzBlock"]],template:function(m,l){m&1&&i(0,"nz-segmented",0),m&2&&o("nzOptions",l.options)("nzBlock",!0)},dependencies:[u,c],encapsulation:2})};var N=class r{static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-custom"]],decls:43,vars:18,consts:[["nz-segmented-item","","nzValue","user1"],["nzSrc","https://joeschmoe.io/api/v1/random"],["nz-segmented-item","","nzValue","user2"],["nzText","K"],["nz-segmented-item","","nzValue","user3"],["nzIcon","user"],["nz-segmented-item","","nzValue","spring"],["nz-segmented-item","","nzValue","summer"],["nz-segmented-item","","nzValue","autumn"],["nz-segmented-item","","nzValue","winter"]],template:function(m,l){m&1&&(e(0,"nz-segmented")(1,"label",0)(2,"div"),i(3,"nz-avatar",1),e(4,"div"),t(5,"User 1"),n()()(),e(6,"label",2)(7,"div"),i(8,"nz-avatar",3),e(9,"div"),t(10,"User 2"),n()()(),e(11,"label",4)(12,"div"),i(13,"nz-avatar",5),e(14,"div"),t(15,"User 3"),n()()()(),i(16,"br")(17,"br"),e(18,"nz-segmented")(19,"label",6)(20,"div")(21,"div"),t(22,"Spring"),n(),e(23,"div"),t(24,"Jan-Mar"),n()()(),e(25,"label",7)(26,"div")(27,"div"),t(28,"Summer"),n(),e(29,"div"),t(30,"Apr-Jun"),n()()(),e(31,"label",8)(32,"div")(33,"div"),t(34,"Autumn"),n(),e(35,"div"),t(36,"Jul-Sept"),n()()(),e(37,"label",9)(38,"div")(39,"div"),t(40,"Winter"),n(),e(41,"div"),t(42,"Oct-Dec"),n()()()()),m&2&&(d(2),E("padding",4,"px"),d(5),E("padding",4,"px"),d(),E("background","#f56a00"),d(4),E("padding",4,"px"),d(),E("background","#87d068"),d(7),E("padding",4,"px"),d(6),E("padding",4,"px"),d(6),E("padding",4,"px"),d(6),E("padding",4,"px"))},dependencies:[j,q,u,c,de],encapsulation:2})};var ae=()=>["Map","Transit","Satellite"],I=class r{options=["Daily",{label:"Weekly",value:"Weekly",disabled:!0},"Monthly",{label:"Quarterly",value:"Quarterly",disabled:!0},"Yearly"];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-disabled"]],decls:3,vars:3,consts:[["nzDisabled","",3,"nzOptions"],[3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0)(1,"br")(2,"nz-segmented",1),m&2&&(o("nzOptions",J(2,ae)),d(2),o("nzOptions",l.options))},dependencies:[u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var le=["Daily","Weekly","Monthly"],v=class r{options=[...le];moreLoaded=!1;handleLoadMore(){this.moreLoaded=!0,this.options=[...le,"Quarterly","Yearly"]}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-dynamic"]],decls:4,vars:2,consts:[[3,"nzOptions"],["nz-button","","nzType","primary",3,"click","disabled"]],template:function(m,l){m&1&&(i(0,"nz-segmented",0)(1,"br"),e(2,"button",1),f("click",function(){return l.handleLoadMore()}),t(3," Load more options "),n()),m&2&&(o("nzOptions",l.options),d(2),o("disabled",l.moreLoaded))},dependencies:[te,ne,$,ee,u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var B=class r{options=[{label:"List",value:"List",icon:"bars"},{label:"Kanban",value:"Kanban",icon:"appstore"}];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-icon"]],decls:1,vars:1,consts:[[3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0),m&2&&o("nzOptions",l.options)},dependencies:[u,c],encapsulation:2})};var k=class r{options=["Daily","Weekly","Monthly","Quarterly","Yearly"];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-size"]],decls:5,vars:3,consts:[["nzSize","small",3,"nzOptions"],[3,"nzOptions"],["nzSize","large",3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0)(1,"br")(2,"nz-segmented",1)(3,"br")(4,"nz-segmented",2),m&2&&(o("nzOptions",l.options),d(2),o("nzOptions",l.options),d(2),o("nzOptions",l.options))},dependencies:[u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var H=class r{selectedValue="Weekly";options=["Daily","Weekly","Monthly","Quarterly","Yearly"];handleModelChange(a){console.log(a)}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-value"]],decls:3,vars:3,consts:[[3,"ngModelChange","nzOptions","ngModel"]],template:function(m,l){m&1&&(e(0,"nz-segmented",0),K("ngModelChange",function(S){return Y(l.selectedValue,S)||(l.selectedValue=S),S}),f("ngModelChange",function(S){return l.handleModelChange(S)}),n(),i(1,"br"),t(2)),m&2&&(o("nzOptions",l.options),X("ngModel",l.selectedValue),d(2),U(" Selected value: ",l.selectedValue," "))},dependencies:[oe,ie,me,u,c],styles:[".ant-segmented[_ngcontent-%COMP%]{margin-bottom:10px}"]})};var w=class r{options=[{value:"List",icon:"bars"},{value:"Kanban",icon:"appstore"}];static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented-with-icon-only"]],decls:1,vars:1,consts:[[3,"nzOptions"]],template:function(m,l){m&1&&i(0,"nz-segmented",0),m&2&&o("nzOptions",l.options)},dependencies:[u,c],encapsulation:2})};var Z=class r{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}

1expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented"]],viewQuery:function(m,l){if(m&1&&F(x,5),m&2){let g;O(g=T())&&(l.codeBoxes=g)}},decls:263,vars:52,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-segmented-demo-basic","nzTitle","\u57FA\u672C"],["nzHref","#components-segmented-demo-disabled","nzTitle","\u4E0D\u53EF\u7528"],["nzHref","#components-segmented-demo-dynamic","nzTitle","\u52A8\u6001\u6570\u636E"],["nzHref","#components-segmented-demo-icon","nzTitle","\u8BBE\u7F6E\u56FE\u6807"],["nzHref","#components-segmented-demo-value","nzTitle","ngModel"],["nzHref","#components-segmented-demo-custom","nzTitle","\u81EA\u5B9A\u4E49\u6E32\u67D3"],["nzHref","#components-segmented-demo-size","nzTitle","\u4E09\u79CD\u5927\u5C0F"],["nzHref","#components-segmented-demo-block","nzTitle","Block \u5206\u6BB5\u9009\u62E9\u5668"],["nzHref","#components-segmented-demo-with-icon-only","nzTitle","\u53EA\u8BBE\u7F6E\u56FE\u6807"],["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/segmented/doc/index.zh-CN.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","segmented","description","\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u9009\u9879\u5E76\u5141\u8BB8\u7528\u6237\u9009\u62E9\u5176\u4E2D\u5355\u4E2A\u9009\u9879\u3002","language","zh"],["id","\u4F55\u65F6\u4F7F\u7528"],["onclick","window.location.hash = '\u4F55\u65F6\u4F7F\u7528'",1,"anchor"],["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-segmented-basic","nzGenerateCommand","ng g ng-zorro-antd:segmented-basic <name>","nzComponentName","NzDemoSegmentedBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","\u52A8\u6001\u6570\u636E","nzSelector","nz-demo-segmented-dynamic","nzGenerateCommand","ng g ng-zorro-antd:segmented-dynamic <name>","nzComponentName","NzDemoSegmentedDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","ngModel","nzSelector","nz-demo-segmented-value","nzGenerateCommand","ng g ng-zorro-antd:segmented-value <name>","nzComponentName","NzDemoSegmentedValueComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4E09\u79CD\u5927\u5C0F","nzSelector","nz-demo-segmented-size","nzGenerateCommand","ng g ng-zorro-antd:segmented-size <name>","nzComponentName","NzDemoSegmentedSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u53EA\u8BBE\u7F6E\u56FE\u6807","nzSelector","nz-demo-segmented-with-icon-only","nzGenerateCommand","ng g ng-zorro-antd:segmented-with-icon-only <name>","nzComponentName","NzDemoSegmentedWithIconOnlyComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u4E0D\u53EF\u7528","nzSelector","nz-demo-segmented-disabled","nzGenerateCommand","ng g ng-zorro-antd:segmented-disabled <name>","nzComponentName","NzDemoSegmentedDisabledComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u8BBE\u7F6E\u56FE\u6807","nzSelector","nz-demo-segmented-icon","nzGenerateCommand","ng g ng-zorro-antd:segmented-icon <name>","nzComponentName","NzDemoSegmentedIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","\u81EA\u5B9A\u4E49\u6E32\u67D3","nzSelector","nz-demo-segmented-custom","nzGenerateCommand","ng g ng-zorro-antd:segmented-custom <name>","nzComponentName","NzDemoSegmentedCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Block \u5206\u6BB5\u9009\u62E9\u5668","nzSelector","nz-demo-segmented-block","nzGenerateCommand","ng g ng-zorro-antd:segmented-block <name>","nzComponentName","NzDemoSegmentedBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-segmented"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-segmented'",1,"anchor"],["id","labelnz-segmented-item"],["onclick","window.location.hash = 'labelnz-segmented-item'",1,"anchor"]],template:function(m,l){m&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),f("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)(11,"nz-link",10)(12,"nz-link",11),n()(),e(13,"section",12)(14,"h1"),t(15,"Segmented"),e(16,"span",13),t(17,"\u5206\u6BB5\u63A7\u5236\u5668"),n(),i(18,"span",14),e(19,"a",15),i(20,"nz-icon",16),n()(),i(21,"component-meta",17),e(22,"section",12),p(),e(23,"h2",18)(24,"span"),t(25,"\u4F55\u65F6\u4F7F\u7528"),n(),e(26,"a",19),t(27,"#"),n()(),e(28,"ul")(29,"li"),t(30,"\u7528\u4E8E\u5C55\u793A\u591A\u4E2A\u9009\u9879\u5E76\u5141\u8BB8\u7528\u6237\u9009\u62E9\u5176\u4E2D\u5355\u4E2A\u9009\u9879\uFF1B"),n(),e(31,"li"),t(32,"\u5F53\u5207\u6362\u9009\u4E2D\u9009\u9879\u65F6\uFF0C\u5173\u8054\u533A\u57DF\u7684\u5185\u5BB9\u4F1A\u53D1\u751F\u53D8\u5316\u3002"),n()(),s(),n(),e(33,"h2")(34,"span"),t(35,"\u4EE3\u7801\u6F14\u793A"),n(),e(36,"nz-icon",20),f("

1click",function(){return l.expandAllCode()}),n()()(),e(37,"div",21)(38,"div",22)(39,"nz-code-box",23),i(40,"nz-demo-segmented-basic",24),e(41,"div",25),p(),e(42,"p"),t(43,"\u6700\u7B80\u5355\u7684\u7528\u6CD5\u3002"),n(),s(),n()(),e(44,"nz-code-box",26),i(45,"nz-demo-segmented-dynamic",24),e(46,"div",25),p(),e(47,"p"),t(48,"\u52A8\u6001\u52A0\u8F7D\u6570\u636E\u3002"),n(),s(),n()(),e(49,"nz-code-box",27),i(50,"nz-demo-segmented-value",24),e(51,"div",25),p(),e(52,"p"),t(53,"\u901A\u8FC7 ngModel \u6307\u5B9A\u9009\u4E2D\u7684 value"),n(),s(),n()(),e(54,"nz-code-box",28),i(55,"nz-demo-segmented-size",24),e(56,"div",25),p(),e(57,"p"),t(58,"\u6211\u4EEC\u4E3A Segmented \u7EC4\u4EF6\u5B9A\u4E49\u4E86\u4E09\u79CD\u5C3A\u5BF8\uFF08\u5927\u3001\u9ED8\u8BA4\u3001\u5C0F\uFF09\uFF0C\u9AD8\u5EA6\u5206\u522B\u4E3A "),e(59,"code"),t(60,"40px"),n(),t(61,"\u3001"),e(62,"code"),t(63,"32px"),n(),t(64," \u548C "),e(65,"code"),t(66,"24px"),n(),t(67,"\u3002"),n(),s(),n()(),e(68,"nz-code-box",29),i(69,"nz-demo-segmented-with-icon-only",24),e(70,"div",25),p(),e(71,"p"),t(72,"\u5728 Segmented Item \u9009\u9879\u4E2D\u53EA\u8BBE\u7F6E Icon\u3002"),n(),s(),n()()(),e(73,"div",22)(74,"nz-code-box",30),i(75,"nz-demo-segmented-disabled",24),e(76,"div",25),p(),e(77,"p"),t(78,"Segmented \u4E0D\u53EF\u7528\u3002"),n(),s(),n()(),e(79,"nz-code-box",31),i(80,"nz-demo-segmented-icon",24),e(81,"div",25),p(),e(82,"p"),t(83,"\u7ED9 Segmented Item \u8BBE\u7F6E Icon\u3002"),n(),s(),n()(),e(84,"nz-code-box",32),i(85,"nz-demo-segmented-custom",24),e(86,"div",25),p(),e(87,"p"),t(88,"\u81EA\u5B9A\u4E49\u6E32\u67D3\u6BCF\u4E00\u4E2A Segmented Item\u3002"),n(),s(),n()(),e(89,"nz-code-box",33),i(90,"nz-demo-segmented-block",24),e(91,"div",25),p(),e(92,"p")(93,"code"),t(94,"nzBlock"),n(),t(95," \u5C5E\u6027\u4F7F\u5176\u9002\u5408\u7236\u5143\u7D20\u5BBD\u5EA6\u3002"),n(),s(),n()()()(),e(96,"section",34),p(),e(97,"h2",35)(98,"span"),t(99,"API"),n(),e(100,"a",36),t(101,"#"),n()(),e(102,"h3",37)(103,"span"),t(104,"nz-segmented"),n(),e(105,"label",38),t(106,"component"),n(),e(107,"a",39),t(108,"#"),n()(),e(109,"table")(110,"thead")(111,"tr")(112,"th"),t(113,"\u53C2\u6570"),n(),e(114,"th"),t(115,"\u8BF4\u660E"),n(),e(116,"th"),t(117,"\u7C7B\u578B"),n(),e(118,"th"),t(119,"\u9ED8\u8BA4\u503C"),n(),e(120,"th"),t(121,"\u5168\u5C40\u914D\u7F6E"),n()()(),e(122,"tbody")(123,"tr")(124,"td")(125,"code"),t(126,"[nzBlock]"),n()(),e(127,"td"),t(128,"\u5C06\u5BBD\u5EA6\u8C03\u6574\u4E3A\u7236\u5143\u7D20\u5BBD\u5EA6\u7684\u9009\u9879"),n(),e(129,"td")(130,"code"),t(131,"boolean"),n()(),e(132,"td"),t(133,"false"),n(),i(134,"td"),n(),e(135,"tr")(136,"td")(137,"code"),t(138,"[nzDisabled]"),n()(),e(139,"td"),t(140,"\u662F\u5426\u7981\u7528"),n(),e(141,"td")(142,"code"),t(143,"boolean"),n()(),e(144,"td"),t(145,"false"),n(),i(146,"td"),n(),e(147,"tr")(148,"td")(149,"code"),t(150,"[nzOptions]"),n()(),e(151,"td"),t(152,"\u6570\u636E\u5316\u914D\u7F6E\u9009\u9879\u5185\u5BB9"),n(),e(153,"td")(154,"code"),t(155,"string[] | number[] | Array<{ label: string; value: string | number; icon: string; disabled?: boolean; }>"),n()(),e(156,"td"),t(157,"-"),n(),i(158,"td"),n(),e(159,"tr")(160,"td")(161,"code"),t(162,"[nzSize]"),n()(),e(163,"td"),t(164,"\u63A7\u4EF6\u5C3A\u5BF8"),n(),e(165,"td")(166,"code"),t(167,"large | default | small"),n()(),e(168,"td"),t(169,"-"),n(),e(170,"td"),t(171,"\u2705"),n()(),e(172,"tr")(173,"td")(174,"code"),t(175,"[ngModel]"),n()(),e(176,"td"),t(177,"\u5F53\u524D\u9009\u4E2D\u9879\u76EE\u7684 value"),n(),e(178,"td")(179,"code"),t(180,"string | number"),n()(),e(181,"td"),t(182,"-"),n(),i(183,"td"),n(),e(184,"tr")(185,"td")(186,"code"),t(187,"(nzValueChange)"),n()(),e(188,"td"),t(189,"\u5F53\u524D\u9009\u4E2D\u9879\u76EE\u53D8\u5316\u65F6\u89E6\u53D1\u56DE\u8C03"),n(),e(190,"td")(191,"code"),t(192,"EventEmitter<string | number>"),n()(),e(193,"td"),t(194,"-"),n(),i(195,"td"),n(),e(196,"tr")(197,"td")(198,"code"),t(199,"(ngModelChange)"),n()(),e(200,"td"),t(201,"\u5F53\u524D\u9009\u4E2D\u9879\u76EE\u53D8\u5316\u65F6\u89E6\u53D1\u56DE\u8C03"),n(),e(202,"td")(203,"code"),t(204,"EventEmitter<string | number>"),n()(),e(205,"td"),t(206,"-"),n(),i(207,"td"),n()()(),e(208,"h3",40)(209,"span"),t(210,"label[nz-segmented-item]"),n(),e(211,"a",41),t(212,"#"),n()(),e(213,"table")(214,"thead")(215,"tr")(216,"th"),t(217,"\u53C2\u6570"),n(),e(218,"th"),t(219,"\u8BF4\u660E"),n(),e(220,"th"),t(221,"\u7C7B\u578B"),n(),e(222,"th"),t(223,"\u9ED8\u8BA4\u503C"),n(),e(224,"th"),t(225,"\u5168\u5C40\u914D\u7F6E"),n()()(),e(226,"tbody")(227,"tr")(228,"td")(229,"code"),t(230,"[nzIcon]"),n()(),e(231,"td"),t(232,"\u56FE\u6807"),n(),e(233,"td")(234,"code"),t(235,"string"),n()(),e(236,"td"),t(237,"-"),n(),i(238,"td"),n(),e(239,"tr")(240,"td")(241,"code"),t(242,"[nzValue]"),n()(),e(243,"td"),t(244,"\u503C"),n(),e(245,"td")(246,"code"),t(247,"string | number"),n()(),e(248,"td"),t(249,"-"),n(),i(250,"td"),n(),e(251,"tr")(252,"td")(253,"code"),t(254,"[nzDisabled]"),n()(),e(255,"td"),t(256,"\u662F\u5426\u7981\u7528"),n(),e(257,"td")(258,"code"),t(259,"boolean"),n()(),e(260,"td"),t(261,"false"),n(),i(262,"td"),n()()(),s(),n()()),m&2&&(d(),o("nzOffsetTop",16),d(),o("nzAffix",!1),d(35),o("nzGutter",16),d(),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-basic")("nzLink","components-segmented-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/basic.md"),d(5),o("nzId","components-segmented-demo-dynamic")("nzLink","components-segmented-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/dynamic.md"),d(5),o("nzId","components-segmented-demo-value")("nzLink","components-segmented-demo-value")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/value.md"),d(5),o("nzId","components-segmented-demo-size")("nzLink","components-segmented-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/size.md"),d(14),o("nzId","components-segmented-demo-with-icon-only")("nzLink","components-segmented-demo-with-icon-only")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/with-icon-only.md"),d(5),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-disabled")("nzLink","components-segmented-demo-disabled")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/disabled.md"),d(5),o("nzId","components-segmented-demo-icon")("nzLink","components-segmented-demo-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/icon.md"),d(5),o("nzId","components-segmented-demo-custom")("nzLink","components-segmented-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/custom.md"),d(5),o("nzId","components-segmented-demo-block")("nzLink","components-segmented-demo-block")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/block.md"))},dependencies:[W,x,P,G,V,R,L,_,A,M,y,D,N,I,v,B,k,H,w],encapsulation:2})};var Q=class r{expanded=!1;codeBoxes;goLink(a){window&&(window.location.hash=a)}

1expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(a=>a.expandCode(this.expanded))}static \u0275fac=function(m){return new(m||r)};static \u0275cmp=z({type:r,selectors:[["nz-demo-segmented"]],viewQuery:function(m,l){if(m&1&&F(x,5),m&2){let g;O(g=T())&&(l.codeBoxes=g)}},decls:277,vars:52,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#components-segmented-demo-basic","nzTitle","Basic usage"],["nzHref","#components-segmented-demo-disabled","nzTitle","Disabled"],["nzHref","#components-segmented-demo-dynamic","nzTitle","Dynamic"],["nzHref","#components-segmented-demo-icon","nzTitle","With Icon"],["nzHref","#components-segmented-demo-value","nzTitle","ngModel"],["nzHref","#components-segmented-demo-custom","nzTitle","Custom Render"],["nzHref","#components-segmented-demo-size","nzTitle","Three sizes of Segmented"],["nzHref","#components-segmented-demo-block","nzTitle","Block Segmented"],["nzHref","#components-segmented-demo-with-icon-only","nzTitle","With Icon only"],["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/segmented/doc/index.en-US.md","target","_blank","rel","noopener noreferrer",1,"edit-button"],["nzType","edit"],["name","segmented","description","Display multiple options and allow users to select a single option.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["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-segmented-basic","nzGenerateCommand","ng g ng-zorro-antd:segmented-basic <name>","nzComponentName","NzDemoSegmentedBasicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["demo",""],["intro",""],["nzTitle","Dynamic","nzSelector","nz-demo-segmented-dynamic","nzGenerateCommand","ng g ng-zorro-antd:segmented-dynamic <name>","nzComponentName","NzDemoSegmentedDynamicComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","ngModel","nzSelector","nz-demo-segmented-value","nzGenerateCommand","ng g ng-zorro-antd:segmented-value <name>","nzComponentName","NzDemoSegmentedValueComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Three sizes of Segmented","nzSelector","nz-demo-segmented-size","nzGenerateCommand","ng g ng-zorro-antd:segmented-size <name>","nzComponentName","NzDemoSegmentedSizeComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","With Icon only","nzSelector","nz-demo-segmented-with-icon-only","nzGenerateCommand","ng g ng-zorro-antd:segmented-with-icon-only <name>","nzComponentName","NzDemoSegmentedWithIconOnlyComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Disabled","nzSelector","nz-demo-segmented-disabled","nzGenerateCommand","ng g ng-zorro-antd:segmented-disabled <name>","nzComponentName","NzDemoSegmentedDisabledComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","With Icon","nzSelector","nz-demo-segmented-icon","nzGenerateCommand","ng g ng-zorro-antd:segmented-icon <name>","nzComponentName","NzDemoSegmentedIconComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Custom Render","nzSelector","nz-demo-segmented-custom","nzGenerateCommand","ng g ng-zorro-antd:segmented-custom <name>","nzComponentName","NzDemoSegmentedCustomComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],["nzTitle","Block Segmented","nzSelector","nz-demo-segmented-block","nzGenerateCommand","ng g ng-zorro-antd:segmented-block <name>","nzComponentName","NzDemoSegmentedBlockComponent","nzIframeSource","null",3,"nzId","nzLink","nzIframe","nzIframeHeight","nzHref"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-segmented"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-segmented'",1,"anchor"],["id","labelnz-segmented-item"],["onclick","window.location.hash = 'labelnz-segmented-item'",1,"anchor"]],template:function(m,l){m&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),f("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)(11,"nz-link",10)(12,"nz-link",11),n()(),e(13,"section",12)(14,"h1"),t(15,"Segmented"),i(16,"span",13)(17,"span",14),e(18,"a",15),i(19,"nz-icon",16),n()(),i(20,"component-meta",17),e(21,"section",12),p(),e(22,"h2",18)(23,"span"),t(24,"When To Use"),n(),e(25,"a",19),t(26,"#"),n()(),e(27,"ul")(28,"li"),t(29,"When dis

1playing multiple options and user can select a single option;"),n(),e(30,"li"),t(31,"When switching the selected option, the content of the associated area changes."),n()(),s(),n(),e(32,"h2")(33,"span"),t(34,"Examples"),n(),e(35,"nz-icon",20),f("click",function(){return l.expandAllCode()}),n()()(),e(36,"div",21)(37,"div",22)(38,"nz-code-box",23),i(39,"nz-demo-segmented-basic",24),e(40,"div",25),p(),e(41,"p"),t(42,"Basic Usage."),n(),s(),n()(),e(43,"nz-code-box",26),i(44,"nz-demo-segmented-dynamic",24),e(45,"div",25),p(),e(46,"p"),t(47,"Load "),e(48,"code"),t(49,"options"),n(),t(50," dynamically."),n(),s(),n()(),e(51,"nz-code-box",27),i(52,"nz-demo-segmented-value",24),e(53,"div",25),p(),e(54,"p"),t(55,"Set selected option via ngModel."),n(),s(),n()(),e(56,"nz-code-box",28),i(57,"nz-demo-segmented-size",24),e(58,"div",25),p(),e(59,"p"),t(60,"There are three sizes of an Segmented: "),e(61,"code"),t(62,"large"),n(),t(63," (40px), "),e(64,"code"),t(65,"default"),n(),t(66," (32px) and "),e(67,"code"),t(68,"small"),n(),t(69," (24px)."),n(),s(),n()(),e(70,"nz-code-box",29),i(71,"nz-demo-segmented-with-icon-only",24),e(72,"div",25),p(),e(73,"p"),t(74,"Set "),e(75,"code"),t(76,"icon"),n(),t(77," without "),e(78,"code"),t(79,"label"),n(),t(80," for Segmented Item."),n(),s(),n()()(),e(81,"div",22)(82,"nz-code-box",30),i(83,"nz-demo-segmented-disabled",24),e(84,"div",25),p(),e(85,"p"),t(86,"Disabled Segmented."),n(),s(),n()(),e(87,"nz-code-box",31),i(88,"nz-demo-segmented-icon",24),e(89,"div",25),p(),e(90,"p"),t(91,"Set "),e(92,"code"),t(93,"icon"),n(),t(94," for Segmented Item."),n(),s(),n()(),e(95,"nz-code-box",32),i(96,"nz-demo-segmented-custom",24),e(97,"div",25),p(),e(98,"p"),t(99,"Custom render each Segmented Item."),n(),s(),n()(),e(100,"nz-code-box",33),i(101,"nz-demo-segmented-block",24),e(102,"div",25),p(),e(103,"p")(104,"code"),t(105,"nzBlock"),n(),t(106," property will make the "),e(107,"code"),t(108,"Segmented"),n(),t(109," fit to its parent width."),n(),s(),n()()()(),e(110,"section",34),p(),e(111,"h2",35)(112,"span"),t(113,"API"),n(),e(114,"a",36),t(115,"#"),n()(),e(116,"h3",37)(117,"span"),t(118,"nz-segmented"),n(),e(119,"label",38),t(120,"component"),n(),e(121,"a",39),t(122,"#"),n()(),e(123,"table")(124,"thead")(125,"tr")(126,"th"),t(127,"Property"),n(),e(128,"th"),t(129,"Description"),n(),e(130,"th"),t(131,"Type"),n(),e(132,"th"),t(133,"Default"),n(),e(134,"th"),t(135,"Global Config"),n()()(),e(136,"tbody")(137,"tr")(138,"td")(139,"code"),t(140,"[nzBlock]"),n()(),e(141,"td"),t(142,"Option to fit width to its parent's width"),n(),e(143,"td")(144,"code"),t(145,"boolean"),n()(),e(146,"td"),t(147,"false"),n(),i(148,"td"),n(),e(149,"tr")(150,"td")(151,"code"),t(152,"[nzDisabled]"),n()(),e(153,"td"),t(154,"Disable all segments"),n(),e(155,"td")(156,"code"),t(157,"boolean"),n()(),e(158,"td"),t(159,"false"),n(),i(160,"td"),n(),e(161,"tr")(162,"td")(163,"code"),t(164,"[nzOptions]"),n()(),e(165,"td"),t(166,"Set children optional"),n(),e(167,"td")(168,"code"),t(169,"string[] | number[] | Array<{ label: string; value: string | number; icon: string; disabled?: boolean }>"),n()(),e(170,"td"),t(171,"-"),n(),i(172,"td"),n(),e(173,"tr")(174,"td")(175,"code"),t(176,"[nzSize]"),n()(),e(177,"td"),t(178,"The size of the Segmented"),n(),e(179,"td")(180,"code"),t(181,"large | default | small"),n()(),e(182,"td"),t(183,"-"),n(),e(184,"td"),t(185,"\u2705"),n()(),e(186,"tr")(187,"td")(188,"code"),t(189,"[ngModel]"),n()(),e(190,"td"),t(191,"Value of the currently selected option"),n(),e(192,"td")(193,"code"),t(194,"string | number"),n()(),e(195,"td"),t(196,"-"),n(),i(197,"td"),n(),e(198,"tr")(199,"td")(200,"code"),t(201,"(nzValueChange)"),n()(),e(202,"td"),t(203,"Emits when value of the currently selected option changes"),n(),e(204,"td")(205,"code"),t(206,"EventEmitter<string | number>"),n()(),e(207,"td"),t(208,"-"),n(),i(209,"td"),n(),e(210,"tr")(211,"td")(212,"code"),t(213,"(ngModelChange)"),n()(),e(214,"td"),t(215,"Emits when value of the currently selected option changes"),n(),e(216,"td")(217,"code"),t(218,"EventEmitter<string | number>"),n()(),e(219,"td"),t(220,"-"),n(),i(221,"td"),n()()(),e(222,"h3",40)(223,"span"),t(224,"label[nz-segmented-item]"),n(),e(225,"a",41),t(226,"#"),n()(),e(227,"table")(228,"thead")(229,"tr")(230,"th"),t(231,"Property"),n(),e(232,"th"),t(233,"Description"),n(),e(234,"th"),t(235,"Type"),n(),e(236,"th"),t(237,"Default"),n(),e(238,"th"),t(239,"Global Config"),n()()(),e(240,"tbody")(241,"tr")(242,"td")(243,"code"),t(244,"[nzIcon]"),n()(),e(245,"td"),t(246,"Icon in segmented item"),n(),e(247,"td")(248,"code"),t(249,"string"),n()(),e(250,"td"),t(251,"-"),n(),i(252,"td"),n(),e(253,"tr")(254,"td")(255,"code"),t(256,"[nzValue]"),n()(),e(257,"td"),t(258,"Value of segmented item"),n(),e(259,"td")(260,"code"),t(261,"string | number"),n()(),e(262,"td"),t(263,"-"),n(),i(264,"td"),n(),e(265,"tr")(266,"td")(267,"code"),t(268,"[nzDisabled]"),n()(),e(269,"td"),t(270,"Disable the segmented item"),n(),e(271,"td")(272,"code"),t(273,"boolean"),n()(),e(274,"td"),t(275,"false"),n(),i(276,"td"),n()()(),s(),n()()),m&2&&(d(),o("nzOffsetTop",16),d(),o("nzAffix",!1),d(34),o("nzGutter",16),d(),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-basic")("nzLink","components-segmented-demo-basic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/basic.md"),d(5),o("nzId","components-segmented-demo-dynamic")("nzLink","components-segmented-demo-dynamic")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/dynamic.md"),d(8),o("nzId","components-segmented-demo-value")("nzLink","components-segmented-demo-value")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/value.md"),d(5),o("nzId","components-segmented-demo-size")("nzLink","components-segmented-demo-size")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/size.md"),d(14),o("nzId","components-segmented-demo-with-icon-only")("nzLink","components-segmented-demo-with-icon-only")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/with-icon-only.md"),d(11),o("nzXl",12)("nzSpan",24),d(),o("nzId","components-segmented-demo-disabled")("nzLink","components-segmented-demo-disabled")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/disabled.md"),d(5),o("nzId","components-segmented-demo-icon")("nzLink","components-segmented-demo-icon")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/icon.md"),d(8),o("nzId","components-segmented-demo-custom")("nzLink","components-segmented-demo-custom")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/custom.md"),d(5),o("nzId","components-segmented-demo-block")("nzLink","components-segmented-demo-block")("nzIframe",!1)("nzIframeHeight",null)("nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/segmented/demo/block.md"))},dependencies:[W,x,P,G,V,R,L,_,A,M,y,D,N,I,v,B,k,H,w],encapsulation:2})};var fe=[{path:"en",component:Q},{path:"zh",component:Z}],Sn=fe;export{Sn as default};