diff --git a/next/12059.9c47a14b50a2fb36.js b/next/12059.9c47a14b50a2fb36.js deleted file mode 100644 index 63f97612067e..000000000000 --- a/next/12059.9c47a14b50a2fb36.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[12059],{12059:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiLineDaysChartModule:()=>rt});var o,i=n(88692),a=n(69900),r=n(91795),u=n(51362),c=n(64500),s=n(53222),l=n(73588),p=n(84479),h=n(64537),m=n(27969),d=n(70390),g=n(87748),y=n(83074),f=n(10977),x=n(62840),P=n(60404),T=n(43560),M=n(93525),C=n(38868),w=n(84911),L=n(92483),Z=n(48706);function v(t,e){if(1&t&&(h.TgZ(0,"tui-axes",3),h._UZ(1,"tui-line-days-chart",4),h.ALo(2,"async"),h.qZA()),2&t){const t=e.ngIf,n=h.oxw();h.Q6J("axisXLabels",t)("horizontalLines",4)("verticalLines",t.length),h.xp6(1),h.Q6J("height",200)("value",n.value)("xStringify",h.lcZ(2,7,n.xStringify$))("yStringify",n.yStringify)}}class _{constructor(){this.isE2E=(0,h.f3M)(s.TUI_IS_E2E),this.months$=(0,h.f3M)(l.TUI_MONTHS),this.range=new s.TuiDayRange(s.TuiDay.currentLocal(),s.TuiDay.currentLocal().append({year:1})),this.maxLength={month:12},this.xStringify$=this.months$.pipe((0,m.U)((t=>({month:e,day:n})=>`${t[e]}, ${n}`))),this.yStringify=t=>`${(10*t).toLocaleString("en-US",{maximumFractionDigits:0})} $`}get value(){return this.computeValue(this.range)}computeLabels$({from:t,to:e}){return this.months$.pipe((0,m.U)((n=>Array.from({length:s.TuiMonth.lengthBetween(t,e)+1},((e,o)=>n[t.append({month:o}).month])))))}computeValue({from:t,to:e}){return new Array(s.TuiDay.lengthBetween(t,e)+1).fill(0).reduce(((e,n,o)=>[...e,[t.append({day:o}),this.isE2E?100:(o?e[o-1][1]:100)+10*Math.random()-5]]),[])}}(o=_).ɵfac=function(t){return new(t||o)},o.ɵcmp=h.Xpm({type:o,selectors:[["tui-line-days-chart-example-1"]],decls:5,vars:5,consts:[[1,"b-form"],[3,"maxLength","ngModel","ngModelChange"],["class","axes",3,"axisXLabels","horizontalLines","verticalLines",4,"ngIf"],[1,"axes",3,"axisXLabels","horizontalLines","verticalLines"],[1,"chart",3,"height","value","xStringify","yStringify"]],template:function(t,e){1&t&&(h.TgZ(0,"p",0)(1,"tui-input-date-range",1),h.NdJ("ngModelChange",(function(t){return e.range=t})),h._uU(2," Range "),h.qZA()(),h.YNc(3,v,3,9,"tui-axes",2),h.ALo(4,"async")),2&t&&(h.xp6(1),h.Q6J("maxLength",e.maxLength)("ngModel",e.range),h.xp6(2),h.Q6J("ngIf",h.lcZ(4,3,e.computeLabels$(e.range))))},dependencies:[i.O5,a.JJ,a.On,d.v,g.r,L.H,Z.d,i.Ov],styles:["[_nghost-%COMP%]{display:block;width:50rem}.axes[_ngcontent-%COMP%]{height:12.5rem;color:#bc71c9}"],changeDetection:0}),(0,w.gn)([s.tuiPure],_.prototype,"computeLabels$",null),(0,w.gn)([s.tuiPure],_.prototype,"computeValue",null);var D=n(58413),S=n(69775),V=n(79121),b=n(19288),A=n(35271),N=n(47305),U=n(84945);function J(t){return t.filter(((t,e)=>!(e%2)))}let O=(()=>{var t;class e{constructor(){this.months$=(0,h.f3M)(l.TUI_MONTHS)}transform({from:t,to:e}){const n=s.TuiDay.lengthBetween(t,e);if(n>90)return this.months$.pipe((0,m.U)((n=>Array.from({length:s.TuiMonth.lengthBetween(t,e)+1},((e,o)=>n[t.append({month:o}).month])))));const o=Array.from({length:n},((e,n)=>t.append({day:n}))),i=function(t){return t.filter((t=>!t.dayOfWeek())).map(String)}(o),a=o.map(String);return n>60?(0,U.of)(J(i)):n>14?(0,U.of)(i):n>7?(0,U.of)(J(a)):(0,U.of)(a)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵpipe=h.Yjl({name:"labels",type:t,pure:!0}),e})();var $;function Q(t,e){if(1&t&&(h.TgZ(0,"span",7)(1,"small",8),h._uU(2),h.qZA()()),2&t){const t=e.index;h.xp6(2),h.hij("Chart ",t+1,"")}}function F(t,e){if(1&t&&(h._UZ(0,"tui-line-days-chart",13),h.ALo(1,"tuiFilter")),2&t){const t=e.$implicit,n=h.oxw(3);h.Q6J("height",200)("value",h.Dn7(1,2,t,n.filter,n.range))}}function q(t,e){if(1&t&&(h.ynx(0),h.YNc(1,F,2,6,"tui-line-days-chart",12),h.BQk()),2&t){const t=h.oxw(2);h.xp6(1),h.Q6J("ngForOf",t.days)}}function Y(t,e){if(1&t&&(h._UZ(0,"tui-line-chart",15),h.ALo(1,"tuiMapper"),h.ALo(2,"tuiFilter")),2&t){const t=e.$implicit,n=h.oxw(3);h.Q6J("height",200)("value",h.Dn7(1,3,h.Dn7(2,7,t,n.filter,n.range),n.toNumbers,n.range))("width",n.getWidth(n.range))}}function H(t,e){if(1&t&&h.YNc(0,Y,3,11,"tui-line-chart",14),2&t){const t=h.oxw(2);h.Q6J("ngForOf",t.days)}}function I(t,e){if(1&t&&(h.TgZ(0,"tui-axes",9),h.YNc(1,q,2,1,"ng-container",10),h.YNc(2,H,1,1,"ng-template",null,11,h.W1O),h.qZA()),2&t){const t=e.ngIf,n=h.MAs(3),o=h.oxw(),i=h.MAs(15);h.Q6J("axisXLabels",t)("horizontalLines",4)("tuiLineChartHint",i)("verticalLines",t.length),h.xp6(1),h.Q6J("ngIf",o.getWidth(o.show)>90)("ngIfElse",n)}}function E(t,e){if(1&t&&(h.TgZ(0,"div",7)(1,"span",17),h._uU(2),h.qZA()()),2&t){const t=e.$implicit;h.xp6(2),h.hij("$",t[1].toFixed(0),"")}}function B(t,e){if(1&t&&(h.TgZ(0,"div",16)(1,"strong"),h._uU(2),h.qZA()(),h.TgZ(3,"div"),h.YNc(4,E,3,1,"div",4),h.qZA()),2&t){const t=e.$implicit,n=h.oxw();h.xp6(2),h.Oqu(n.getDate(t[0][0],n.range.from)),h.xp6(2),h.Q6J("ngForOf",t)}}class z{constructor(){this.isE2E=(0,h.f3M)(s.TUI_IS_E2E),this.data=new s.TuiDayRange(s.TuiDay.currentLocal(),s.TuiDay.currentLocal().append({month:5})),this.show=this.data,this.days=this.computeArrays(this.data),this.maxLength={month:6},this.filter=([t],{from:e,to:n})=>t.daySameOrAfter(e)&&t.daySameOrBefore(n),this.toNumbers=(t,{from:e})=>t.map((([t,n])=>[s.TuiDay.lengthBetween(e,t),n]))}get range(){return this.computeRange(this.show)}getWidth({from:t,to:e}){return s.TuiDay.lengthBetween(t,e)}getDate(t,e){return t instanceof s.TuiDay?t:e.append({day:t})}onDataChange(t){this.days=this.computeArrays(t)}computeRange(t){const{from:e,to:n}=t,o=s.TuiDay.lengthBetween(e,n),i=e.dayOfWeek(),a=n.dayOfWeek(),r=i?e.append({day:7-i}):e,u=a?n.append({day:7-a}):n,c=s.TuiDay.lengthBetween(r,u);return o>90?t:o>60?new s.TuiDayRange(r,u.append({day:c%14})):o>14?new s.TuiDayRange(r,u):new s.TuiDayRange(e,n.append({day:o%2}))}computeData({from:t,to:e},n){return new Array(s.TuiDay.lengthBetween(t,e)+1).fill(0).reduce(((e,o,i)=>[...e,[t.append({day:i}),this.isE2E?n:Math.max((i?e[i-1][1]:n)+10*Math.random()-5,0)]]),[]).filter((([t])=>t.dayOfWeek()<5))}computeArrays(t){return[this.computeData(t,100),this.computeData(t,75),this.computeData(t,50)]}}function k(t,e){if(1&t&&(h.TgZ(0,"p"),h._uU(1,"Line chart but for days"),h.qZA(),h.TgZ(2,"tui-doc-example",2),h._UZ(3,"tui-line-days-chart-example-1"),h.qZA(),h.TgZ(4,"tui-doc-example",3),h._UZ(5,"tui-line-days-chart-example-2"),h.qZA()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("content",t.example1),h.xp6(2),h.Q6J("content",t.example2)("fullsize",!0)}}function X(t,e){1&t&&h._uU(0," Show dots on chart ")}function R(t,e){1&t&&(h._uU(0," Content of hint for hover. It has "),h.TgZ(1,"code"),h._uU(2,"$implicit"),h.qZA(),h._uU(3," in context with a tuple "),h.TgZ(4,"code"),h._uU(5,"[TuiDay, number]"),h.qZA())}function W(t,e){1&t&&h._uU(0," Axis Y range, pixel scale is 1:1 ")}function G(t,e){1&t&&h._uU(0," Start of Y axis ")}function K(t,e){1&t&&h._uU(0," Smoothing factor from 0 to 99 ")}function j(t,e){1&t&&h._uU(0," Array of data ")}function tt(t,e){1&t&&h._uU(0," Function to stringify a value number to a string in axis X hint ")}function et(t,e){1&t&&h._uU(0," Function to stringify a value number to a string in axis Y hint ")}($=z).ɵfac=function(t){return new(t||$)},$.ɵcmp=h.Xpm({type:$,selectors:[["tui-line-days-chart-example-2"]],decls:16,vars:10,consts:[[1,"controls"],[1,"b-form",3,"maxLength","ngModel","ngModelChange"],[1,"b-form","tui-space_left-4",3,"maxLength","ngModel","ngModelChange"],[1,"legend"],["class","item",4,"ngFor","ngForOf"],["class","axes",3,"axisXLabels","horizontalLines","tuiLineChartHint","verticalLines",4,"ngIf"],["hint",""],[1,"item"],[1,"name"],[1,"axes",3,"axisXLabels","horizontalLines","tuiLineChartHint","verticalLines"],[4,"ngIf","ngIfElse"],["line",""],["class","chart",3,"height","value",4,"ngFor","ngForOf"],[1,"chart",3,"height","value"],["class","chart",3,"height","value","width",4,"ngFor","ngForOf"],[1,"chart",3,"height","value","width"],[1,"tui-space_bottom-2"],[1,"value"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-notification")(1,"code"),h._uU(2,"TuiLineDaysChart"),h.qZA(),h._uU(3," is used to show data of several months to simplify working with different number of days in months\n"),h.qZA(),h.TgZ(4,"p",0)(5,"tui-input-date-range",1),h.NdJ("ngModelChange",(function(t){return e.data=t}))("ngModelChange",(function(t){return e.onDataChange(t)})),h._uU(6," Data "),h.qZA(),h.TgZ(7,"tui-input-date-range",2),h.NdJ("ngModelChange",(function(t){return e.show=t})),h._uU(8," Visible range "),h.qZA()(),h.TgZ(9,"p",3),h.YNc(10,Q,3,1,"span",4),h.qZA(),h.YNc(11,I,4,6,"tui-axes",5),h.ALo(12,"async"),h.ALo(13,"labels"),h.YNc(14,B,5,2,"ng-template",null,6,h.W1O)),2&t&&(h.xp6(5),h.Q6J("maxLength",e.maxLength)("ngModel",e.data),h.xp6(2),h.Q6J("maxLength",e.maxLength)("ngModel",e.show),h.xp6(3),h.Q6J("ngForOf",e.days),h.xp6(1),h.Q6J("ngIf",h.lcZ(12,6,h.lcZ(13,8,e.show))))},dependencies:[i.sg,i.O5,a.JJ,a.On,d.v,D.V,S.T,V.L,g.r,b.w,L.H,Z.d,i.Ov,A.c,N.S,O],styles:['.axes[_ngcontent-%COMP%]{height:12.5rem}.controls[_ngcontent-%COMP%]{display:flex}.controls[_ngcontent-%COMP%] .b-form[_ngcontent-%COMP%]{flex:1}.legend[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}.item[_ngcontent-%COMP%]{color:var(--tui-support-01);display:flex;align-items:center;margin:0 .75rem}.item[_ngcontent-%COMP%]:first-child{color:var(--tui-support-08)}.item[_ngcontent-%COMP%]:last-child{color:var(--tui-support-12)}.item[_ngcontent-%COMP%]:before{content:"";border-bottom:.125rem solid;width:1rem;margin-right:.5rem}.name[_ngcontent-%COMP%]{color:var(--tui-text-01)}.value[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.chart[_ngcontent-%COMP%]{color:var(--tui-support-01);position:absolute;top:0;left:0;width:100%;height:100%}.chart[_ngcontent-%COMP%]:first-child{color:var(--tui-support-08)}.chart[_ngcontent-%COMP%]:last-child{color:var(--tui-support-12)}'],changeDetection:0}),(0,w.gn)([s.tuiPure],z.prototype,"getWidth",null),(0,w.gn)([s.tuiPure],z.prototype,"getDate",null),(0,w.gn)([s.tuiPure],z.prototype,"computeRange",null),(0,w.gn)([s.tuiPure],z.prototype,"computeData",null);const nt=function(){return[]};function ot(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-doc-demo")(1,"tui-axes",4),h.ALo(2,"async"),h._UZ(3,"tui-line-days-chart",5),h.qZA()(),h.TgZ(4,"tui-doc-documentation"),h.YNc(5,X,1,0,"ng-template",6),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.dots=e)})),h.YNc(6,R,6,0,"ng-template",7),h.ALo(7,"async"),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.hintContent=e)})),h.YNc(8,W,1,0,"ng-template",8),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.height=e)})),h.YNc(9,G,1,0,"ng-template",9),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.y=e)})),h.YNc(10,K,1,0,"ng-template",10),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.smoothingFactor=e)})),h.YNc(11,j,1,0,"ng-template",11),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.value=e)})),h.YNc(12,tt,1,0,"ng-template",12),h.ALo(13,"async"),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.xStringify=e)})),h.YNc(14,et,1,0,"ng-template",13),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.yStringify=e)})),h.qZA()}if(2&t){const t=h.oxw();h.xp6(1),h.Q6J("axisXLabels",h.lcZ(2,23,t.labels$)||h.DdM(29,nt))("horizontalLines",4)("verticalLines",3),h.xp6(2),h.Q6J("dots",t.dots)("height",t.height)("hintContent",t.hintContent)("smoothingFactor",t.smoothingFactor)("value",t.value)("xStringify",t.xStringify)("y",t.y)("yStringify",t.yStringify),h.xp6(2),h.Q6J("documentationPropertyValue",t.dots),h.xp6(1),h.Q6J("documentationPropertyValues",h.lcZ(7,25,t.hintContentVariants$))("documentationPropertyValue",t.hintContent),h.xp6(2),h.Q6J("documentationPropertyValue",t.height),h.xp6(1),h.Q6J("documentationPropertyValue",t.y),h.xp6(1),h.Q6J("documentationPropertyValue",t.smoothingFactor),h.xp6(1),h.Q6J("documentationPropertyValues",t.valueVariants)("documentationPropertyValue",t.value),h.xp6(1),h.Q6J("documentationPropertyValues",h.lcZ(13,27,t.xStringifyVariants$))("documentationPropertyValue",t.xStringify),h.xp6(2),h.Q6J("documentationPropertyValues",t.yStringifyVariants)("documentationPropertyValue",t.yStringify)}}function it(t,e){if(1&t&&(h.TgZ(0,"ol",14)(1,"li")(2,"p"),h._uU(3," Import "),h.TgZ(4,"code"),h._uU(5,"TuiLineDaysChartModule"),h.qZA(),h._uU(6," into a module where you want to use our component "),h.qZA(),h._UZ(7,"tui-doc-code",15),h.qZA(),h.TgZ(8,"li")(9,"p"),h._uU(10,"Add to the template:"),h.qZA(),h._UZ(11,"tui-doc-code",16),h.qZA()()),2&t){const t=h.oxw();h.xp6(7),h.Q6J("code",t.exampleModule),h.xp6(4),h.Q6J("code",t.exampleHtml)}}let at=(()=>{var t;class e{constructor(){this.months$=(0,h.f3M)(l.TUI_MONTHS),this.exampleModule=n.e(83405).then(n.t.bind(n,83405,17)),this.exampleHtml=n.e(42231).then(n.t.bind(n,42231,17)),this.example1={TypeScript:n.e(18807).then(n.t.bind(n,18807,17)),HTML:n.e(23889).then(n.t.bind(n,23889,17)),LESS:n.e(43743).then(n.t.bind(n,43743,17))},this.example2={TypeScript:n.e(28904).then(n.t.bind(n,28904,17)),HTML:n.e(66161).then(n.t.bind(n,66161,17)),LESS:n.e(27918).then(n.t.bind(n,27918,17)),"pipe.ts":n.e(9361).then(n.t.bind(n,9361,17))},this.valueVariants=[new Array(91).fill(0).reduce(((t,e,n)=>[...t,[new s.TuiDay(2020,0,1).append({day:n}),(n?t[n-1][1]:100)+20*Math.random()-10]]),[]),[[new s.TuiDay(2020,1,10),10],[new s.TuiDay(2020,1,15),150],[new s.TuiDay(2020,1,17),10],[new s.TuiDay(2020,1,20),10],[new s.TuiDay(2020,1,25),150],[new s.TuiDay(2020,1,27),10]]],this.value=this.valueVariants[0],this.labels$=this.months$.pipe((0,m.U)((t=>Array.from({length:3},((e,n)=>t[n]))))),this.yStringifyVariants=[t=>`${(10*t).toLocaleString("en-US",{maximumFractionDigits:0})} $`],this.xStringifyVariants$=this.months$.pipe((0,m.U)((t=>[({month:e,day:n})=>`${t[e]}, ${n}`]))),this.hintContentVariants$=this.months$.pipe((0,m.U)((t=>["",({$implicit:e})=>`${t[e[0].month]}, ${e[0].day}\n${(10*e[1]).toLocaleString("en-US",{maximumFractionDigits:0})} $`]))),this.yStringify=null,this.xStringify=null,this.hintContent="",this.dots=!1,this.smoothingFactor=0,this.y=0,this.height=200}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["example-tui-line-days-chart"]],decls:4,vars:0,consts:[["header","LineDaysChart","package","ADDON-CHARTS","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","complex","heading","Complex",3,"content","fullsize"],[1,"axes",3,"axisXLabels","horizontalLines","verticalLines"],[3,"dots","height","hintContent","smoothingFactor","value","xStringify","y","yStringify"],["documentationPropertyMode","input","documentationPropertyName","dots","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","hintContent","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","height","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","y","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","smoothingFactor","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","[TuiDay, number][]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","xStringify","documentationPropertyType","TuiStringHandler | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","yStringify","documentationPropertyType","TuiStringHandler | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-doc-page",0),h.YNc(1,k,6,3,"ng-template",1),h.YNc(2,ot,15,30,"ng-template",1),h.YNc(3,it,12,2,"ng-template",1),h.qZA())},dependencies:[d.v,g.r,y.c,f.F,x.z,P.B,T.q,M.n,C.f,_,z,i.Ov],styles:[".axes[_ngcontent-%COMP%]{height:12.5rem;width:45.5rem;color:#bc71c9}"],changeDetection:0}),e})(),rt=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=h.oAB({type:t}),t.ɵinj=h.cJS({imports:[i.ez,a.u5,u.TuiAxesModule,p.TuiSelectModule,u.TuiLineChartModule,s.TuiMapperPipeModule,l.TuiNotificationModule,s.TuiFilterPipeModule,u.TuiLineDaysChartModule,p.TuiInputDateRangeModule,c.fV,r.Bz.forChild((0,c.Ve)(at))]}),e})()}}]); \ No newline at end of file diff --git a/next/12059.b2056bd33d4978d2.js b/next/12059.b2056bd33d4978d2.js new file mode 100644 index 000000000000..2968ceb41f03 --- /dev/null +++ b/next/12059.b2056bd33d4978d2.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[12059],{12059:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiLineDaysChartModule:()=>rt});var o,i=n(88692),a=n(69900),r=n(91795),u=n(51362),c=n(64500),s=n(53222),l=n(73588),p=n(84479),h=n(64537),d=n(27969),m=n(70390),g=n(87748),y=n(83074),f=n(10977),x=n(62840),P=n(60404),T=n(43560),M=n(93525),C=n(38868),w=n(84911),L=n(92483),Z=n(48706);function v(t,e){if(1&t&&(h.TgZ(0,"tui-axes",2),h._UZ(1,"tui-line-days-chart",3),h.ALo(2,"async"),h.qZA()),2&t){const t=e.ngIf,n=h.oxw();h.Q6J("axisXLabels",t)("horizontalLines",4)("verticalLines",t.length),h.xp6(1),h.Q6J("height",200)("value",n.value)("xStringify",h.lcZ(2,7,n.xStringify$))("yStringify",n.yStringify)}}class _{constructor(){this.isE2E=(0,h.f3M)(s.TUI_IS_E2E),this.months$=(0,h.f3M)(l.TUI_MONTHS),this.range=new s.TuiDayRange(s.TuiDay.currentLocal(),s.TuiDay.currentLocal().append({year:1})),this.maxLength={month:12},this.xStringify$=this.months$.pipe((0,d.U)((t=>({month:e,day:n})=>`${t[e]}, ${n}`))),this.yStringify=t=>`${(10*t).toLocaleString("en-US",{maximumFractionDigits:0})} $`}get value(){return this.computeValue(this.range)}computeLabels$({from:t,to:e}){return this.months$.pipe((0,d.U)((n=>Array.from({length:s.TuiMonth.lengthBetween(t,e)+1},((e,o)=>n[t.append({month:o}).month])))))}computeValue({from:t,to:e}){return new Array(s.TuiDay.lengthBetween(t,e)+1).fill(0).reduce(((e,n,o)=>[...e,[t.append({day:o}),this.isE2E?100:(o?e[o-1][1]:100)+10*Math.random()-5]]),[])}}(o=_).ɵfac=function(t){return new(t||o)},o.ɵcmp=h.Xpm({type:o,selectors:[["tui-line-days-chart-example-1"]],decls:5,vars:5,consts:[[3,"maxLength","ngModel","ngModelChange"],["class","axes",3,"axisXLabels","horizontalLines","verticalLines",4,"ngIf"],[1,"axes",3,"axisXLabels","horizontalLines","verticalLines"],[1,"chart",3,"height","value","xStringify","yStringify"]],template:function(t,e){1&t&&(h.TgZ(0,"p")(1,"tui-input-date-range",0),h.NdJ("ngModelChange",(function(t){return e.range=t})),h._uU(2," Range "),h.qZA()(),h.YNc(3,v,3,9,"tui-axes",1),h.ALo(4,"async")),2&t&&(h.xp6(1),h.Q6J("maxLength",e.maxLength)("ngModel",e.range),h.xp6(2),h.Q6J("ngIf",h.lcZ(4,3,e.computeLabels$(e.range))))},dependencies:[i.O5,a.JJ,a.On,m.v,g.r,L.H,Z.d,i.Ov],styles:["[_nghost-%COMP%]{display:block;width:50rem}.axes[_ngcontent-%COMP%]{height:12.5rem;color:#bc71c9}"],changeDetection:0}),(0,w.gn)([s.tuiPure],_.prototype,"computeLabels$",null),(0,w.gn)([s.tuiPure],_.prototype,"computeValue",null);var D=n(58413),S=n(69775),V=n(79121),A=n(19288),b=n(35271),N=n(47305),U=n(84945);function J(t){return t.filter(((t,e)=>!(e%2)))}let O=(()=>{var t;class e{constructor(){this.months$=(0,h.f3M)(l.TUI_MONTHS)}transform({from:t,to:e}){const n=s.TuiDay.lengthBetween(t,e);if(n>90)return this.months$.pipe((0,d.U)((n=>Array.from({length:s.TuiMonth.lengthBetween(t,e)+1},((e,o)=>n[t.append({month:o}).month])))));const o=Array.from({length:n},((e,n)=>t.append({day:n}))),i=function(t){return t.filter((t=>!t.dayOfWeek())).map(String)}(o),a=o.map(String);return n>60?(0,U.of)(J(i)):n>14?(0,U.of)(i):n>7?(0,U.of)(J(a)):(0,U.of)(a)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵpipe=h.Yjl({name:"labels",type:t,pure:!0}),e})();var $;function Q(t,e){if(1&t&&(h.TgZ(0,"span",7)(1,"small",8),h._uU(2),h.qZA()()),2&t){const t=e.index;h.xp6(2),h.hij("Chart ",t+1,"")}}function F(t,e){if(1&t&&(h._UZ(0,"tui-line-days-chart",13),h.ALo(1,"tuiFilter")),2&t){const t=e.$implicit,n=h.oxw(3);h.Q6J("height",200)("value",h.Dn7(1,2,t,n.filter,n.range))}}function q(t,e){if(1&t&&(h.ynx(0),h.YNc(1,F,2,6,"tui-line-days-chart",12),h.BQk()),2&t){const t=h.oxw(2);h.xp6(1),h.Q6J("ngForOf",t.days)}}function Y(t,e){if(1&t&&(h._UZ(0,"tui-line-chart",15),h.ALo(1,"tuiMapper"),h.ALo(2,"tuiFilter")),2&t){const t=e.$implicit,n=h.oxw(3);h.Q6J("height",200)("value",h.Dn7(1,3,h.Dn7(2,7,t,n.filter,n.range),n.toNumbers,n.range))("width",n.getWidth(n.range))}}function H(t,e){if(1&t&&h.YNc(0,Y,3,11,"tui-line-chart",14),2&t){const t=h.oxw(2);h.Q6J("ngForOf",t.days)}}function I(t,e){if(1&t&&(h.TgZ(0,"tui-axes",9),h.YNc(1,q,2,1,"ng-container",10),h.YNc(2,H,1,1,"ng-template",null,11,h.W1O),h.qZA()),2&t){const t=e.ngIf,n=h.MAs(3),o=h.oxw(),i=h.MAs(15);h.Q6J("axisXLabels",t)("horizontalLines",4)("tuiLineChartHint",i)("verticalLines",t.length),h.xp6(1),h.Q6J("ngIf",o.getWidth(o.show)>90)("ngIfElse",n)}}function E(t,e){if(1&t&&(h.TgZ(0,"div",7)(1,"span",17),h._uU(2),h.qZA()()),2&t){const t=e.$implicit;h.xp6(2),h.hij("$",t[1].toFixed(0),"")}}function B(t,e){if(1&t&&(h.TgZ(0,"div",16)(1,"strong"),h._uU(2),h.qZA()(),h.TgZ(3,"div"),h.YNc(4,E,3,1,"div",4),h.qZA()),2&t){const t=e.$implicit,n=h.oxw();h.xp6(2),h.Oqu(n.getDate(t[0][0],n.range.from)),h.xp6(2),h.Q6J("ngForOf",t)}}class z{constructor(){this.isE2E=(0,h.f3M)(s.TUI_IS_E2E),this.data=new s.TuiDayRange(s.TuiDay.currentLocal(),s.TuiDay.currentLocal().append({month:5})),this.show=this.data,this.days=this.computeArrays(this.data),this.maxLength={month:6},this.filter=([t],{from:e,to:n})=>t.daySameOrAfter(e)&&t.daySameOrBefore(n),this.toNumbers=(t,{from:e})=>t.map((([t,n])=>[s.TuiDay.lengthBetween(e,t),n]))}get range(){return this.computeRange(this.show)}getWidth({from:t,to:e}){return s.TuiDay.lengthBetween(t,e)}getDate(t,e){return t instanceof s.TuiDay?t:e.append({day:t})}onDataChange(t){this.days=this.computeArrays(t)}computeRange(t){const{from:e,to:n}=t,o=s.TuiDay.lengthBetween(e,n),i=e.dayOfWeek(),a=n.dayOfWeek(),r=i?e.append({day:7-i}):e,u=a?n.append({day:7-a}):n,c=s.TuiDay.lengthBetween(r,u);return o>90?t:o>60?new s.TuiDayRange(r,u.append({day:c%14})):o>14?new s.TuiDayRange(r,u):new s.TuiDayRange(e,n.append({day:o%2}))}computeData({from:t,to:e},n){return new Array(s.TuiDay.lengthBetween(t,e)+1).fill(0).reduce(((e,o,i)=>[...e,[t.append({day:i}),this.isE2E?n:Math.max((i?e[i-1][1]:n)+10*Math.random()-5,0)]]),[]).filter((([t])=>t.dayOfWeek()<5))}computeArrays(t){return[this.computeData(t,100),this.computeData(t,75),this.computeData(t,50)]}}function k(t,e){if(1&t&&(h.TgZ(0,"p"),h._uU(1,"Line chart but for days"),h.qZA(),h.TgZ(2,"tui-doc-example",2),h._UZ(3,"tui-line-days-chart-example-1"),h.qZA(),h.TgZ(4,"tui-doc-example",3),h._UZ(5,"tui-line-days-chart-example-2"),h.qZA()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("content",t.example1),h.xp6(2),h.Q6J("content",t.example2)("fullsize",!0)}}function X(t,e){1&t&&h._uU(0," Show dots on chart ")}function R(t,e){1&t&&(h._uU(0," Content of hint for hover. It has "),h.TgZ(1,"code"),h._uU(2,"$implicit"),h.qZA(),h._uU(3," in context with a tuple "),h.TgZ(4,"code"),h._uU(5,"[TuiDay, number]"),h.qZA())}function W(t,e){1&t&&h._uU(0," Axis Y range, pixel scale is 1:1 ")}function G(t,e){1&t&&h._uU(0," Start of Y axis ")}function K(t,e){1&t&&h._uU(0," Smoothing factor from 0 to 99 ")}function j(t,e){1&t&&h._uU(0," Array of data ")}function tt(t,e){1&t&&h._uU(0," Function to stringify a value number to a string in axis X hint ")}function et(t,e){1&t&&h._uU(0," Function to stringify a value number to a string in axis Y hint ")}($=z).ɵfac=function(t){return new(t||$)},$.ɵcmp=h.Xpm({type:$,selectors:[["tui-line-days-chart-example-2"]],decls:16,vars:10,consts:[[1,"controls"],[3,"maxLength","ngModel","ngModelChange"],[1,"tui-space_left-4",3,"maxLength","ngModel","ngModelChange"],[1,"legend"],["class","item",4,"ngFor","ngForOf"],["class","axes",3,"axisXLabels","horizontalLines","tuiLineChartHint","verticalLines",4,"ngIf"],["hint",""],[1,"item"],[1,"name"],[1,"axes",3,"axisXLabels","horizontalLines","tuiLineChartHint","verticalLines"],[4,"ngIf","ngIfElse"],["line",""],["class","chart",3,"height","value",4,"ngFor","ngForOf"],[1,"chart",3,"height","value"],["class","chart",3,"height","value","width",4,"ngFor","ngForOf"],[1,"chart",3,"height","value","width"],[1,"tui-space_bottom-2"],[1,"value"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-notification")(1,"code"),h._uU(2,"TuiLineDaysChart"),h.qZA(),h._uU(3," is used to show data of several months to simplify working with different number of days in months\n"),h.qZA(),h.TgZ(4,"p",0)(5,"tui-input-date-range",1),h.NdJ("ngModelChange",(function(t){return e.data=t}))("ngModelChange",(function(t){return e.onDataChange(t)})),h._uU(6," Data "),h.qZA(),h.TgZ(7,"tui-input-date-range",2),h.NdJ("ngModelChange",(function(t){return e.show=t})),h._uU(8," Visible range "),h.qZA()(),h.TgZ(9,"p",3),h.YNc(10,Q,3,1,"span",4),h.qZA(),h.YNc(11,I,4,6,"tui-axes",5),h.ALo(12,"async"),h.ALo(13,"labels"),h.YNc(14,B,5,2,"ng-template",null,6,h.W1O)),2&t&&(h.xp6(5),h.Q6J("maxLength",e.maxLength)("ngModel",e.data),h.xp6(2),h.Q6J("maxLength",e.maxLength)("ngModel",e.show),h.xp6(3),h.Q6J("ngForOf",e.days),h.xp6(1),h.Q6J("ngIf",h.lcZ(12,6,h.lcZ(13,8,e.show))))},dependencies:[i.sg,i.O5,a.JJ,a.On,m.v,D.V,S.T,V.L,g.r,A.w,L.H,Z.d,i.Ov,b.c,N.S,O],styles:['.axes[_ngcontent-%COMP%]{height:12.5rem}.controls[_ngcontent-%COMP%]{display:flex}.controls[_ngcontent-%COMP%] tui-input-date-range[_ngcontent-%COMP%]{flex:1}.legend[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}.item[_ngcontent-%COMP%]{color:var(--tui-support-01);display:flex;align-items:center;margin:0 .75rem}.item[_ngcontent-%COMP%]:first-child{color:var(--tui-support-08)}.item[_ngcontent-%COMP%]:last-child{color:var(--tui-support-12)}.item[_ngcontent-%COMP%]:before{content:"";border-bottom:.125rem solid;width:1rem;margin-right:.5rem}.name[_ngcontent-%COMP%]{color:var(--tui-text-01)}.value[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.chart[_ngcontent-%COMP%]{color:var(--tui-support-01);position:absolute;top:0;left:0;width:100%;height:100%}.chart[_ngcontent-%COMP%]:first-child{color:var(--tui-support-08)}.chart[_ngcontent-%COMP%]:last-child{color:var(--tui-support-12)}'],changeDetection:0}),(0,w.gn)([s.tuiPure],z.prototype,"getWidth",null),(0,w.gn)([s.tuiPure],z.prototype,"getDate",null),(0,w.gn)([s.tuiPure],z.prototype,"computeRange",null),(0,w.gn)([s.tuiPure],z.prototype,"computeData",null);const nt=function(){return[]};function ot(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-doc-demo")(1,"tui-axes",4),h.ALo(2,"async"),h._UZ(3,"tui-line-days-chart",5),h.qZA()(),h.TgZ(4,"tui-doc-documentation"),h.YNc(5,X,1,0,"ng-template",6),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.dots=e)})),h.YNc(6,R,6,0,"ng-template",7),h.ALo(7,"async"),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.hintContent=e)})),h.YNc(8,W,1,0,"ng-template",8),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.height=e)})),h.YNc(9,G,1,0,"ng-template",9),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.y=e)})),h.YNc(10,K,1,0,"ng-template",10),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.smoothingFactor=e)})),h.YNc(11,j,1,0,"ng-template",11),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.value=e)})),h.YNc(12,tt,1,0,"ng-template",12),h.ALo(13,"async"),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.xStringify=e)})),h.YNc(14,et,1,0,"ng-template",13),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const n=h.oxw();return h.KtG(n.yStringify=e)})),h.qZA()}if(2&t){const t=h.oxw();h.xp6(1),h.Q6J("axisXLabels",h.lcZ(2,23,t.labels$)||h.DdM(29,nt))("horizontalLines",4)("verticalLines",3),h.xp6(2),h.Q6J("dots",t.dots)("height",t.height)("hintContent",t.hintContent)("smoothingFactor",t.smoothingFactor)("value",t.value)("xStringify",t.xStringify)("y",t.y)("yStringify",t.yStringify),h.xp6(2),h.Q6J("documentationPropertyValue",t.dots),h.xp6(1),h.Q6J("documentationPropertyValues",h.lcZ(7,25,t.hintContentVariants$))("documentationPropertyValue",t.hintContent),h.xp6(2),h.Q6J("documentationPropertyValue",t.height),h.xp6(1),h.Q6J("documentationPropertyValue",t.y),h.xp6(1),h.Q6J("documentationPropertyValue",t.smoothingFactor),h.xp6(1),h.Q6J("documentationPropertyValues",t.valueVariants)("documentationPropertyValue",t.value),h.xp6(1),h.Q6J("documentationPropertyValues",h.lcZ(13,27,t.xStringifyVariants$))("documentationPropertyValue",t.xStringify),h.xp6(2),h.Q6J("documentationPropertyValues",t.yStringifyVariants)("documentationPropertyValue",t.yStringify)}}function it(t,e){if(1&t&&(h.TgZ(0,"ol",14)(1,"li")(2,"p"),h._uU(3," Import "),h.TgZ(4,"code"),h._uU(5,"TuiLineDaysChartModule"),h.qZA(),h._uU(6," into a module where you want to use our component "),h.qZA(),h._UZ(7,"tui-doc-code",15),h.qZA(),h.TgZ(8,"li")(9,"p"),h._uU(10,"Add to the template:"),h.qZA(),h._UZ(11,"tui-doc-code",16),h.qZA()()),2&t){const t=h.oxw();h.xp6(7),h.Q6J("code",t.exampleModule),h.xp6(4),h.Q6J("code",t.exampleHtml)}}let at=(()=>{var t;class e{constructor(){this.months$=(0,h.f3M)(l.TUI_MONTHS),this.exampleModule=n.e(83405).then(n.t.bind(n,83405,17)),this.exampleHtml=n.e(42231).then(n.t.bind(n,42231,17)),this.example1={TypeScript:n.e(18807).then(n.t.bind(n,18807,17)),HTML:n.e(23889).then(n.t.bind(n,23889,17)),LESS:n.e(43743).then(n.t.bind(n,43743,17))},this.example2={TypeScript:n.e(28904).then(n.t.bind(n,28904,17)),HTML:n.e(66161).then(n.t.bind(n,66161,17)),LESS:n.e(27918).then(n.t.bind(n,27918,17)),"pipe.ts":n.e(9361).then(n.t.bind(n,9361,17))},this.valueVariants=[new Array(91).fill(0).reduce(((t,e,n)=>[...t,[new s.TuiDay(2020,0,1).append({day:n}),(n?t[n-1][1]:100)+20*Math.random()-10]]),[]),[[new s.TuiDay(2020,1,10),10],[new s.TuiDay(2020,1,15),150],[new s.TuiDay(2020,1,17),10],[new s.TuiDay(2020,1,20),10],[new s.TuiDay(2020,1,25),150],[new s.TuiDay(2020,1,27),10]]],this.value=this.valueVariants[0],this.labels$=this.months$.pipe((0,d.U)((t=>Array.from({length:3},((e,n)=>t[n]))))),this.yStringifyVariants=[t=>`${(10*t).toLocaleString("en-US",{maximumFractionDigits:0})} $`],this.xStringifyVariants$=this.months$.pipe((0,d.U)((t=>[({month:e,day:n})=>`${t[e]}, ${n}`]))),this.hintContentVariants$=this.months$.pipe((0,d.U)((t=>["",({$implicit:e})=>`${t[e[0].month]}, ${e[0].day}\n${(10*e[1]).toLocaleString("en-US",{maximumFractionDigits:0})} $`]))),this.yStringify=null,this.xStringify=null,this.hintContent="",this.dots=!1,this.smoothingFactor=0,this.y=0,this.height=200}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["example-tui-line-days-chart"]],decls:4,vars:0,consts:[["header","LineDaysChart","package","ADDON-CHARTS","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","complex","heading","Complex",3,"content","fullsize"],[1,"axes",3,"axisXLabels","horizontalLines","verticalLines"],[3,"dots","height","hintContent","smoothingFactor","value","xStringify","y","yStringify"],["documentationPropertyMode","input","documentationPropertyName","dots","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","hintContent","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","height","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","y","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","smoothingFactor","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","[TuiDay, number][]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","xStringify","documentationPropertyType","TuiStringHandler | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","yStringify","documentationPropertyType","TuiStringHandler | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-doc-page",0),h.YNc(1,k,6,3,"ng-template",1),h.YNc(2,ot,15,30,"ng-template",1),h.YNc(3,it,12,2,"ng-template",1),h.qZA())},dependencies:[m.v,g.r,y.c,f.F,x.z,P.B,T.q,M.n,C.f,_,z,i.Ov],styles:[".axes[_ngcontent-%COMP%]{height:12.5rem;width:45.5rem;color:#bc71c9}"],changeDetection:0}),e})(),rt=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=h.oAB({type:t}),t.ɵinj=h.cJS({imports:[i.ez,a.u5,u.TuiAxesModule,p.TuiSelectModule,u.TuiLineChartModule,s.TuiMapperPipeModule,l.TuiNotificationModule,s.TuiFilterPipeModule,u.TuiLineDaysChartModule,p.TuiInputDateRangeModule,c.fV,r.Bz.forChild((0,c.Ve)(at))]}),e})()}}]); \ No newline at end of file diff --git a/next/13760.0187b2d931bc5206.js b/next/13760.0187b2d931bc5206.js new file mode 100644 index 000000000000..b6919fada025 --- /dev/null +++ b/next/13760.0187b2d931bc5206.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[13760],{13760:t=>{t.exports='
\n \n Choose your heroes\n \n \n {{ item.name }}\n \n \n \n \n Choose your heroes\n \n \n {{ item.name }}\n \n \n \n \n Choose your heroes\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/13760.27bacafa878dd57b.js b/next/13760.27bacafa878dd57b.js deleted file mode 100644 index 56b6cd7c0baf..000000000000 --- a/next/13760.27bacafa878dd57b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[13760],{13760:t=>{t.exports='
\n \n Choose your heroes\n \n \n {{ item.name }}\n \n \n \n \n Choose your heroes\n \n \n {{ item.name }}\n \n \n \n \n Choose your heroes\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/1425.a9339a370275da7e.js b/next/1425.a9339a370275da7e.js new file mode 100644 index 000000000000..e28d8423fd2b --- /dev/null +++ b/next/1425.a9339a370275da7e.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[1425],{1425:n=>{n.exports='
\n

\n If a field is optional, but unfinished field should be marked as invalid, use\n tuiUnfinishedValidator\n directive\n

\n \n Choose dates\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/1425.fbc14d3ea31b3896.js b/next/1425.fbc14d3ea31b3896.js deleted file mode 100644 index 4f565366eb2e..000000000000 --- a/next/1425.fbc14d3ea31b3896.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[1425],{1425:n=>{n.exports='\n

\n If a field is optional, but unfinished field should be marked as invalid, use\n tuiUnfinishedValidator\n directive\n

\n \n Choose dates\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/14519.0f8ce5c43de2ed47.js b/next/14519.0f8ce5c43de2ed47.js deleted file mode 100644 index a86e5999e047..000000000000 --- a/next/14519.0f8ce5c43de2ed47.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14519],{14519:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiInputPasswordModule:()=>k});var n=o(88692),i=o(69900),u=o(91795),a=o(64500),r=o(73588),s=o(84479),p=o(75695),d=o(64537),c=o(82880),l=o(98204),m=o(52721),f=o(21991),T=o(54218),x=o(83074),Z=o(10977),g=o(62840),h=o(60404),_=o(43560),w=o(93525),y=o(38868),U=o(64374),A=o(68874),b=o(10200),q=o(3729),C=o(84848),I=o(79121),P=o(91030);let J=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("password",i.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-password-example-1"]],decls:10,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["placeholder","Make it secure!","tuiTextfield",""],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldLabelOutside"],["formControlName","testValue",1,"tui-space_top-2"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-password",1),d._uU(2," Type a password "),d._UZ(3,"input",2),d.qZA(),d.TgZ(4,"tui-input-password",3),d._uU(5," Type a password "),d._UZ(6,"input",2),d.qZA(),d.TgZ(7,"tui-input-password",4),d._uU(8," Type a password "),d._UZ(9,"input",2),d.qZA()()),2&e&&(d.Q6J("formGroup",t.testForm),d.xp6(4),d.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,m.V,f.F,P.M,A.x,b.s],encapsulation:2,changeDetection:0}),t})();var V=o(84945);let v=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("password",i.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-password-example-2"]],features:[d._Bn([(0,s.tuiInputPasswordOptionsProvider)({icons:{hide:"tuiIconLockLarge",show:"tuiIconUnlockLarge"}}),{provide:s.TUI_PASSWORD_TEXTS,useValue:(0,V.of)([""])}])],decls:3,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiHintAppearance","onDark","tuiHintContent","","tuiHintDirection","right"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-password",1),d._uU(2," Type a password "),d.qZA()()),2&e&&d.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,m.V,f.F,C.bZ],encapsulation:2,changeDetection:0}),t})();function H(e,t){if(1&e&&(d.TgZ(0,"tui-doc-example",2)(1,"tui-notification",3),d._uU(2," If you need to set some attributes or listen to events on native "),d.TgZ(3,"code"),d._uU(4,"input"),d.qZA(),d._uU(5," , you can put it inside with "),d.TgZ(6,"code"),d._uU(7,"Textfield"),d.qZA(),d._uU(8," directive as shown below "),d.qZA(),d._UZ(9,"tui-input-password-example-1"),d.qZA(),d.TgZ(10,"tui-doc-example",4),d._UZ(11,"tui-input-password-example-2"),d.qZA()),2&e){const e=d.oxw();d.Q6J("content",e.example1),d.xp6(10),d.Q6J("content",e.example2)}}function N(e,t){if(1&e&&(d.TgZ(0,"tui-input-password",9),d._uU(1," Type a password "),d.qZA()),2&e){const e=d.oxw(2);d.Udp("text-align",e.textAlign),d.Q6J("focusable",e.focusable)("formControl",e.control)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function L(e,t){1&e&&(d._uU(0," Disabled state (use "),d.TgZ(1,"code"),d._uU(2,"formControl.disable()"),d.qZA(),d._uU(3," ) "))}function M(e,t){1&e&&d._uU(0," Custom align content by text-align ")}function O(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo",5),d.YNc(1,N,2,15,"ng-template"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,L,4,0,"ng-template",6),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const o=d.oxw();return d.KtG(o.disabled=t)})),d.qZA(),d._UZ(4,"inherited-documentation"),d.TgZ(5,"tui-doc-documentation",7),d.YNc(6,M,1,0,"ng-template",8),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const o=d.oxw();return d.KtG(o.textAlign=t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("control",e.control),d.xp6(3),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(3),d.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function F(e,t){if(1&e&&(d.TgZ(0,"ol",10)(1,"li")(2,"p"),d._uU(3," Import an Angular module for forms and "),d.TgZ(4,"code"),d._uU(5,"TuiInputPasswordModule"),d.qZA(),d._uU(6," in the same module where you want to use our component: "),d.qZA(),d._UZ(7,"tui-doc-code",11),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",12),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20,"Add to the template:"),d.qZA(),d._UZ(21,"tui-doc-code",13),d.qZA(),d.TgZ(22,"li")(23,"p"),d._uU(24," Optionally use the "),d.TgZ(25,"code"),d._uU(26,"TUI_INPUT_PASSWORD_OPTIONS"),d.qZA(),d._uU(27," injection token to override the default options for the component. "),d.qZA(),d._UZ(28,"tui-doc-code",11),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(4),d.Q6J("code",e.exampleHtml),d.xp6(7),d.Q6J("code",e.exampleOptions)}}let S=(()=>{var e;class t extends c.b{constructor(){super(...arguments),this.maxLengthVariants=[10],this.maxLength=null,this.control=new i.NI("",i.kI.required),this.exampleForm=o.e(88761).then(o.t.bind(o,88761,17)),this.exampleModule=o.e(19864).then(o.t.bind(o,19864,17)),this.exampleHtml=o.e(73256).then(o.t.bind(o,73256,17)),this.exampleOptions=o.e(33591).then(o.t.bind(o,33591,17)),this.example1={TypeScript:o.e(64297).then(o.t.bind(o,64297,17)),HTML:o.e(49130).then(o.t.bind(o,49130,17))},this.example2={TypeScript:o.e(7486).then(o.t.bind(o,7486,17)),HTML:o.e(98559).then(o.t.bind(o,98559,17))}}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=d.n5z(e)))(o||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-input-password"]],features:[d._Bn([{provide:l.x,useExisting:(0,d.Gpc)((()=>e))}]),d.qOj],decls:4,vars:0,consts:[["header","InputPassword","package","KIT","type","components"],["pageTab",""],["id","sizes","heading","sizes",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","options","heading","options",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"focusable","formControl","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,H,12,2,"ng-template",1),d.YNc(2,O,7,4,"ng-template",1),d.YNc(3,F,29,4,"ng-template",1),d.qZA())},dependencies:[i.JJ,i.oH,m.V,f.F,T.w,x.c,Z.F,g.z,h.B,_.q,w.n,y.f,U.b,A.x,b.s,q.a,C.bZ,I.L,J,v],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[n.ez,i.u5,i.UX,s.TuiInputPasswordModule,r.TuiLinkModule,p.f,a.fV,r.TuiButtonModule,r.TuiTextfieldControllerModule,r.TuiHintModule,r.TuiNotificationModule,u.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/14519.ddd41d3c4f2c13eb.js b/next/14519.ddd41d3c4f2c13eb.js new file mode 100644 index 000000000000..1226135504c0 --- /dev/null +++ b/next/14519.ddd41d3c4f2c13eb.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14519],{14519:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiInputPasswordModule:()=>k});var n=o(88692),i=o(69900),u=o(91795),a=o(64500),r=o(73588),s=o(84479),p=o(75695),d=o(64537),c=o(82880),l=o(98204),m=o(52721),f=o(21991),T=o(54218),x=o(83074),Z=o(10977),g=o(62840),h=o(60404),_=o(43560),w=o(93525),y=o(38868),U=o(64374),A=o(68874),b=o(10200),q=o(3729),C=o(84848),I=o(79121),P=o(91030);let J=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("password",i.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-password-example-1"]],decls:10,vars:2,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["placeholder","Make it secure!","tuiTextfield",""],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldLabelOutside"],["formControlName","testValue",1,"tui-space_top-2"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-password",1),d._uU(2," Type a password "),d._UZ(3,"input",2),d.qZA(),d.TgZ(4,"tui-input-password",3),d._uU(5," Type a password "),d._UZ(6,"input",2),d.qZA(),d.TgZ(7,"tui-input-password",4),d._uU(8," Type a password "),d._UZ(9,"input",2),d.qZA()()),2&e&&(d.Q6J("formGroup",t.testForm),d.xp6(4),d.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,m.V,f.F,P.M,A.x,b.s],encapsulation:2,changeDetection:0}),t})();var V=o(84945);let v=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("password",i.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-password-example-2"]],features:[d._Bn([(0,s.tuiInputPasswordOptionsProvider)({icons:{hide:"tuiIconLockLarge",show:"tuiIconUnlockLarge"}}),{provide:s.TUI_PASSWORD_TEXTS,useValue:(0,V.of)([""])}])],decls:3,vars:1,consts:[[3,"formGroup"],["formControlName","testValue","tuiHintAppearance","onDark","tuiHintContent","","tuiHintDirection","right"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-password",1),d._uU(2," Type a password "),d.qZA()()),2&e&&d.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,m.V,f.F,C.bZ],encapsulation:2,changeDetection:0}),t})();function H(e,t){if(1&e&&(d.TgZ(0,"tui-doc-example",2)(1,"tui-notification",3),d._uU(2," If you need to set some attributes or listen to events on native "),d.TgZ(3,"code"),d._uU(4,"input"),d.qZA(),d._uU(5," , you can put it inside with "),d.TgZ(6,"code"),d._uU(7,"Textfield"),d.qZA(),d._uU(8," directive as shown below "),d.qZA(),d._UZ(9,"tui-input-password-example-1"),d.qZA(),d.TgZ(10,"tui-doc-example",4),d._UZ(11,"tui-input-password-example-2"),d.qZA()),2&e){const e=d.oxw();d.Q6J("content",e.example1),d.xp6(10),d.Q6J("content",e.example2)}}function N(e,t){if(1&e&&(d.TgZ(0,"tui-input-password",9),d._uU(1," Type a password "),d.qZA()),2&e){const e=d.oxw(2);d.Udp("text-align",e.textAlign),d.Q6J("focusable",e.focusable)("formControl",e.control)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function L(e,t){1&e&&(d._uU(0," Disabled state (use "),d.TgZ(1,"code"),d._uU(2,"formControl.disable()"),d.qZA(),d._uU(3," ) "))}function M(e,t){1&e&&d._uU(0," Custom align content by text-align ")}function O(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo",5),d.YNc(1,N,2,15,"ng-template"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,L,4,0,"ng-template",6),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const o=d.oxw();return d.KtG(o.disabled=t)})),d.qZA(),d._UZ(4,"inherited-documentation"),d.TgZ(5,"tui-doc-documentation",7),d.YNc(6,M,1,0,"ng-template",8),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const o=d.oxw();return d.KtG(o.textAlign=t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("control",e.control),d.xp6(3),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(3),d.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function F(e,t){if(1&e&&(d.TgZ(0,"ol",10)(1,"li")(2,"p"),d._uU(3," Import an Angular module for forms and "),d.TgZ(4,"code"),d._uU(5,"TuiInputPasswordModule"),d.qZA(),d._uU(6," in the same module where you want to use our component: "),d.qZA(),d._UZ(7,"tui-doc-code",11),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",12),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20,"Add to the template:"),d.qZA(),d._UZ(21,"tui-doc-code",13),d.qZA(),d.TgZ(22,"li")(23,"p"),d._uU(24," Optionally use the "),d.TgZ(25,"code"),d._uU(26,"TUI_INPUT_PASSWORD_OPTIONS"),d.qZA(),d._uU(27," injection token to override the default options for the component. "),d.qZA(),d._UZ(28,"tui-doc-code",11),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(4),d.Q6J("code",e.exampleHtml),d.xp6(7),d.Q6J("code",e.exampleOptions)}}let S=(()=>{var e;class t extends c.b{constructor(){super(...arguments),this.maxLengthVariants=[10],this.maxLength=null,this.control=new i.NI("",i.kI.required),this.exampleForm=o.e(88761).then(o.t.bind(o,88761,17)),this.exampleModule=o.e(19864).then(o.t.bind(o,19864,17)),this.exampleHtml=o.e(73256).then(o.t.bind(o,73256,17)),this.exampleOptions=o.e(33591).then(o.t.bind(o,33591,17)),this.example1={TypeScript:o.e(64297).then(o.t.bind(o,64297,17)),HTML:o.e(49130).then(o.t.bind(o,49130,17))},this.example2={TypeScript:o.e(7486).then(o.t.bind(o,7486,17)),HTML:o.e(98559).then(o.t.bind(o,98559,17))}}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=d.n5z(e)))(o||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-input-password"]],features:[d._Bn([{provide:l.x,useExisting:(0,d.Gpc)((()=>e))}]),d.qOj],decls:4,vars:0,consts:[["header","InputPassword","package","KIT","type","components"],["pageTab",""],["id","sizes","heading","sizes",3,"content"],[1,"tui-space_bottom-4"],["id","options","heading","options",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"focusable","formControl","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,H,12,2,"ng-template",1),d.YNc(2,O,7,4,"ng-template",1),d.YNc(3,F,29,4,"ng-template",1),d.qZA())},dependencies:[i.JJ,i.oH,m.V,f.F,T.w,x.c,Z.F,g.z,h.B,_.q,w.n,y.f,U.b,A.x,b.s,q.a,C.bZ,I.L,J,v],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[n.ez,i.u5,i.UX,s.TuiInputPasswordModule,r.TuiLinkModule,p.f,a.fV,r.TuiButtonModule,r.TuiTextfieldControllerModule,r.TuiHintModule,r.TuiNotificationModule,u.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/14548.6c1823939742b413.js b/next/14548.6c1823939742b413.js new file mode 100644 index 000000000000..5765c3ac981d --- /dev/null +++ b/next/14548.6c1823939742b413.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14548],{14548:n=>{n.exports='\n Choose a month\n \n\n'}}]); \ No newline at end of file diff --git a/next/14548.7375992662bb25b9.js b/next/14548.7375992662bb25b9.js deleted file mode 100644 index ddabeaadf5e2..000000000000 --- a/next/14548.7375992662bb25b9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14548],{14548:n=>{n.exports='\n Choose a month\n \n\n'}}]); \ No newline at end of file diff --git a/next/14778.3c3872835587a54f.js b/next/14778.3c3872835587a54f.js new file mode 100644 index 000000000000..c524c44ec497 --- /dev/null +++ b/next/14778.3c3872835587a54f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14778],{14778:n=>{n.exports='
\n \n Value changes on blur\n \n\n'}}]); \ No newline at end of file diff --git a/next/14778.94b6d3c02383318e.js b/next/14778.94b6d3c02383318e.js deleted file mode 100644 index 9388472cb17a..000000000000 --- a/next/14778.94b6d3c02383318e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14778],{14778:n=>{n.exports='\n \n Value changes on blur\n \n\n'}}]); \ No newline at end of file diff --git a/next/15040.768b0c1561b328c4.js b/next/15040.768b0c1561b328c4.js deleted file mode 100644 index 2384a31acd4f..000000000000 --- a/next/15040.768b0c1561b328c4.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15040],{15040:t=>{t.exports='\n \n Input time\n \n \n Input time\n \n\n'}}]); \ No newline at end of file diff --git a/next/15040.d98c52bf7feb33d9.js b/next/15040.d98c52bf7feb33d9.js new file mode 100644 index 000000000000..788bec7623d2 --- /dev/null +++ b/next/15040.d98c52bf7feb33d9.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15040],{15040:t=>{t.exports='
\n \n Input time\n \n \n Input time\n \n\n'}}]); \ No newline at end of file diff --git a/next/15294.3dd876c18a356b10.js b/next/15294.8bc4b70d4dc1b1e9.js similarity index 93% rename from next/15294.3dd876c18a356b10.js rename to next/15294.8bc4b70d4dc1b1e9.js index a7de99e85a07..19f4593a5498 100644 --- a/next/15294.3dd876c18a356b10.js +++ b/next/15294.8bc4b70d4dc1b1e9.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15294],{15294:a=>{a.exports='
\n \n \n \n\n \n \n \n
\n\n\n Hint appearance\n \n\n'}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15294],{15294:a=>{a.exports='
\n \n \n \n\n \n \n \n
\n\n\n Hint appearance\n \n\n'}}]); \ No newline at end of file diff --git a/next/15742.040794db1d0f636f.js b/next/15742.040794db1d0f636f.js new file mode 100644 index 000000000000..5d4156cddfc4 --- /dev/null +++ b/next/15742.040794db1d0f636f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15742],{15742:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiInputTimeModule:()=>R});var o=i(88692),n=i(69900),u=i(91795),a=i(64500),r=i(73588),m=i(84479),s=i(75695),p=i(64537),d=i(53222),l=i(82880),c=i(98204),f=i(29462),x=i(92078),T=i(54218),h=i(33250),g=i(64374),y=i(68874),Z=i(10200),P=i(44998),V=i(89437),_=i(79121),w=i(84848),M=i(83074),H=i(10977),C=i(62840),A=i(60404),J=i(43560),U=i(93525),b=i(38868),N=i(31510);let I=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(new d.TuiTime(12,30))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-1"]],decls:12,vars:2,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldLabelOutside"],["formControlName","testValue","tuiUnfinishedValidator",""]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Input time "),p.qZA(),p.TgZ(3,"tui-input-time",2),p._uU(4," Input time "),p.qZA(),p.TgZ(5,"p"),p._uU(6," If field is not required, but you want to mark it invalid if user did not complete it, use "),p.TgZ(7,"code"),p._uU(8,"tuiUnfinishedValidator"),p.qZA(),p._uU(9," directive "),p.qZA(),p.TgZ(10,"tui-input-time",3),p._uU(11," Input time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(3),p.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,y.x,Z.s,N.Q],encapsulation:2,changeDetection:0}),t})(),S=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null)}),this.items1=(0,m.tuiCreateTimePeriods)(),this.items2=(0,m.tuiCreateTimePeriods)(10,20,[0,15,30,45])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-2"]],decls:5,vars:4,consts:[[3,"formGroup"],["formControlName","testValue",3,"items"],["formControlName","testValue",1,"tui-space_top-4",3,"items","strict"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Input time "),p.qZA(),p.TgZ(3,"tui-input-time",2),p._uU(4," Input time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("items",t.items1),p.xp6(2),p.Q6J("items",t.items2)("strict",!0))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x],encapsulation:2,changeDetection:0}),t})(),q=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null)}),this.items1=(0,m.tuiCreateTimePeriods)()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-3"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({icon:"tuiIconCheckCircleLarge",mode:"HH:MM:SS",itemSize:"s"})])],decls:3,vars:2,consts:[[3,"formGroup"],["formControlName","testValue",3,"items"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Input time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("items",t.items1))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-4"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({mode:"HH:MM",maxValues:{HH:47,MM:59,SS:59,MS:999}})])],decls:3,vars:1,consts:[["tuiTextfieldPostfix","left",3,"formGroup"],["formControlName","testValue"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2,"Max: 47h 59m"),p.qZA()()),2&e&&p.Q6J("formGroup",t.testForm)},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,V.T],encapsulation:2,changeDetection:0}),t})();var Q=i(82535);let D=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null),isPm:new n.NI(!1)})}get postfix(){return this.testForm.value?.isPm?"PM":"AM"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-5"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({mode:"HH:MM",maxValues:{HH:11,MM:59,SS:59,MS:999}})])],decls:4,vars:2,consts:[[3,"formGroup"],["formControlName","testValue",1,"tui-space_bottom-2",3,"tuiTextfieldPostfix"],["formControlName","isPm","size","l"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," 12h time "),p.qZA(),p._UZ(3,"tui-toggle",2),p.qZA()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("tuiTextfieldPostfix",t.postfix))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,V.T,Q.p],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(new d.TuiTime(10,30)),testValue2:new n.NI(new d.TuiTime(10,30,0)),testValue3:new n.NI(new d.TuiTime(14,30)),testValue4:new n.NI(new d.TuiTime(10,30,0))}),this.items=(0,m.tuiCreateTimePeriods)(14,16,[0,30])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-6"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({nativePicker:!0})])],decls:9,vars:7,consts:[[3,"formGroup"],["formControlName","testValue",1,"tui-space_bottom-3",3,"tuiTextfieldCleaner"],["formControlName","testValue2","mode","HH:MM:SS",1,"tui-space_bottom-3",3,"tuiTextfieldCleaner"],["formControlName","testValue3",1,"tui-space_bottom-3",3,"items","tuiTextfieldCleaner"],["formControlName","testValue4","mode","HH:MM:SS",3,"items","tuiTextfieldCleaner"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Choose a time "),p.qZA(),p.TgZ(3,"tui-input-time",2),p._uU(4," Choose a time "),p.qZA(),p.TgZ(5,"tui-input-time",3),p._uU(6," Choose a time "),p.qZA(),p.TgZ(7,"tui-input-time",4),p._uU(8," Choose a time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("tuiTextfieldCleaner",!0),p.xp6(2),p.Q6J("tuiTextfieldCleaner",!0),p.xp6(2),p.Q6J("items",t.items)("tuiTextfieldCleaner",!0),p.xp6(2),p.Q6J("items",t.items)("tuiTextfieldCleaner",!0))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,g.b],encapsulation:2,changeDetection:0}),t})();function L(e,t){if(1&e&&(p.TgZ(0,"p")(1,"code"),p._uU(2,"InputTime"),p.qZA(),p._uU(3," allows input time in HH:MM format "),p.qZA(),p.TgZ(4,"tui-doc-example",2),p._UZ(5,"tui-input-time-example-1"),p.qZA(),p.TgZ(6,"tui-doc-example",3),p._UZ(7,"tui-input-time-example-2"),p.qZA(),p.TgZ(8,"tui-doc-example",4),p._UZ(9,"tui-input-time-example-3"),p.qZA(),p.TgZ(10,"tui-doc-example",5),p._UZ(11,"tui-input-time-example-4"),p.qZA(),p.TgZ(12,"tui-doc-example",6),p._UZ(13,"tui-input-time-example-5"),p.qZA(),p.TgZ(14,"tui-doc-example",7)(15,"tui-notification",8),p._uU(16," Please note that iOS Safari doesn't support native picker in modes other than HH:MM "),p.qZA(),p._UZ(17,"tui-input-time-example-6"),p.qZA()),2&e){const e=p.oxw();p.xp6(4),p.Q6J("content",e.example1),p.xp6(2),p.Q6J("content",e.example2),p.xp6(2),p.Q6J("content",e.example3),p.xp6(2),p.Q6J("content",e.example4),p.xp6(2),p.Q6J("content",e.example5),p.xp6(2),p.Q6J("content",e.example6)}}function O(e,t){if(1&e&&(p.TgZ(0,"tui-input-time",18),p._uU(1," Input time "),p.qZA()),2&e){const e=p.oxw(2);p.Udp("text-align",e.textAlign),p.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("items",e.items)("itemSize",e.itemSize)("mode",e.mode)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("strict",e.strict)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function z(e,t){1&e&&(p._uU(0," Disabled state (use "),p.TgZ(1,"code"),p._uU(2,"formControl.disable()"),p.qZA(),p._uU(3," ) "))}function F(e,t){1&e&&p._uU(0," Handler to disable some items ")}function Y(e,t){1&e&&p._uU(0," Items to choose ")}function k(e,t){1&e&&p._uU(0," Item size ")}function B(e,t){1&e&&(p._uU(0," Only "),p.TgZ(1,"code"),p._uU(2,"items"),p.qZA(),p._uU(3," are allowed "))}function K(e,t){1&e&&p._uU(0," Modes for seconds and ms support ")}function X(e,t){1&e&&p._uU(0," Custom align content by text-align ")}function E(e,t){if(1&e){const e=p.EpF();p.TgZ(0,"tui-doc-demo",9),p.YNc(1,O,2,27,"ng-template"),p.qZA(),p.TgZ(2,"tui-doc-documentation"),p.YNc(3,z,4,0,"ng-template",10),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.disabled=t)})),p.YNc(4,F,1,0,"ng-template",11),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.disabledItemHandler=t)})),p.YNc(5,Y,1,0,"ng-template",12),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.items=t)})),p.YNc(6,k,1,0,"ng-template",13),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.itemSize=t)})),p.YNc(7,B,4,0,"ng-template",14),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.strict=t)})),p.YNc(8,K,1,0,"ng-template",15),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.mode=t)})),p.qZA(),p._UZ(9,"inherited-documentation"),p.TgZ(10,"tui-doc-documentation",16),p.YNc(11,X,1,0,"ng-template",17),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.textAlign=t)})),p.qZA()}if(2&e){const e=p.oxw();p.Q6J("control",e.control),p.xp6(3),p.Q6J("documentationPropertyValue",e.disabled),p.xp6(1),p.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),p.xp6(1),p.Q6J("documentationPropertyValues",e.itemsVariants)("documentationPropertyValue",e.items),p.xp6(1),p.Q6J("documentationPropertyValues",e.itemSizeVariants)("documentationPropertyValue",e.itemSize),p.xp6(1),p.Q6J("documentationPropertyValue",e.strict),p.xp6(1),p.Q6J("documentationPropertyValues",e.modeVariants)("documentationPropertyValue",e.mode),p.xp6(3),p.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function W(e,t){if(1&e&&(p.TgZ(0,"ol",19)(1,"li")(2,"p"),p._uU(3," Import an Angular module for forms and "),p.TgZ(4,"code"),p._uU(5,"TuiInputTimeModule"),p.qZA(),p._uU(6," in the same module where you want to use our component: "),p.qZA(),p._UZ(7,"tui-doc-code",20),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10," Declare a form ( "),p.TgZ(11,"code"),p._uU(12,"FormGroup"),p.qZA(),p._uU(13," ) or a control ( "),p.TgZ(14,"code"),p._uU(15,"FormControl"),p.qZA(),p._uU(16," ) in your component: "),p.qZA(),p._UZ(17,"tui-doc-code",21),p.qZA(),p.TgZ(18,"li")(19,"p"),p._uU(20,"Add to the template:"),p.qZA(),p._UZ(21,"tui-doc-code",22),p.qZA(),p.TgZ(22,"li")(23,"p"),p._uU(24," Optionally use the "),p.TgZ(25,"code"),p._uU(26,"TUI_INPUT_TIME_OPTIONS"),p.qZA(),p._uU(27," injection token to override the default options for the component. "),p.qZA(),p._UZ(28,"tui-doc-code",20),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(10),p.Q6J("code",e.exampleForm),p.xp6(4),p.Q6J("code",e.exampleHtml),p.xp6(7),p.Q6J("code",e.exampleOptions)}}let j=(()=>{var e;class t extends l.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new n.NI(d.TuiTime.currentLocal(),n.kI.required),this.exampleModule=i.e(72355).then(i.t.bind(i,72355,17)),this.exampleHtml=i.e(93061).then(i.t.bind(i,93061,17)),this.exampleForm=i.e(55886).then(i.t.bind(i,55886,17)),this.exampleOptions=i.e(74121).then(i.t.bind(i,74121,17)),this.example1={TypeScript:i.e(21210).then(i.t.bind(i,21210,17)),HTML:i.e(53419).then(i.t.bind(i,53419,17))},this.example2={TypeScript:i.e(3679).then(i.t.bind(i,3679,17)),HTML:i.e(15040).then(i.t.bind(i,15040,17))},this.example3={TypeScript:i.e(59021).then(i.t.bind(i,59021,17)),HTML:i.e(61240).then(i.t.bind(i,61240,17))},this.example4={TypeScript:i.e(50704).then(i.t.bind(i,50704,17)),HTML:i.e(37998).then(i.t.bind(i,37998,17))},this.example5={TypeScript:i.e(19707).then(i.t.bind(i,19707,17)),HTML:i.e(87871).then(i.t.bind(i,87871,17))},this.example6={TypeScript:i.e(60268).then(i.t.bind(i,60268,17)),HTML:i.e(16152).then(i.t.bind(i,16152,17))},this.disabledItemHandlerVariants=[d.ALWAYS_FALSE_HANDLER,e=>"06:00"===String(e)||e>d.TuiTime.currentLocal()],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemSizeVariants=["s","m","l"],this.itemSize=this.itemSizeVariants[1],this.itemsVariants=[[],(0,m.tuiCreateTimePeriods)()],this.items=this.itemsVariants[0],this.strict=!1,this.modeVariants=["HH:MM","HH:MM:SS","HH:MM:SS.MSS"],this.mode=this.modeVariants[0]}}return(e=t).ɵfac=function(){let t;return function(i){return(t||(t=p.n5z(e)))(i||e)}}(),e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-input-time"]],features:[p._Bn([{provide:c.x,useExisting:(0,p.Gpc)((()=>e))},(0,a.PR)(["tuiTextfieldFiller"])]),p.qOj],decls:4,vars:0,consts:[["header","InputTime","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","dropdown","description","You can set items for dropdown","heading","Dropdown",3,"content"],["id","options","heading","Options (icon)",3,"content"],["id","options-max","heading","Options (max values)",3,"content"],["id","options-max-and-postfix","heading","Options (max values and postfix)",3,"content"],["id","native","heading","Native input time",3,"content"],[1,"tui-space_bottom-5"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","items","documentationPropertyType","ReadonlyArray",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","itemSize","documentationPropertyType","TuiSizeS | TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","strict","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","mode","documentationPropertyType","TuiTimeMode",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","items","itemSize","mode","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","strict","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,L,18,6,"ng-template",1),p.YNc(2,E,12,13,"ng-template",1),p.YNc(3,W,29,4,"ng-template",1),p.qZA())},dependencies:[n.JJ,n.oH,f.G,x.x,T.w,h.Ek,g.b,y.x,Z.s,P.A,V.T,_.L,w.bZ,M.c,H.F,C.z,A.B,J.q,U.n,b.f,I,S,q,v,D,G],encapsulation:2,changeDetection:0}),t})(),R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.ez,n.u5,n.UX,m.TuiInputTimeModule,r.TuiLinkModule,s.f,r.TuiButtonModule,r.TuiDropdownModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,r.TuiHintModule,m.TuiToggleModule,a.fV,u.Bz.forChild((0,a.Ve)(j)),m.TuiUnfinishedValidatorModule]}),t})()}}]); \ No newline at end of file diff --git a/next/15742.d601a2a19ab11ea3.js b/next/15742.d601a2a19ab11ea3.js deleted file mode 100644 index e8d716d413d4..000000000000 --- a/next/15742.d601a2a19ab11ea3.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15742],{15742:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiInputTimeModule:()=>R});var o=i(88692),n=i(69900),u=i(91795),r=i(64500),a=i(73588),m=i(84479),s=i(75695),p=i(64537),d=i(53222),l=i(82880),c=i(98204),f=i(29462),x=i(92078),T=i(54218),h=i(33250),g=i(64374),y=i(68874),Z=i(10200),P=i(44998),V=i(89437),_=i(79121),w=i(84848),M=i(83074),H=i(10977),C=i(62840),b=i(60404),A=i(43560),J=i(93525),U=i(38868),N=i(31510);let I=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(new d.TuiTime(12,30))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-1"]],decls:12,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldLabelOutside"],["formControlName","testValue","tuiUnfinishedValidator",""]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Input time "),p.qZA(),p.TgZ(3,"tui-input-time",2),p._uU(4," Input time "),p.qZA(),p.TgZ(5,"p"),p._uU(6," If field is not required, but you want to mark it invalid if user did not complete it, use "),p.TgZ(7,"code"),p._uU(8,"tuiUnfinishedValidator"),p.qZA(),p._uU(9," directive "),p.qZA(),p.TgZ(10,"tui-input-time",3),p._uU(11," Input time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(3),p.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,y.x,Z.s,N.Q],encapsulation:2,changeDetection:0}),t})(),S=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null)}),this.items1=(0,m.tuiCreateTimePeriods)(),this.items2=(0,m.tuiCreateTimePeriods)(10,20,[0,15,30,45])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-2"]],decls:5,vars:4,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue",3,"items"],["formControlName","testValue",1,"tui-space_top-4",3,"items","strict"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Input time "),p.qZA(),p.TgZ(3,"tui-input-time",2),p._uU(4," Input time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("items",t.items1),p.xp6(2),p.Q6J("items",t.items2)("strict",!0))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x],encapsulation:2,changeDetection:0}),t})(),q=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null)}),this.items1=(0,m.tuiCreateTimePeriods)()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-3"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({icon:"tuiIconCheckCircleLarge",mode:"HH:MM:SS",itemSize:"s"})])],decls:3,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue",3,"items"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Input time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("items",t.items1))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-4"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({mode:"HH:MM",maxValues:{HH:47,MM:59,SS:59,MS:999}})])],decls:3,vars:1,consts:[["tuiTextfieldPostfix","left",1,"b-form",3,"formGroup"],["formControlName","testValue"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2,"Max: 47h 59m"),p.qZA()()),2&e&&p.Q6J("formGroup",t.testForm)},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,V.T],encapsulation:2,changeDetection:0}),t})();var Q=i(82535);let D=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(null),isPm:new n.NI(!1)})}get postfix(){return this.testForm.value?.isPm?"PM":"AM"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-5"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({mode:"HH:MM",maxValues:{HH:11,MM:59,SS:59,MS:999}})])],decls:4,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue",1,"tui-space_bottom-2",3,"tuiTextfieldPostfix"],["formControlName","isPm","size","l"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," 12h time "),p.qZA(),p._UZ(3,"tui-toggle",2),p.qZA()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("tuiTextfieldPostfix",t.postfix))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,V.T,Q.p],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{constructor(){this.testForm=new n.cw({testValue:new n.NI(new d.TuiTime(10,30)),testValue2:new n.NI(new d.TuiTime(10,30,0)),testValue3:new n.NI(new d.TuiTime(14,30)),testValue4:new n.NI(new d.TuiTime(10,30,0))}),this.items=(0,m.tuiCreateTimePeriods)(14,16,[0,30])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-time-example-6"]],features:[p._Bn([(0,m.tuiInputTimeOptionsProvider)({nativePicker:!0})])],decls:9,vars:7,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue",1,"tui-space_bottom-3",3,"tuiTextfieldCleaner"],["formControlName","testValue2","mode","HH:MM:SS",1,"tui-space_bottom-3",3,"tuiTextfieldCleaner"],["formControlName","testValue3",1,"tui-space_bottom-3",3,"items","tuiTextfieldCleaner"],["formControlName","testValue4","mode","HH:MM:SS",3,"items","tuiTextfieldCleaner"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-time",1),p._uU(2," Choose a time "),p.qZA(),p.TgZ(3,"tui-input-time",2),p._uU(4," Choose a time "),p.qZA(),p.TgZ(5,"tui-input-time",3),p._uU(6," Choose a time "),p.qZA(),p.TgZ(7,"tui-input-time",4),p._uU(8," Choose a time "),p.qZA()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("tuiTextfieldCleaner",!0),p.xp6(2),p.Q6J("tuiTextfieldCleaner",!0),p.xp6(2),p.Q6J("items",t.items)("tuiTextfieldCleaner",!0),p.xp6(2),p.Q6J("items",t.items)("tuiTextfieldCleaner",!0))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,f.G,x.x,g.b],encapsulation:2,changeDetection:0}),t})();function L(e,t){if(1&e&&(p.TgZ(0,"p")(1,"code"),p._uU(2,"InputTime"),p.qZA(),p._uU(3," allows input time in HH:MM format "),p.qZA(),p.TgZ(4,"tui-doc-example",2),p._UZ(5,"tui-input-time-example-1"),p.qZA(),p.TgZ(6,"tui-doc-example",3),p._UZ(7,"tui-input-time-example-2"),p.qZA(),p.TgZ(8,"tui-doc-example",4),p._UZ(9,"tui-input-time-example-3"),p.qZA(),p.TgZ(10,"tui-doc-example",5),p._UZ(11,"tui-input-time-example-4"),p.qZA(),p.TgZ(12,"tui-doc-example",6),p._UZ(13,"tui-input-time-example-5"),p.qZA(),p.TgZ(14,"tui-doc-example",7)(15,"tui-notification",8),p._uU(16," Please note that iOS Safari doesn't support native picker in modes other than HH:MM "),p.qZA(),p._UZ(17,"tui-input-time-example-6"),p.qZA()),2&e){const e=p.oxw();p.xp6(4),p.Q6J("content",e.example1),p.xp6(2),p.Q6J("content",e.example2),p.xp6(2),p.Q6J("content",e.example3),p.xp6(2),p.Q6J("content",e.example4),p.xp6(2),p.Q6J("content",e.example5),p.xp6(2),p.Q6J("content",e.example6)}}function O(e,t){if(1&e&&(p.TgZ(0,"tui-input-time",18),p._uU(1," Input time "),p.qZA()),2&e){const e=p.oxw(2);p.Udp("text-align",e.textAlign),p.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("items",e.items)("itemSize",e.itemSize)("mode",e.mode)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("strict",e.strict)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function z(e,t){1&e&&(p._uU(0," Disabled state (use "),p.TgZ(1,"code"),p._uU(2,"formControl.disable()"),p.qZA(),p._uU(3," ) "))}function F(e,t){1&e&&p._uU(0," Handler to disable some items ")}function Y(e,t){1&e&&p._uU(0," Items to choose ")}function k(e,t){1&e&&p._uU(0," Item size ")}function B(e,t){1&e&&(p._uU(0," Only "),p.TgZ(1,"code"),p._uU(2,"items"),p.qZA(),p._uU(3," are allowed "))}function K(e,t){1&e&&p._uU(0," Modes for seconds and ms support ")}function X(e,t){1&e&&p._uU(0," Custom align content by text-align ")}function E(e,t){if(1&e){const e=p.EpF();p.TgZ(0,"tui-doc-demo",9),p.YNc(1,O,2,27,"ng-template"),p.qZA(),p.TgZ(2,"tui-doc-documentation"),p.YNc(3,z,4,0,"ng-template",10),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.disabled=t)})),p.YNc(4,F,1,0,"ng-template",11),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.disabledItemHandler=t)})),p.YNc(5,Y,1,0,"ng-template",12),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.items=t)})),p.YNc(6,k,1,0,"ng-template",13),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.itemSize=t)})),p.YNc(7,B,4,0,"ng-template",14),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.strict=t)})),p.YNc(8,K,1,0,"ng-template",15),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.mode=t)})),p.qZA(),p._UZ(9,"inherited-documentation"),p.TgZ(10,"tui-doc-documentation",16),p.YNc(11,X,1,0,"ng-template",17),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const i=p.oxw();return p.KtG(i.textAlign=t)})),p.qZA()}if(2&e){const e=p.oxw();p.Q6J("control",e.control),p.xp6(3),p.Q6J("documentationPropertyValue",e.disabled),p.xp6(1),p.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),p.xp6(1),p.Q6J("documentationPropertyValues",e.itemsVariants)("documentationPropertyValue",e.items),p.xp6(1),p.Q6J("documentationPropertyValues",e.itemSizeVariants)("documentationPropertyValue",e.itemSize),p.xp6(1),p.Q6J("documentationPropertyValue",e.strict),p.xp6(1),p.Q6J("documentationPropertyValues",e.modeVariants)("documentationPropertyValue",e.mode),p.xp6(3),p.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function W(e,t){if(1&e&&(p.TgZ(0,"ol",19)(1,"li")(2,"p"),p._uU(3," Import an Angular module for forms and "),p.TgZ(4,"code"),p._uU(5,"TuiInputTimeModule"),p.qZA(),p._uU(6," in the same module where you want to use our component: "),p.qZA(),p._UZ(7,"tui-doc-code",20),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10," Declare a form ( "),p.TgZ(11,"code"),p._uU(12,"FormGroup"),p.qZA(),p._uU(13," ) or a control ( "),p.TgZ(14,"code"),p._uU(15,"FormControl"),p.qZA(),p._uU(16," ) in your component: "),p.qZA(),p._UZ(17,"tui-doc-code",21),p.qZA(),p.TgZ(18,"li")(19,"p"),p._uU(20,"Add to the template:"),p.qZA(),p._UZ(21,"tui-doc-code",22),p.qZA(),p.TgZ(22,"li")(23,"p"),p._uU(24," Optionally use the "),p.TgZ(25,"code"),p._uU(26,"TUI_INPUT_TIME_OPTIONS"),p.qZA(),p._uU(27," injection token to override the default options for the component. "),p.qZA(),p._UZ(28,"tui-doc-code",20),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(10),p.Q6J("code",e.exampleForm),p.xp6(4),p.Q6J("code",e.exampleHtml),p.xp6(7),p.Q6J("code",e.exampleOptions)}}let j=(()=>{var e;class t extends l.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new n.NI(d.TuiTime.currentLocal(),n.kI.required),this.exampleModule=i.e(72355).then(i.t.bind(i,72355,17)),this.exampleHtml=i.e(93061).then(i.t.bind(i,93061,17)),this.exampleForm=i.e(55886).then(i.t.bind(i,55886,17)),this.exampleOptions=i.e(74121).then(i.t.bind(i,74121,17)),this.example1={TypeScript:i.e(21210).then(i.t.bind(i,21210,17)),HTML:i.e(53419).then(i.t.bind(i,53419,17))},this.example2={TypeScript:i.e(3679).then(i.t.bind(i,3679,17)),HTML:i.e(15040).then(i.t.bind(i,15040,17))},this.example3={TypeScript:i.e(59021).then(i.t.bind(i,59021,17)),HTML:i.e(61240).then(i.t.bind(i,61240,17))},this.example4={TypeScript:i.e(50704).then(i.t.bind(i,50704,17)),HTML:i.e(37998).then(i.t.bind(i,37998,17))},this.example5={TypeScript:i.e(19707).then(i.t.bind(i,19707,17)),HTML:i.e(87871).then(i.t.bind(i,87871,17))},this.example6={TypeScript:i.e(60268).then(i.t.bind(i,60268,17)),HTML:i.e(16152).then(i.t.bind(i,16152,17))},this.disabledItemHandlerVariants=[d.ALWAYS_FALSE_HANDLER,e=>"06:00"===String(e)||e>d.TuiTime.currentLocal()],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemSizeVariants=["s","m","l"],this.itemSize=this.itemSizeVariants[1],this.itemsVariants=[[],(0,m.tuiCreateTimePeriods)()],this.items=this.itemsVariants[0],this.strict=!1,this.modeVariants=["HH:MM","HH:MM:SS","HH:MM:SS.MSS"],this.mode=this.modeVariants[0]}}return(e=t).ɵfac=function(){let t;return function(i){return(t||(t=p.n5z(e)))(i||e)}}(),e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-input-time"]],features:[p._Bn([{provide:c.x,useExisting:(0,p.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldFiller"])]),p.qOj],decls:4,vars:0,consts:[["header","InputTime","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","dropdown","description","You can set items for dropdown","heading","Dropdown",3,"content"],["id","options","heading","Options (icon)",3,"content"],["id","options-max","heading","Options (max values)",3,"content"],["id","options-max-and-postfix","heading","Options (max values and postfix)",3,"content"],["id","native","heading","Native input time",3,"content"],[1,"tui-space_bottom-5"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","items","documentationPropertyType","ReadonlyArray",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","itemSize","documentationPropertyType","TuiSizeS | TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","strict","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","mode","documentationPropertyType","TuiTimeMode",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","items","itemSize","mode","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","strict","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,L,18,6,"ng-template",1),p.YNc(2,E,12,13,"ng-template",1),p.YNc(3,W,29,4,"ng-template",1),p.qZA())},dependencies:[n.JJ,n.oH,f.G,x.x,T.w,h.Ek,g.b,y.x,Z.s,P.A,V.T,_.L,w.bZ,M.c,H.F,C.z,b.B,A.q,J.n,U.f,I,S,q,v,D,G],encapsulation:2,changeDetection:0}),t})(),R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.ez,n.u5,n.UX,m.TuiInputTimeModule,a.TuiLinkModule,s.f,a.TuiButtonModule,a.TuiDropdownModule,a.TuiTextfieldControllerModule,a.TuiNotificationModule,a.TuiHintModule,m.TuiToggleModule,r.fV,u.Bz.forChild((0,r.Ve)(j)),m.TuiUnfinishedValidatorModule]}),t})()}}]); \ No newline at end of file diff --git a/next/16152.dce5496f1b19aeed.js b/next/16152.dce5496f1b19aeed.js new file mode 100644 index 000000000000..c512cd6e9d26 --- /dev/null +++ b/next/16152.dce5496f1b19aeed.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[16152],{16152:t=>{t.exports='
\n \n Choose a time\n \n\n \n Choose a time\n \n\n \n Choose a time\n \n\n \n Choose a time\n \n\n'}}]); \ No newline at end of file diff --git a/next/16152.fc15ceaa0d7fc8e9.js b/next/16152.fc15ceaa0d7fc8e9.js deleted file mode 100644 index dbb66517aa7f..000000000000 --- a/next/16152.fc15ceaa0d7fc8e9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[16152],{16152:t=>{t.exports='\n \n Choose a time\n \n\n \n Choose a time\n \n\n \n Choose a time\n \n\n \n Choose a time\n \n\n'}}]); \ No newline at end of file diff --git a/next/16320.6d30c7eb420cee55.js b/next/16320.6d30c7eb420cee55.js new file mode 100644 index 000000000000..0e1088909d32 --- /dev/null +++ b/next/16320.6d30c7eb420cee55.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[16320],{16320:e=>{e.exports='Choose dates\n'}}]); \ No newline at end of file diff --git a/next/16320.d6a8e48404a4cbd1.js b/next/16320.d6a8e48404a4cbd1.js deleted file mode 100644 index d77bb71c66ef..000000000000 --- a/next/16320.d6a8e48404a4cbd1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[16320],{16320:n=>{n.exports='\n Choose dates\n\n'}}]); \ No newline at end of file diff --git a/next/16597.9a3e9a4d1121ad61.js b/next/16597.9a3e9a4d1121ad61.js new file mode 100644 index 000000000000..b1bd0fa329db --- /dev/null +++ b/next/16597.9a3e9a4d1121ad61.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[16597],{16597:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiArcChartModule:()=>q});var a=n(88692),o=n(69900),i=n(91795),u=n(51362),r=n(64500),c=n(84479),m=n(64537),l=n(48001),d=n(83074),p=n(10977),s=n(62840),x=n(60404),h=n(43560),v=n(93525),g=n(38868),y=n(16753),I=n(13735),P=n(10650);let f=(()=>{var e;class t{constructor(){this.value=[40,30,20,10],this.activeItemIndex=NaN}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-arc-chart-example-1"]],decls:16,vars:14,consts:[["decimal","never",1,"index-controller",3,"step","ngModel","ngModelChange"],[1,"wrapper"],["size","m",1,"tui-space_right-4",3,"value","activeItemIndex","activeItemIndexChange"],["size","l",1,"tui-space_right-4",3,"value","activeItemIndex","activeItemIndexChange"],["size","xl",1,"tui-space_right-4",3,"value","activeItemIndex","activeItemIndexChange"]],template:function(e,t){1&e&&(m.TgZ(0,"tui-input-number",0),m.NdJ("ngModelChange",(function(e){return t.activeItemIndex=e})),m._uU(1," activeItemIndex\n"),m.qZA(),m.TgZ(2,"div",1)(3,"tui-arc-chart",2),m.NdJ("activeItemIndexChange",(function(e){return t.activeItemIndex=e})),m._uU(4," Total value "),m.qZA(),m.TgZ(5,"tui-arc-chart",3),m.NdJ("activeItemIndexChange",(function(e){return t.activeItemIndex=e})),m._uU(6," Total value "),m.TgZ(7,"div"),m._uU(8,"Label"),m.qZA()(),m.TgZ(9,"tui-arc-chart",4),m.NdJ("activeItemIndexChange",(function(e){return t.activeItemIndex=e})),m.TgZ(10,"span"),m._uU(11),m.ALo(12,"async"),m.ALo(13,"tuiAmount"),m.qZA(),m.TgZ(14,"div"),m._uU(15,"Not bad!"),m.qZA()()()),2&e&&(m.Q6J("step",1)("ngModel",t.activeItemIndex),m.xp6(3),m.Q6J("value",t.value)("activeItemIndex",t.activeItemIndex),m.xp6(2),m.Q6J("value",t.value)("activeItemIndex",t.activeItemIndex),m.xp6(4),m.Q6J("value",t.value)("activeItemIndex",t.activeItemIndex),m.xp6(2),m.Oqu(m.lcZ(12,9,m.xi3(13,11,123456,"RUB"))))},dependencies:[o.JJ,o.On,l.O,y.q,I.g,a.Ov,P.E],styles:[".wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;margin-top:1rem;--tui-chart-0: var(--tui-support-12);--tui-chart-1: var(--tui-support-01);--tui-chart-2: var(--tui-support-03);--tui-chart-3: var(--tui-support-09)}.index-controller[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),t})();var b=n(53222);const C=function(){return[40]},V=function(){return[20]};let Z=(()=>{var e;class t{constructor(){this.labels=["Food","Cafe","Open Source","Taxi","other"],this.value=[13769,12367,10172,3018,2592],this.sum=(0,b.tuiSum)(...this.value)}getValue(e){return Number.isNaN(e)?this.sum:this.value[e]}getLabel(e){return Number.isNaN(e)?"Total":this.labels[e]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-arc-chart-example-2"]],decls:6,vars:4,consts:[[1,"wrapper"],["size","l",3,"value"],["maxLabel","","minLabel","","size","l",1,"stacked",3,"value"]],template:function(e,t){1&e&&(m.TgZ(0,"div",0),m._UZ(1,"tui-arc-chart",1),m.TgZ(2,"tui-arc-chart",2),m._uU(3," +20% "),m.TgZ(4,"div"),m._uU(5,"For filling in last name"),m.qZA()()()),2&e&&(m.xp6(1),m.Q6J("value",m.DdM(2,C)),m.xp6(1),m.Q6J("value",m.DdM(3,V)))},dependencies:[l.O],styles:[".wrapper[_ngcontent-%COMP%]{position:relative;--tui-chart-0: var(--tui-support-03)}.stacked[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;--tui-secondary: transparent;--tui-chart-0: var(--tui-support-04)}"],changeDetection:0}),t})();function N(e,t){if(1&e&&(m.TgZ(0,"tui-doc-example",2),m._UZ(1,"tui-arc-chart-example-1"),m.qZA(),m.TgZ(2,"tui-doc-example",3),m._UZ(3,"tui-arc-chart-example-2"),m.qZA()),2&e){const e=m.oxw();m.Q6J("content",e.example1),m.xp6(2),m.Q6J("content",e.example2)}}function T(e,t){1&e&&m._uU(0," Maximum value ")}function M(e,t){1&e&&m._uU(0," Label for maximum value ")}function J(e,t){1&e&&m._uU(0," Label for minimum value ")}function _(e,t){1&e&&m._uU(0," Size ")}function A(e,t){1&e&&m._uU(0," Value ")}function L(e,t){1&e&&m._uU(0," Index of selected arc ")}function w(e,t){if(1&e){const e=m.EpF();m.TgZ(0,"tui-doc-demo")(1,"tui-arc-chart",4),m.NdJ("activeItemIndexChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.activeItemIndex=t)})),m.qZA()(),m.TgZ(2,"tui-doc-documentation"),m.YNc(3,T,1,0,"ng-template",5),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.max=t)})),m.YNc(4,M,1,0,"ng-template",6),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.maxLabel=t)})),m.YNc(5,J,1,0,"ng-template",7),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.minLabel=t)})),m.YNc(6,_,1,0,"ng-template",8),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.size=t)})),m.YNc(7,A,1,0,"ng-template",9),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.value=t)})),m.YNc(8,L,1,0,"ng-template",10),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.activeItemIndex=t)})),m.qZA()}if(2&e){const e=m.oxw();m.xp6(1),m.Q6J("max",e.max)("maxLabel",e.maxLabel)("minLabel",e.minLabel)("size",e.size)("value",e.value)("activeItemIndex",e.activeItemIndex),m.xp6(2),m.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),m.xp6(1),m.Q6J("documentationPropertyValue",e.maxLabel),m.xp6(1),m.Q6J("documentationPropertyValue",e.minLabel),m.xp6(1),m.Q6J("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),m.xp6(1),m.Q6J("documentationPropertyValues",e.valueVariants)("documentationPropertyValue",e.value),m.xp6(1),m.Q6J("documentationPropertyValue",e.activeItemIndex)}}function U(e,t){if(1&e&&(m.TgZ(0,"ol",11)(1,"li")(2,"p"),m._uU(3," Import "),m.TgZ(4,"code"),m._uU(5,"TuiArcChartModule"),m.qZA(),m._uU(6," into a module where you want to use our component "),m.qZA(),m._UZ(7,"tui-doc-code",12),m.qZA(),m.TgZ(8,"li")(9,"p"),m._uU(10,"Add to the template:"),m.qZA(),m._UZ(11,"tui-doc-code",13),m.qZA()()),2&e){const e=m.oxw();m.xp6(7),m.Q6J("code",e.exampleModule),m.xp6(4),m.Q6J("code",e.exampleHtml)}}let z=(()=>{var e;class t{constructor(){this.exampleModule=n.e(85776).then(n.t.bind(n,85776,17)),this.exampleHtml=n.e(1557).then(n.t.bind(n,1557,17)),this.example1={TypeScript:n.e(96278).then(n.t.bind(n,96278,17)),HTML:n.e(57749).then(n.t.bind(n,57749,17)),LESS:n.e(63570).then(n.t.bind(n,63570,17))},this.example2={TypeScript:n.e(6726).then(n.t.bind(n,6726,17)),HTML:n.e(35868).then(n.t.bind(n,35868,17)),LESS:n.e(36077).then(n.t.bind(n,36077,17))},this.valueVariants=[[42],[40,30,20,10],[13769,10172,3018,2592]],this.value=this.valueVariants[0],this.maxVariants=[100,1e4,5e4],this.max=this.maxVariants[0],this.sizeVariants=["m","l","xl"],this.size=this.sizeVariants[0],this.minLabel="0%",this.maxLabel="100%",this.activeItemIndex=NaN}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["example-tui-arc-chart"]],decls:4,vars:0,consts:[["header","ArcChart","package","ADDON-CHARTS","type","components"],["pageTab",""],["id","sizes","heading","Sizes",3,"content"],["id","stacked","heading","Stacked",3,"content"],[1,"chart",3,"max","maxLabel","minLabel","size","value","activeItemIndex","activeItemIndexChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLabel","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","minLabel","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeXL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","readonly number[]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","activeItemIndex","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(m.TgZ(0,"tui-doc-page",0),m.YNc(1,N,4,2,"ng-template",1),m.YNc(2,w,9,15,"ng-template",1),m.YNc(3,U,12,2,"ng-template",1),m.qZA())},dependencies:[l.O,d.c,p.F,s.z,x.B,h.q,v.n,g.f,f,Z],styles:[".chart[_ngcontent-%COMP%]{margin:0 auto}"],changeDetection:0}),t})(),q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=m.oAB({type:e}),e.ɵinj=m.cJS({imports:[a.ez,i.Bz,o.u5,u.TuiArcChartModule,r.fV,i.Bz.forChild((0,r.Ve)(z)),c.TuiInputNumberModule]}),t})()}}]); \ No newline at end of file diff --git a/next/16597.b39e6dfe4b77c93c.js b/next/16597.b39e6dfe4b77c93c.js deleted file mode 100644 index da740042edb4..000000000000 --- a/next/16597.b39e6dfe4b77c93c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[16597],{16597:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiArcChartModule:()=>q});var a=n(88692),o=n(69900),i=n(91795),u=n(51362),r=n(64500),c=n(84479),m=n(64537),l=n(48001),d=n(83074),p=n(10977),s=n(62840),x=n(60404),h=n(43560),v=n(93525),g=n(38868),y=n(16753),I=n(13735),f=n(10650);let P=(()=>{var e;class t{constructor(){this.value=[40,30,20,10],this.activeItemIndex=NaN}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-arc-chart-example-1"]],decls:16,vars:14,consts:[["decimal","never",1,"b-form",3,"step","ngModel","ngModelChange"],[1,"wrapper"],["size","m",1,"tui-space_right-4",3,"value","activeItemIndex","activeItemIndexChange"],["size","l",1,"tui-space_right-4",3,"value","activeItemIndex","activeItemIndexChange"],["size","xl",1,"tui-space_right-4",3,"value","activeItemIndex","activeItemIndexChange"]],template:function(e,t){1&e&&(m.TgZ(0,"tui-input-number",0),m.NdJ("ngModelChange",(function(e){return t.activeItemIndex=e})),m._uU(1," activeItemIndex\n"),m.qZA(),m.TgZ(2,"div",1)(3,"tui-arc-chart",2),m.NdJ("activeItemIndexChange",(function(e){return t.activeItemIndex=e})),m._uU(4," Total value "),m.qZA(),m.TgZ(5,"tui-arc-chart",3),m.NdJ("activeItemIndexChange",(function(e){return t.activeItemIndex=e})),m._uU(6," Total value "),m.TgZ(7,"div"),m._uU(8,"Label"),m.qZA()(),m.TgZ(9,"tui-arc-chart",4),m.NdJ("activeItemIndexChange",(function(e){return t.activeItemIndex=e})),m.TgZ(10,"span"),m._uU(11),m.ALo(12,"async"),m.ALo(13,"tuiAmount"),m.qZA(),m.TgZ(14,"div"),m._uU(15,"Not bad!"),m.qZA()()()),2&e&&(m.Q6J("step",1)("ngModel",t.activeItemIndex),m.xp6(3),m.Q6J("value",t.value)("activeItemIndex",t.activeItemIndex),m.xp6(2),m.Q6J("value",t.value)("activeItemIndex",t.activeItemIndex),m.xp6(4),m.Q6J("value",t.value)("activeItemIndex",t.activeItemIndex),m.xp6(2),m.Oqu(m.lcZ(12,9,m.xi3(13,11,123456,"RUB"))))},dependencies:[o.JJ,o.On,l.O,y.q,I.g,a.Ov,f.E],styles:[".wrapper[_ngcontent-%COMP%]{display:flex;align-items:center;margin-top:1rem;--tui-chart-0: var(--tui-support-12);--tui-chart-1: var(--tui-support-01);--tui-chart-2: var(--tui-support-03);--tui-chart-3: var(--tui-support-09)}"],changeDetection:0}),t})();var b=n(53222);const V=function(){return[40]},C=function(){return[20]};let Z=(()=>{var e;class t{constructor(){this.labels=["Food","Cafe","Open Source","Taxi","other"],this.value=[13769,12367,10172,3018,2592],this.sum=(0,b.tuiSum)(...this.value)}getValue(e){return Number.isNaN(e)?this.sum:this.value[e]}getLabel(e){return Number.isNaN(e)?"Total":this.labels[e]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-arc-chart-example-2"]],decls:6,vars:4,consts:[[1,"wrapper"],["size","l",3,"value"],["maxLabel","","minLabel","","size","l",1,"stacked",3,"value"]],template:function(e,t){1&e&&(m.TgZ(0,"div",0),m._UZ(1,"tui-arc-chart",1),m.TgZ(2,"tui-arc-chart",2),m._uU(3," +20% "),m.TgZ(4,"div"),m._uU(5,"For filling in last name"),m.qZA()()()),2&e&&(m.xp6(1),m.Q6J("value",m.DdM(2,V)),m.xp6(1),m.Q6J("value",m.DdM(3,C)))},dependencies:[l.O],styles:[".wrapper[_ngcontent-%COMP%]{position:relative;--tui-chart-0: var(--tui-support-03)}.stacked[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;--tui-secondary: transparent;--tui-chart-0: var(--tui-support-04)}"],changeDetection:0}),t})();function N(e,t){if(1&e&&(m.TgZ(0,"tui-doc-example",2),m._UZ(1,"tui-arc-chart-example-1"),m.qZA(),m.TgZ(2,"tui-doc-example",3),m._UZ(3,"tui-arc-chart-example-2"),m.qZA()),2&e){const e=m.oxw();m.Q6J("content",e.example1),m.xp6(2),m.Q6J("content",e.example2)}}function T(e,t){1&e&&m._uU(0," Maximum value ")}function M(e,t){1&e&&m._uU(0," Label for maximum value ")}function J(e,t){1&e&&m._uU(0," Label for minimum value ")}function _(e,t){1&e&&m._uU(0," Size ")}function A(e,t){1&e&&m._uU(0," Value ")}function L(e,t){1&e&&m._uU(0," Index of selected arc ")}function U(e,t){if(1&e){const e=m.EpF();m.TgZ(0,"tui-doc-demo")(1,"tui-arc-chart",4),m.NdJ("activeItemIndexChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.activeItemIndex=t)})),m.qZA()(),m.TgZ(2,"tui-doc-documentation"),m.YNc(3,T,1,0,"ng-template",5),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.max=t)})),m.YNc(4,M,1,0,"ng-template",6),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.maxLabel=t)})),m.YNc(5,J,1,0,"ng-template",7),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.minLabel=t)})),m.YNc(6,_,1,0,"ng-template",8),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.size=t)})),m.YNc(7,A,1,0,"ng-template",9),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.value=t)})),m.YNc(8,L,1,0,"ng-template",10),m.NdJ("documentationPropertyValueChange",(function(t){m.CHM(e);const n=m.oxw();return m.KtG(n.activeItemIndex=t)})),m.qZA()}if(2&e){const e=m.oxw();m.xp6(1),m.Q6J("max",e.max)("maxLabel",e.maxLabel)("minLabel",e.minLabel)("size",e.size)("value",e.value)("activeItemIndex",e.activeItemIndex),m.xp6(2),m.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),m.xp6(1),m.Q6J("documentationPropertyValue",e.maxLabel),m.xp6(1),m.Q6J("documentationPropertyValue",e.minLabel),m.xp6(1),m.Q6J("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),m.xp6(1),m.Q6J("documentationPropertyValues",e.valueVariants)("documentationPropertyValue",e.value),m.xp6(1),m.Q6J("documentationPropertyValue",e.activeItemIndex)}}function w(e,t){if(1&e&&(m.TgZ(0,"ol",11)(1,"li")(2,"p"),m._uU(3," Import "),m.TgZ(4,"code"),m._uU(5,"TuiArcChartModule"),m.qZA(),m._uU(6," into a module where you want to use our component "),m.qZA(),m._UZ(7,"tui-doc-code",12),m.qZA(),m.TgZ(8,"li")(9,"p"),m._uU(10,"Add to the template:"),m.qZA(),m._UZ(11,"tui-doc-code",13),m.qZA()()),2&e){const e=m.oxw();m.xp6(7),m.Q6J("code",e.exampleModule),m.xp6(4),m.Q6J("code",e.exampleHtml)}}let z=(()=>{var e;class t{constructor(){this.exampleModule=n.e(85776).then(n.t.bind(n,85776,17)),this.exampleHtml=n.e(1557).then(n.t.bind(n,1557,17)),this.example1={TypeScript:n.e(96278).then(n.t.bind(n,96278,17)),HTML:n.e(57749).then(n.t.bind(n,57749,17)),LESS:n.e(63570).then(n.t.bind(n,63570,17))},this.example2={TypeScript:n.e(6726).then(n.t.bind(n,6726,17)),HTML:n.e(35868).then(n.t.bind(n,35868,17)),LESS:n.e(36077).then(n.t.bind(n,36077,17))},this.valueVariants=[[42],[40,30,20,10],[13769,10172,3018,2592]],this.value=this.valueVariants[0],this.maxVariants=[100,1e4,5e4],this.max=this.maxVariants[0],this.sizeVariants=["m","l","xl"],this.size=this.sizeVariants[0],this.minLabel="0%",this.maxLabel="100%",this.activeItemIndex=NaN}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["example-tui-arc-chart"]],decls:4,vars:0,consts:[["header","ArcChart","package","ADDON-CHARTS","type","components"],["pageTab",""],["id","sizes","heading","Sizes",3,"content"],["id","stacked","heading","Stacked",3,"content"],[1,"chart",3,"max","maxLabel","minLabel","size","value","activeItemIndex","activeItemIndexChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLabel","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","minLabel","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeXL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","readonly number[]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","activeItemIndex","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(m.TgZ(0,"tui-doc-page",0),m.YNc(1,N,4,2,"ng-template",1),m.YNc(2,U,9,15,"ng-template",1),m.YNc(3,w,12,2,"ng-template",1),m.qZA())},dependencies:[l.O,d.c,p.F,s.z,x.B,h.q,v.n,g.f,P,Z],styles:[".chart[_ngcontent-%COMP%]{margin:0 auto}"],changeDetection:0}),t})(),q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=m.oAB({type:e}),e.ɵinj=m.cJS({imports:[a.ez,i.Bz,o.u5,u.TuiArcChartModule,r.fV,i.Bz.forChild((0,r.Ve)(z)),c.TuiInputNumberModule]}),t})()}}]); \ No newline at end of file diff --git a/next/1702.133d939a941e4c86.js b/next/1702.133d939a941e4c86.js new file mode 100644 index 000000000000..677db3a5f331 --- /dev/null +++ b/next/1702.133d939a941e4c86.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[1702],{1702:t=>{t.exports='

In this sample, tags with digits are invalid

\n\n\n Try it\n \n \n \n {{ item }}\n \n \n \n\n\n\n'}}]); \ No newline at end of file diff --git a/next/1702.461ed54cc2849380.js b/next/1702.461ed54cc2849380.js deleted file mode 100644 index 943ef2692747..000000000000 --- a/next/1702.461ed54cc2849380.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[1702],{1702:t=>{t.exports='

In this sample, tags with digits are invalid

\n\n\n Try it\n \n \n \n {{ item }}\n \n \n \n\n\n\n'}}]); \ No newline at end of file diff --git a/next/17152.8d51f639941cc4de.js b/next/17152.8d51f639941cc4de.js deleted file mode 100644 index 1d1d3dd53322..000000000000 --- a/next/17152.8d51f639941cc4de.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[17152],{17152:e=>{e.exports='\n Choose date and time\n\n'}}]); \ No newline at end of file diff --git a/next/17152.a6d08d1f027a8e4b.js b/next/17152.a6d08d1f027a8e4b.js new file mode 100644 index 000000000000..c3f3c746222f --- /dev/null +++ b/next/17152.a6d08d1f027a8e4b.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[17152],{17152:e=>{e.exports='Choose date and time\n'}}]); \ No newline at end of file diff --git a/next/18131.3c10a358f57ae913.js b/next/18131.3c10a358f57ae913.js new file mode 100644 index 000000000000..8ce07be3eb70 --- /dev/null +++ b/next/18131.3c10a358f57ae913.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[18131],{18131:t=>{t.exports='
\n \n Choose a month\n \n \n Choose a month\n \n Choose a month\n\n'}}]); \ No newline at end of file diff --git a/next/18131.67a4065a203a56c5.js b/next/18131.67a4065a203a56c5.js deleted file mode 100644 index 23e778466e38..000000000000 --- a/next/18131.67a4065a203a56c5.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[18131],{18131:t=>{t.exports='\n \n Choose a month\n \n \n Choose a month\n \n Choose a month\n\n'}}]); \ No newline at end of file diff --git a/next/18777.baa96522fffbb320.js b/next/18777.baa96522fffbb320.js deleted file mode 100644 index 7e2c7b49e594..000000000000 --- a/next/18777.baa96522fffbb320.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[18777],{18777:n=>{n.exports='\n \n\n \n \n\n \n This company is already registered\n \n It is mine\n \n \n\n \n \n\n \n\n \n Submit\n \n\n'}}]); \ No newline at end of file diff --git a/next/18777.e6bc35fe03e56cdb.js b/next/18777.e6bc35fe03e56cdb.js new file mode 100644 index 000000000000..d336491015ed --- /dev/null +++ b/next/18777.e6bc35fe03e56cdb.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[18777],{18777:n=>{n.exports='\n \n\n \n \n\n \n This company is already registered\n \n It is mine\n \n \n\n \n \n\n \n\n \n Submit\n \n\n'}}]); \ No newline at end of file diff --git a/next/19289.2a7210551dcbfe85.js b/next/19289.2a7210551dcbfe85.js new file mode 100644 index 000000000000..97cc73bcc037 --- /dev/null +++ b/next/19289.2a7210551dcbfe85.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[19289],{19289:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiFilterByInputModule:()=>B});var n=i(88692),a=i(69900),o=i(91795),r=i(64500),u=i(73588),l=i(84479),s=i(64537),c=i(83074),p=i(43560),m=i(93525),d=i(38868),f=i(77027),h=i(41360),x=i(52219),y=i(50020),g=i(68800);function T(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",3),s.ALo(1,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("items",s.lcZ(1,1,e.items))}}let w=(()=>{var e;class t{constructor(){this.items=["John Cleese","Eric Idle","Graham Chapman","Michael Palin","Terry Gilliam","Terry Jones"],this.form=new a.cw({user:new a.NI("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-filter-by-input-example-1"]],decls:4,vars:1,consts:[[3,"formGroup"],["formControlName","user"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input",1),s._uU(2," User "),s.YNc(3,T,2,3,"tui-data-list-wrapper",2),s.qZA()()),2&e&&s.Q6J("formGroup",t.form)},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,f.K,h.w,x.g,y.e,g.b],encapsulation:2,changeDetection:0}),t})();var b=i(41967),Z=i(89290),J=i(60666);function C(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",5),s.ALo(1,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("items",s.xi3(1,1,e.items,e.matcherString))}}function L(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",6),s.ALo(1,"tuiStringifyContent"),s.ALo(2,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("itemContent",s.lcZ(1,2,e.stringify))("items",s.xi3(2,4,e.users,e.matcherUser))}}let U=(()=>{var e;class t{constructor(){this.items=["John Cleese","Eric Idle","Graham Chapman","Michael Palin","Terry Gilliam","Terry Jones"],this.users=[{id:1,name:"John Cleese"},{id:2,name:"Eric Idle"},{id:3,name:"Graham Chapman"},{id:4,name:"Michael Palin"},{id:5,name:"Terry Gilliam"}],this.form=new a.cw({user:new a.NI(null),user2:new a.NI(null)}),this.stringify=({name:e})=>e,this.matcherString=(e,t)=>e.split(" ").pop().toLowerCase().startsWith(t.toLowerCase()),this.matcherUser=(e,t)=>e.name.toLowerCase().startsWith(t.toLowerCase())}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-filter-by-input-example-2"]],decls:7,vars:2,consts:[[3,"formGroup"],["formControlName","user"],[3,"items",4,"tuiDataList"],["formControlName","user2",1,"tui-space_top-5",3,"stringify"],[3,"itemContent","items",4,"tuiDataList"],[3,"items"],[3,"itemContent","items"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-combo-box",1),s._uU(2," Search by last name "),s.YNc(3,C,2,4,"tui-data-list-wrapper",2),s.qZA(),s.TgZ(4,"tui-combo-box",3),s._uU(5," With ids "),s.YNc(6,L,3,7,"tui-data-list-wrapper",4),s.qZA()()),2&e&&(s.Q6J("formGroup",t.form),s.xp6(4),s.Q6J("stringify",t.stringify))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,x.g,y.e,b._,Z.m,g.b,J.Q],encapsulation:2,changeDetection:0}),t})();var M=i(93251),_=i(20501),I=i(49538),A=i(68874);function S(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",2),s.ALo(1,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("items",s.lcZ(1,1,e.items))}}let Q=(()=>{var e;class t{constructor(){this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.control=new a.NI([this.items[0]])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-filter-by-input-example-3"]],decls:3,vars:2,consts:[["placeholder","Ignored text",3,"formControl","tuiTextfieldLabelOutside"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"items"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-multi-select",0),s._uU(1," Star Wars persons "),s.YNc(2,S,2,3,"tui-data-list-wrapper",1),s.qZA()),2&e&&s.Q6J("formControl",t.control)("tuiTextfieldLabelOutside",!0)},dependencies:[a.JJ,a.oH,x.g,y.e,M.V,_.Q,I.b,A.x,g.b],encapsulation:2,changeDetection:0}),t})();function q(e,t){if(1&e&&(s._uU(0," Pipe for filtering an array by value entered in a textfield "),s.TgZ(1,"tui-doc-example",3),s._UZ(2,"tui-filter-by-input-example-1"),s.qZA(),s.TgZ(3,"tui-doc-example",4),s._UZ(4,"tui-filter-by-input-example-2"),s.qZA(),s.TgZ(5,"tui-doc-example",5),s._UZ(6,"tui-filter-by-input-example-3"),s.qZA()),2&e){const e=s.oxw();s.xp6(1),s.Q6J("content",e.example1),s.xp6(2),s.Q6J("content",e.example2),s.xp6(2),s.Q6J("content",e.example3)}}function v(e,t){if(1&e&&(s.TgZ(0,"ol",6)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiFilterByInputPipeModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",7),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Use pipe in template under Taiga UI control:"),s.qZA(),s._UZ(11,"tui-doc-code",8),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let N=(()=>{var e;class t{constructor(){this.exampleModule=i.e(69031).then(i.t.bind(i,69031,17)),this.exampleHtml=i.e(9370).then(i.t.bind(i,9370,17)),this.example1={TypeScript:i.e(60077).then(i.t.bind(i,60077,17)),HTML:i.e(83339).then(i.t.bind(i,83339,17))},this.example2={TypeScript:i.e(16699).then(i.t.bind(i,16699,17)),HTML:i.e(2013).then(i.t.bind(i,2013,17))},this.example3={TypeScript:i.e(97208).then(i.t.bind(i,97208,17)),HTML:i.e(67705).then(i.t.bind(i,67705,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-filter-by-input"]],decls:3,vars:0,consts:[["header","FilterByInput","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],["id","matcher","heading","Custom matcher",3,"content"],["id","multi","heading","Multiselect",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,q,7,3,"ng-template",1),s.YNc(2,v,12,2,"ng-template",2),s.qZA())},dependencies:[c.c,p.q,m.n,d.f,w,U,Q],encapsulation:2,changeDetection:0}),t})(),B=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[n.ez,a.UX,l.TuiFilterByInputPipeModule,r.fV,l.TuiInputModule,u.TuiDataListModule,l.TuiDataListWrapperModule,l.TuiComboBoxModule,l.TuiMultiSelectModule,u.TuiTextfieldControllerModule,l.TuiStringifyContentPipeModule,o.Bz.forChild((0,r.Ve)(N))]}),t})()}}]); \ No newline at end of file diff --git a/next/19289.dbf91300f0f255d9.js b/next/19289.dbf91300f0f255d9.js deleted file mode 100644 index 5309299bc594..000000000000 --- a/next/19289.dbf91300f0f255d9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[19289],{19289:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiFilterByInputModule:()=>B});var n=i(88692),o=i(69900),a=i(91795),r=i(64500),u=i(73588),l=i(84479),s=i(64537),c=i(83074),p=i(43560),m=i(93525),d=i(38868),f=i(77027),h=i(41360),x=i(52219),y=i(50020),g=i(68800);function b(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",3),s.ALo(1,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("items",s.lcZ(1,1,e.items))}}let T=(()=>{var e;class t{constructor(){this.items=["John Cleese","Eric Idle","Graham Chapman","Michael Palin","Terry Gilliam","Terry Jones"],this.form=new o.cw({user:new o.NI("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-filter-by-input-example-1"]],decls:4,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","user"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input",1),s._uU(2," User "),s.YNc(3,b,2,3,"tui-data-list-wrapper",2),s.qZA()()),2&e&&s.Q6J("formGroup",t.form)},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,f.K,h.w,x.g,y.e,g.b],encapsulation:2,changeDetection:0}),t})();var w=i(41967),Z=i(89290),J=i(60666);function C(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",5),s.ALo(1,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("items",s.xi3(1,1,e.items,e.matcherString))}}function L(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",6),s.ALo(1,"tuiStringifyContent"),s.ALo(2,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("itemContent",s.lcZ(1,2,e.stringify))("items",s.xi3(2,4,e.users,e.matcherUser))}}let U=(()=>{var e;class t{constructor(){this.items=["John Cleese","Eric Idle","Graham Chapman","Michael Palin","Terry Gilliam","Terry Jones"],this.users=[{id:1,name:"John Cleese"},{id:2,name:"Eric Idle"},{id:3,name:"Graham Chapman"},{id:4,name:"Michael Palin"},{id:5,name:"Terry Gilliam"}],this.form=new o.cw({user:new o.NI(null),user2:new o.NI(null)}),this.stringify=({name:e})=>e,this.matcherString=(e,t)=>e.split(" ").pop().toLowerCase().startsWith(t.toLowerCase()),this.matcherUser=(e,t)=>e.name.toLowerCase().startsWith(t.toLowerCase())}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-filter-by-input-example-2"]],decls:7,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","user"],[3,"items",4,"tuiDataList"],["formControlName","user2",1,"tui-space_top-5",3,"stringify"],[3,"itemContent","items",4,"tuiDataList"],[3,"items"],[3,"itemContent","items"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-combo-box",1),s._uU(2," Search by last name "),s.YNc(3,C,2,4,"tui-data-list-wrapper",2),s.qZA(),s.TgZ(4,"tui-combo-box",3),s._uU(5," With ids "),s.YNc(6,L,3,7,"tui-data-list-wrapper",4),s.qZA()()),2&e&&(s.Q6J("formGroup",t.form),s.xp6(4),s.Q6J("stringify",t.stringify))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.g,y.e,w._,Z.m,g.b,J.Q],encapsulation:2,changeDetection:0}),t})();var M=i(93251),_=i(20501),I=i(49538),A=i(68874);function S(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",2),s.ALo(1,"tuiFilterByInput")),2&e){const e=s.oxw();s.Q6J("items",s.lcZ(1,1,e.items))}}let Q=(()=>{var e;class t{constructor(){this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.control=new o.NI([this.items[0]])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-filter-by-input-example-3"]],decls:3,vars:2,consts:[["placeholder","Ignored text",1,"b-form",3,"formControl","tuiTextfieldLabelOutside"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"items"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-multi-select",0),s._uU(1," Star Wars persons "),s.YNc(2,S,2,3,"tui-data-list-wrapper",1),s.qZA()),2&e&&s.Q6J("formControl",t.control)("tuiTextfieldLabelOutside",!0)},dependencies:[o.JJ,o.oH,x.g,y.e,M.V,_.Q,I.b,A.x,g.b],encapsulation:2,changeDetection:0}),t})();function q(e,t){if(1&e&&(s._uU(0," Pipe for filtering an array by value entered in a textfield "),s.TgZ(1,"tui-doc-example",3),s._UZ(2,"tui-filter-by-input-example-1"),s.qZA(),s.TgZ(3,"tui-doc-example",4),s._UZ(4,"tui-filter-by-input-example-2"),s.qZA(),s.TgZ(5,"tui-doc-example",5),s._UZ(6,"tui-filter-by-input-example-3"),s.qZA()),2&e){const e=s.oxw();s.xp6(1),s.Q6J("content",e.example1),s.xp6(2),s.Q6J("content",e.example2),s.xp6(2),s.Q6J("content",e.example3)}}function v(e,t){if(1&e&&(s.TgZ(0,"ol",6)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiFilterByInputPipeModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",7),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Use pipe in template under Taiga UI control:"),s.qZA(),s._UZ(11,"tui-doc-code",8),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let N=(()=>{var e;class t{constructor(){this.exampleModule=i.e(69031).then(i.t.bind(i,69031,17)),this.exampleHtml=i.e(9370).then(i.t.bind(i,9370,17)),this.example1={TypeScript:i.e(60077).then(i.t.bind(i,60077,17)),HTML:i.e(83339).then(i.t.bind(i,83339,17))},this.example2={TypeScript:i.e(16699).then(i.t.bind(i,16699,17)),HTML:i.e(2013).then(i.t.bind(i,2013,17))},this.example3={TypeScript:i.e(97208).then(i.t.bind(i,97208,17)),HTML:i.e(67705).then(i.t.bind(i,67705,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-filter-by-input"]],decls:3,vars:0,consts:[["header","FilterByInput","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],["id","matcher","heading","Custom matcher",3,"content"],["id","multi","heading","Multiselect",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,q,7,3,"ng-template",1),s.YNc(2,v,12,2,"ng-template",2),s.qZA())},dependencies:[c.c,p.q,m.n,d.f,T,U,Q],encapsulation:2,changeDetection:0}),t})(),B=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[n.ez,o.UX,l.TuiFilterByInputPipeModule,r.fV,l.TuiInputModule,u.TuiDataListModule,l.TuiDataListWrapperModule,l.TuiComboBoxModule,l.TuiMultiSelectModule,u.TuiTextfieldControllerModule,l.TuiStringifyContentPipeModule,a.Bz.forChild((0,r.Ve)(N))]}),t})()}}]); \ No newline at end of file diff --git a/next/2013.002c9ec851ff6e40.js b/next/2013.002c9ec851ff6e40.js deleted file mode 100644 index 3c4d3ff94df4..000000000000 --- a/next/2013.002c9ec851ff6e40.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[2013],{2013:t=>{t.exports='\n \n Search by last name\n \n \n\n \n With ids\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/2013.2a4d981546e1515f.js b/next/2013.2a4d981546e1515f.js new file mode 100644 index 000000000000..321aa140333e --- /dev/null +++ b/next/2013.2a4d981546e1515f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[2013],{2013:t=>{t.exports='
\n \n Search by last name\n \n \n\n \n With ids\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/2216.8542823e0c57b5d6.js b/next/2216.8542823e0c57b5d6.js deleted file mode 100644 index 7fb5d8649a3b..000000000000 --- a/next/2216.8542823e0c57b5d6.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[2216],{2216:e=>{e.exports='\n \n Choose a year\n \n \n Choose a year\n \n Choose a year\n\n'}}]); \ No newline at end of file diff --git a/next/2216.98985cc9c2ba8f28.js b/next/2216.98985cc9c2ba8f28.js new file mode 100644 index 000000000000..5341083d8450 --- /dev/null +++ b/next/2216.98985cc9c2ba8f28.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[2216],{2216:e=>{e.exports='
\n \n Choose a year\n \n \n Choose a year\n \n Choose a year\n\n'}}]); \ No newline at end of file diff --git a/next/23889.7e6e793c856444ec.js b/next/23889.7e6e793c856444ec.js deleted file mode 100644 index fd47ecb036de..000000000000 --- a/next/23889.7e6e793c856444ec.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[23889],{23889:n=>{n.exports='

\n \n Range\n \n

\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/23889.e58b74d097d3a4fa.js b/next/23889.e58b74d097d3a4fa.js new file mode 100644 index 000000000000..b46b02ca733c --- /dev/null +++ b/next/23889.e58b74d097d3a4fa.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[23889],{23889:n=>{n.exports='

\n \n Range\n \n

\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/25786.8f11bb3204eda747.js b/next/25786.8f11bb3204eda747.js deleted file mode 100644 index 296921344219..000000000000 --- a/next/25786.8f11bb3204eda747.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[25786],{25786:n=>{n.exports='\n \n Value\n \n \n\n \n Value\n \n\n Value\n\n'}}]); \ No newline at end of file diff --git a/next/25786.cbe30bd81b355864.js b/next/25786.cbe30bd81b355864.js new file mode 100644 index 000000000000..06ef699847d4 --- /dev/null +++ b/next/25786.cbe30bd81b355864.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[25786],{25786:e=>{e.exports='
\n \n Value\n \n \n\n \n Value\n \n\n Value\n\n'}}]); \ No newline at end of file diff --git a/next/26706.2ab6a94be14b7cad.js b/next/26706.2ab6a94be14b7cad.js new file mode 100644 index 000000000000..7bbd05ec4df0 --- /dev/null +++ b/next/26706.2ab6a94be14b7cad.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[26706],{26706:t=>{t.exports='\n \n \n \n {{ item }}\n \n \n \n \n {{ item }}\n \n \n \n\n\n\n \n \n \n {{ item }}\n \n \n \n \n {{ item }}\n \n \n \n\n\n\n \n \n \n {{ item }}\n \n \n \n \n {{ item }}\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/26706.a4cbdca34e7cde5d.js b/next/26706.a4cbdca34e7cde5d.js deleted file mode 100644 index 58cb9904a93f..000000000000 --- a/next/26706.a4cbdca34e7cde5d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[26706],{26706:t=>{t.exports='\n \n \n \n {{ item }}\n \n \n \n \n {{ item }}\n \n \n \n\n\n\n \n \n \n {{ item }}\n \n \n \n \n {{ item }}\n \n \n \n\n\n\n \n \n \n {{ item }}\n \n \n \n \n {{ item }}\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/27725.7680bcf4901d5918.js b/next/27725.7680bcf4901d5918.js new file mode 100644 index 000000000000..c4d301abbd92 --- /dev/null +++ b/next/27725.7680bcf4901d5918.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27725],{27725:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiTextareaModule:()=>ne});var o=n(88692),a=n(69900),i=n(91795),r=n(64500),u=n(73588),l=n(84479),c=n(75695),d=n(64537),s=n(82880),p=n(98204),m=n(15193),x=n(56735),h=n(91030),g=n(83074),f=n(10977),T=n(62840),y=n(60404),Z=n(43560),b=n(93525),_=n(38868),C=n(54218),w=n(66596),U=n(64374),A=n(6707),L=n(68874),P=n(10200),V=n(88494),J=n(3729),v=n(84848),M=n(79121),q=n(91473);let N=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI("A field",a.kI.required),testValue2:new a.NI("This one can be expanded",a.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-1"]],decls:7,vars:2,consts:[[3,"formGroup"],["formControlName","testValue1"],["formControlName","testValue2",1,"tui-space_top-4",3,"expandable"]],template:function(e,t){1&e&&(d.TgZ(0,"p"),d._uU(1," It has a fixed size and content scroll by default. But there is also an expandable mode with height increase from content inside\n"),d.qZA(),d.TgZ(2,"form",0)(3,"tui-textarea",1),d._uU(4,"Type a text"),d.qZA(),d.TgZ(5,"tui-textarea",2),d._uU(6," Type a text "),d.qZA()()),2&e&&(d.xp6(2),d.Q6J("formGroup",t.testForm),d.xp6(3),d.Q6J("expandable",!0))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI("A field",a.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-2"]],decls:9,vars:4,consts:[[3,"formGroup"],["formControlName","testValue1",1,"tui-space_bottom-4","field-large"],["formControlName","testValue1",1,"tui-space_bottom-4","field-small",3,"expandable"],["formControlName","testValue1",1,"field-medium",3,"expandable","maxLength"]],template:function(e,t){1&e&&(d.TgZ(0,"p"),d._uU(1,"You can set a custom min-height for component"),d.qZA(),d.TgZ(2,"form",0)(3,"tui-textarea",1),d._uU(4," Type a text "),d.qZA(),d.TgZ(5,"tui-textarea",2),d._uU(6," Type a text "),d.qZA(),d.TgZ(7,"tui-textarea",3),d._uU(8," Type a text "),d.qZA()()),2&e&&(d.xp6(2),d.Q6J("formGroup",t.testForm),d.xp6(3),d.Q6J("expandable",!1),d.xp6(2),d.Q6J("expandable",!0)("maxLength",30))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u],styles:[".field-large[_ngcontent-%COMP%]{min-height:9.375rem}.field-small[_ngcontent-%COMP%]{min-height:3.5rem}.field-medium[_ngcontent-%COMP%]{min-height:5rem}"],changeDetection:0}),t})();var H=n(88135);let Q=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI("A field",a.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-3"]],decls:7,vars:2,consts:[[3,"formGroup"],["tuiLabel","Type a text"],["formControlName","testValue1",3,"tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(d.TgZ(0,"p"),d._uU(1," You can use label outside mode with "),d.TgZ(2,"code"),d._uU(3,"tuiLabel"),d.qZA()(),d.TgZ(4,"form",0)(5,"label",1),d._UZ(6,"tui-textarea",2),d.qZA()()),2&e&&(d.xp6(4),d.Q6J("formGroup",t.testForm),d.xp6(2),d.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u,H.A,L.x],encapsulation:2,changeDetection:0}),t})();var F=n(53222),O=n(36951),S=n(7114);const k=function(){return[]};function D(e){return`Maximum length — ${e.requiredLength}`}let B=(()=>{var e;class t{constructor(){this.maxLength=97,this.testForm=new a.cw({testValue1:new a.NI("\nIn Java: everything is an object.\nIn Clojure: everything is a list.\nIn JavaScript: everything is a terrible mistake.\n".trim(),[a.kI.required,a.kI.maxLength(this.maxLength)])})}ngAfterViewInit(){(0,F.tuiMarkControlAsTouchedAndValidate)(this.testForm)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-4"]],features:[d._Bn([{provide:l.TUI_VALIDATION_ERRORS,useValue:{required:"Enter this!",maxlength:D}}])],decls:20,vars:10,consts:[[1,"description"],[1,"steps"],[1,"steps_optional"],[3,"formGroup"],["tuiLabel","Write a wise thought"],["formControlName","testValue1","tuiHintContent","it's just a joke",3,"expandable","maxLength","tuiTextfieldLabelOutside"],["formControlName","testValue1",3,"error"]],template:function(e,t){1&e&&(d.TgZ(0,"div",0),d._uU(1," To highlight extra characters: "),d.TgZ(2,"ul",1)(3,"li"),d._uU(4," use "),d.TgZ(5,"code"),d._uU(6,"maxLength"),d.qZA(),d._uU(7," input "),d.qZA(),d.TgZ(8,"li",2),d._uU(9," (Optional) Don't forget to set form validator (for example, "),d.TgZ(10,"code"),d._uU(11,"Validators.maxLength"),d.qZA(),d._uU(12," ) if you want to make field invalid on exceeding the characters limit "),d.qZA()()(),d.TgZ(13,"form",3)(14,"label",4)(15,"tui-textarea",5),d._uU(16," Type it "),d.qZA(),d._UZ(17,"tui-error",6),d.ALo(18,"async"),d.ALo(19,"tuiFieldError"),d.qZA()()),2&e&&(d.xp6(13),d.Q6J("formGroup",t.testForm),d.xp6(2),d.Q6J("expandable",!0)("maxLength",t.maxLength)("tuiTextfieldLabelOutside",!0),d.xp6(2),d.Q6J("error",d.lcZ(18,5,d.lcZ(19,7,d.DdM(9,k)))))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u,H.A,L.x,v.bZ,O.v,o.Ov,S.A],styles:[".description[_ngcontent-%COMP%]{margin-bottom:2rem}.steps[_ngcontent-%COMP%]{list-style-type:disc;padding-left:.9375rem;margin:1rem 0}.steps_optional[_ngcontent-%COMP%]{list-style-type:circle}"],changeDetection:0}),t})(),G=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-5"]],decls:3,vars:1,consts:[[3,"ngModel","ngModelChange"],["maxlength","97","placeholder","Write a few words about yourself","tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-textarea",0),d.NdJ("ngModelChange",(function(e){return t.value=e})),d._uU(1," Bio "),d._UZ(2,"textarea",1),d.qZA()),2&e&&d.Q6J("ngModel",t.value)},dependencies:[m.FC,x.B,h.M,a.JJ,a.On],encapsulation:2,changeDetection:0}),t})(),Y=(()=>{var e;class t{constructor(){this.value="مونتى پايثون و ساعات معروفين انهم ذى پايثونز كانو مجموعة كوميديا سرياليه من بريطانيا"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-6"]],decls:3,vars:3,consts:[["tuiHintContent","معلومات شخصيه","tuiHintDirection","bottom-right",1,"input",3,"maxLength","tuiTextfieldCleaner","ngModel","ngModelChange"],["tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-textarea",0),d.NdJ("ngModelChange",(function(e){return t.value=e})),d._uU(1," مونتى بايثون "),d._UZ(2,"textarea",1),d.qZA()),2&e&&d.Q6J("maxLength",100)("tuiTextfieldCleaner",!0)("ngModel",t.value)},dependencies:[m.FC,x.B,h.M,a.JJ,a.On,U.b,v.bZ],styles:[".input[_ngcontent-%COMP%]{width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),t})();function z(e,t){if(1&e&&(d.TgZ(0,"p"),d._uU(1,"Textfield for multiline input. It can grow with its content."),d.qZA(),d.TgZ(2,"tui-doc-example",2),d._UZ(3,"tui-textarea-example-1"),d.qZA(),d.TgZ(4,"tui-doc-example",3),d._UZ(5,"tui-textarea-example-2"),d.qZA(),d.TgZ(6,"tui-doc-example",4),d._UZ(7,"tui-textarea-example-3"),d.qZA(),d.TgZ(8,"tui-doc-example",5),d._UZ(9,"tui-textarea-example-4"),d.qZA(),d.TgZ(10,"tui-doc-example",6)(11,"tui-notification",7),d._uU(12," If you need to set some attributes or listen to events on native "),d.TgZ(13,"code"),d._uU(14,"textarea"),d.qZA(),d._uU(15," , you can put it inside with "),d.TgZ(16,"code"),d._uU(17,"Textfield"),d.qZA(),d._uU(18," directive as shown below "),d.qZA(),d._UZ(19,"tui-textarea-example-5"),d.qZA(),d.TgZ(20,"tui-doc-example",8),d._UZ(21,"tui-textarea-example-6"),d.qZA()),2&e){const e=d.oxw();d.xp6(2),d.Q6J("content",e.example1),d.xp6(2),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3),d.xp6(2),d.Q6J("content",e.example4),d.xp6(2),d.Q6J("content",e.example5),d.xp6(10),d.Q6J("content",e.example6)}}function E(e,t){1&e&&d._uU(0," Disabled state (formControl.disable()) ")}function X(e,t){1&e&&d._uU(0," Control height can be expanded to show all content ")}function K(e,t){1&e&&(d._uU(0," Use maxLength for highlighting extra characters. If you want to limit the number of characters, add "),d._UZ(1,"code",19),d._uU(2," with native maxlength attribute. "))}function j(e,t){1&e&&(d._uU(0," A number of visible rows in "),d.TgZ(1,"code"),d._uU(2,"expandable"),d.qZA(),d._uU(3," mode "))}function R(e,t){1&e&&d._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of an icon ")}function W(e,t){1&e&&d._uU(0," Text displayed in a text field when the it has no value ")}function $(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo")(1,"tui-textarea",9),d._uU(2," Textfield for multiline input. It can grow with its content. "),d._UZ(3,"textarea",10),d.qZA()(),d.TgZ(4,"tui-doc-documentation"),d.YNc(5,E,1,0,"ng-template",11),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabled=t)})),d.YNc(6,X,1,0,"ng-template",12),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.expandable=t)})),d.YNc(7,K,3,0,"ng-template",13),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.maxLength=t)})),d.YNc(8,j,4,0,"ng-template",14),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.rows=t)})),d.YNc(9,R,1,0,"ng-template",15),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.icon=t)})),d.qZA(),d._UZ(10,"inherited-documentation"),d.TgZ(11,"tui-doc-documentation",16)(12,"p"),d._uU(13," Learn more how to set some attributes or listen to events on native textarea in this "),d.TgZ(14,"a",17),d._uU(15," example "),d.qZA()(),d.YNc(16,W,1,0,"ng-template",18),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.placeholder=t)})),d.qZA()}if(2&e){const e=d.oxw();d.xp6(1),d.Udp("max-width",20,"rem"),d.Q6J("expandable",e.expandable)("focusable",e.focusable)("formControl",e.control)("maxLength",e.maxLength)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("rows",e.rows)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldIcon",e.icon)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size),d.xp6(2),d.Q6J("placeholder",e.placeholder),d.xp6(2),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(1),d.Q6J("documentationPropertyValue",e.expandable),d.xp6(1),d.Q6J("documentationPropertyValues",e.maxLengthVariants)("documentationPropertyValue",e.maxLength),d.xp6(1),d.Q6J("documentationPropertyValues",e.rowsVariants)("documentationPropertyValue",e.rows),d.xp6(1),d.Q6J("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.icon),d.xp6(7),d.Q6J("documentationPropertyValue",e.placeholder)}}function ee(e,t){if(1&e&&(d.TgZ(0,"ol",20)(1,"li")(2,"p"),d._uU(3," Import "),d.TgZ(4,"code"),d._uU(5,"TuiTextareaModule"),d.qZA(),d._uU(6," into a module where you want to use our component "),d.qZA(),d._UZ(7,"tui-doc-code",21),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",22),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20,"Add to the template:"),d.qZA(),d._UZ(21,"tui-doc-code",23),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(4),d.Q6J("code",e.exampleHtml)}}let te=(()=>{var e;class t extends s.b{constructor(){super(...arguments),this.control=new a.NI(""),this.maxLengthVariants=[50,100,500],this.maxLength=null,this.sizeVariants=["m","l"],this.size=this.sizeVariants[1],this.example1={TypeScript:n.e(96927).then(n.t.bind(n,96927,17)),HTML:n.e(60409).then(n.t.bind(n,60409,17))},this.example2={TypeScript:n.e(85153).then(n.t.bind(n,85153,17)),HTML:n.e(28990).then(n.t.bind(n,4178,17)),LESS:n.e(52410).then(n.t.bind(n,52410,17))},this.example3={TypeScript:n.e(53597).then(n.t.bind(n,53597,17)),HTML:n.e(80162).then(n.t.bind(n,80162,17))},this.example4={TypeScript:n.e(46052).then(n.t.bind(n,46052,17)),HTML:n.e(59819).then(n.t.bind(n,59819,17)),LESS:n.e(60930).then(n.t.bind(n,60930,17))},this.example5={TypeScript:n.e(99438).then(n.t.bind(n,99438,17)),HTML:n.e(83140).then(n.t.bind(n,83140,17))},this.example6={TypeScript:n.e(27887).then(n.t.bind(n,27887,17)),HTML:n.e(79285).then(n.t.bind(n,79285,17)),LESS:n.e(10875).then(n.t.bind(n,10875,17))},this.exampleModule=n.e(57614).then(n.t.bind(n,57614,17)),this.exampleHtml=n.e(65499).then(n.t.bind(n,65499,17)),this.exampleForm=n.e(60330).then(n.t.bind(n,60330,17)),this.iconVariants=["","tuiIconSearchLarge","tuiIconCalendarLarge"],this.icon=this.iconVariants[0],this.rowsVariants=[8,15,30],this.rows=this.rowsVariants[0],this.expandable=!1,this.placeholder="Placeholder"}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=d.n5z(e)))(n||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-textarea"]],features:[d._Bn([{provide:p.x,useExisting:(0,d.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix","tuiTextfieldFiller"])]),d.qOj],decls:4,vars:0,consts:[["header","Textarea","package","KIT","type","components"],["pageTab",""],["id","base","heading","A simple field and expandable",3,"content"],["id","large","heading","Custom size",3,"content"],["id","label-outside","heading","With label outside",3,"content"],["id","extra-chars-highlight","heading","With extra characters highlight",3,"content"],["id","native","heading","Native attributes",3,"content"],[1,"tui-space_bottom-4"],["id","rtl","heading","Direction: RTL",3,"content"],[3,"expandable","focusable","formControl","maxLength","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","rows","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],["tuiTextfield","",3,"placeholder"],["documentationPropertyMode","input","documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","expandable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLength","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rows","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","Native "],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,z,22,6,"ng-template",1),d.YNc(2,$,17,30,"ng-template",1),d.YNc(3,ee,22,3,"ng-template",1),d.qZA())},dependencies:[m.FC,x.B,h.M,g.c,f.F,T.z,y.B,Z.q,b.n,_.f,C.w,a.JJ,a.oH,w.V,U.b,A.B,L.x,P.s,V.A,J.a,v.bZ,M.L,i.rH,q.v,N,I,Q,B,G,Y],encapsulation:2,changeDetection:0}),t})(),ne=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[l.TuiTextareaModule,r.fV,c.f,a.UX,a.u5,u.TuiSvgModule,o.ez,l.TuiRadioListModule,u.TuiButtonModule,u.TuiLinkModule,u.TuiLabelModule,u.TuiTextfieldControllerModule,u.TuiHintModule,u.TuiNotificationModule,u.TuiErrorModule,l.TuiFieldErrorPipeModule,i.Bz.forChild((0,r.Ve)(te)),r.Zp]}),t})()}}]); \ No newline at end of file diff --git a/next/27725.f4b7e401bb4596ce.js b/next/27725.f4b7e401bb4596ce.js deleted file mode 100644 index 67d0ab01bc7f..000000000000 --- a/next/27725.f4b7e401bb4596ce.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27725],{27725:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiTextareaModule:()=>ne});var o=n(88692),a=n(69900),i=n(91795),r=n(64500),u=n(73588),l=n(84479),c=n(75695),d=n(64537),s=n(82880),p=n(98204),m=n(15193),x=n(56735),h=n(91030),g=n(83074),f=n(10977),T=n(62840),y=n(60404),Z=n(43560),b=n(93525),_=n(38868),C=n(54218),w=n(66596),U=n(64374),A=n(6707),L=n(68874),P=n(10200),V=n(88494),J=n(3729),v=n(84848),M=n(79121),q=n(91473);let N=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI("A field",a.kI.required),testValue2:new a.NI("This one can be expanded",a.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-1"]],decls:7,vars:2,consts:[[3,"formGroup"],["formControlName","testValue1"],["formControlName","testValue2",1,"tui-space_top-4",3,"expandable"]],template:function(e,t){1&e&&(d.TgZ(0,"p"),d._uU(1," It has a fixed size and content scroll by default. But there is also an expandable mode with height increase from content inside\n"),d.qZA(),d.TgZ(2,"form",0)(3,"tui-textarea",1),d._uU(4,"Type a text"),d.qZA(),d.TgZ(5,"tui-textarea",2),d._uU(6," Type a text "),d.qZA()()),2&e&&(d.xp6(2),d.Q6J("formGroup",t.testForm),d.xp6(3),d.Q6J("expandable",!0))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI("A field",a.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-2"]],decls:9,vars:4,consts:[[3,"formGroup"],["formControlName","testValue1",1,"tui-space_bottom-4","field-large"],["formControlName","testValue1",1,"tui-space_bottom-4","field-small",3,"expandable"],["formControlName","testValue1",1,"field-medium",3,"expandable","maxLength"]],template:function(e,t){1&e&&(d.TgZ(0,"p"),d._uU(1,"You can set a custom min-height for component"),d.qZA(),d.TgZ(2,"form",0)(3,"tui-textarea",1),d._uU(4," Type a text "),d.qZA(),d.TgZ(5,"tui-textarea",2),d._uU(6," Type a text "),d.qZA(),d.TgZ(7,"tui-textarea",3),d._uU(8," Type a text "),d.qZA()()),2&e&&(d.xp6(2),d.Q6J("formGroup",t.testForm),d.xp6(3),d.Q6J("expandable",!1),d.xp6(2),d.Q6J("expandable",!0)("maxLength",30))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u],styles:[".field-large[_ngcontent-%COMP%]{min-height:9.375rem}.field-small[_ngcontent-%COMP%]{min-height:3.5rem}.field-medium[_ngcontent-%COMP%]{min-height:5rem}"],changeDetection:0}),t})();var H=n(88135);let Q=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI("A field",a.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-3"]],decls:7,vars:2,consts:[[3,"formGroup"],["tuiLabel","Type a text"],["formControlName","testValue1",3,"tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(d.TgZ(0,"p"),d._uU(1," You can use label outside mode with "),d.TgZ(2,"code"),d._uU(3,"tuiLabel"),d.qZA()(),d.TgZ(4,"form",0)(5,"label",1),d._UZ(6,"tui-textarea",2),d.qZA()()),2&e&&(d.xp6(4),d.Q6J("formGroup",t.testForm),d.xp6(2),d.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u,H.A,L.x],encapsulation:2,changeDetection:0}),t})();var F=n(53222),O=n(36951),S=n(7114);const k=function(){return[]};function D(e){return`Maximum length — ${e.requiredLength}`}let B=(()=>{var e;class t{constructor(){this.maxLength=97,this.testForm=new a.cw({testValue1:new a.NI("\nIn Java: everything is an object.\nIn Clojure: everything is a list.\nIn JavaScript: everything is a terrible mistake.\n".trim(),[a.kI.required,a.kI.maxLength(this.maxLength)])})}ngAfterViewInit(){(0,F.tuiMarkControlAsTouchedAndValidate)(this.testForm)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-4"]],features:[d._Bn([{provide:l.TUI_VALIDATION_ERRORS,useValue:{required:"Enter this!",maxlength:D}}])],decls:20,vars:10,consts:[[1,"description"],[1,"steps"],[1,"steps_optional"],[3,"formGroup"],["tuiLabel","Write a wise thought"],["formControlName","testValue1","tuiHintContent","it's just a joke",3,"expandable","maxLength","tuiTextfieldLabelOutside"],["formControlName","testValue1",3,"error"]],template:function(e,t){1&e&&(d.TgZ(0,"div",0),d._uU(1," To highlight extra characters: "),d.TgZ(2,"ul",1)(3,"li"),d._uU(4," use "),d.TgZ(5,"code"),d._uU(6,"maxLength"),d.qZA(),d._uU(7," input "),d.qZA(),d.TgZ(8,"li",2),d._uU(9," (Optional) Don't forget to set form validator (for example, "),d.TgZ(10,"code"),d._uU(11,"Validators.maxLength"),d.qZA(),d._uU(12," ) if you want to make field invalid on exceeding the characters limit "),d.qZA()()(),d.TgZ(13,"form",3)(14,"label",4)(15,"tui-textarea",5),d._uU(16," Type it "),d.qZA(),d._UZ(17,"tui-error",6),d.ALo(18,"async"),d.ALo(19,"tuiFieldError"),d.qZA()()),2&e&&(d.xp6(13),d.Q6J("formGroup",t.testForm),d.xp6(2),d.Q6J("expandable",!0)("maxLength",t.maxLength)("tuiTextfieldLabelOutside",!0),d.xp6(2),d.Q6J("error",d.lcZ(18,5,d.lcZ(19,7,d.DdM(9,k)))))},dependencies:[m.FC,x.B,a._Y,a.JJ,a.JL,a.sg,a.u,H.A,L.x,v.bZ,O.v,o.Ov,S.A],styles:[".description[_ngcontent-%COMP%]{margin-bottom:2rem}.steps[_ngcontent-%COMP%]{list-style-type:disc;padding-left:.9375rem;margin:1rem 0}.steps_optional[_ngcontent-%COMP%]{list-style-type:circle}"],changeDetection:0}),t})(),G=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-5"]],decls:3,vars:1,consts:[[1,"b-form",3,"ngModel","ngModelChange"],["maxlength","97","placeholder","Write a few words about yourself","tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-textarea",0),d.NdJ("ngModelChange",(function(e){return t.value=e})),d._uU(1," Bio "),d._UZ(2,"textarea",1),d.qZA()),2&e&&d.Q6J("ngModel",t.value)},dependencies:[m.FC,x.B,h.M,a.JJ,a.On],encapsulation:2,changeDetection:0}),t})(),Y=(()=>{var e;class t{constructor(){this.value="مونتى پايثون و ساعات معروفين انهم ذى پايثونز كانو مجموعة كوميديا سرياليه من بريطانيا"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-textarea-example-6"]],decls:3,vars:3,consts:[["tuiHintContent","معلومات شخصيه","tuiHintDirection","bottom-right",1,"input",3,"maxLength","tuiTextfieldCleaner","ngModel","ngModelChange"],["tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-textarea",0),d.NdJ("ngModelChange",(function(e){return t.value=e})),d._uU(1," مونتى بايثون "),d._UZ(2,"textarea",1),d.qZA()),2&e&&d.Q6J("maxLength",100)("tuiTextfieldCleaner",!0)("ngModel",t.value)},dependencies:[m.FC,x.B,h.M,a.JJ,a.On,U.b,v.bZ],styles:[".input[_ngcontent-%COMP%]{width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),t})();function z(e,t){if(1&e&&(d.TgZ(0,"p"),d._uU(1,"Textfield for multiline input. It can grow with its content."),d.qZA(),d.TgZ(2,"tui-doc-example",2),d._UZ(3,"tui-textarea-example-1"),d.qZA(),d.TgZ(4,"tui-doc-example",3),d._UZ(5,"tui-textarea-example-2"),d.qZA(),d.TgZ(6,"tui-doc-example",4),d._UZ(7,"tui-textarea-example-3"),d.qZA(),d.TgZ(8,"tui-doc-example",5),d._UZ(9,"tui-textarea-example-4"),d.qZA(),d.TgZ(10,"tui-doc-example",6)(11,"tui-notification",7),d._uU(12," If you need to set some attributes or listen to events on native "),d.TgZ(13,"code"),d._uU(14,"textarea"),d.qZA(),d._uU(15," , you can put it inside with "),d.TgZ(16,"code"),d._uU(17,"Textfield"),d.qZA(),d._uU(18," directive as shown below "),d.qZA(),d._UZ(19,"tui-textarea-example-5"),d.qZA(),d.TgZ(20,"tui-doc-example",8),d._UZ(21,"tui-textarea-example-6"),d.qZA()),2&e){const e=d.oxw();d.xp6(2),d.Q6J("content",e.example1),d.xp6(2),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3),d.xp6(2),d.Q6J("content",e.example4),d.xp6(2),d.Q6J("content",e.example5),d.xp6(10),d.Q6J("content",e.example6)}}function E(e,t){1&e&&d._uU(0," Disabled state (formControl.disable()) ")}function X(e,t){1&e&&d._uU(0," Control height can be expanded to show all content ")}function K(e,t){1&e&&(d._uU(0," Use maxLength for highlighting extra characters. If you want to limit the number of characters, add "),d._UZ(1,"code",19),d._uU(2," with native maxlength attribute. "))}function j(e,t){1&e&&(d._uU(0," A number of visible rows in "),d.TgZ(1,"code"),d._uU(2,"expandable"),d.qZA(),d._uU(3," mode "))}function R(e,t){1&e&&d._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of an icon ")}function W(e,t){1&e&&d._uU(0," Text displayed in a text field when the it has no value ")}function $(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo")(1,"tui-textarea",9),d._uU(2," Textfield for multiline input. It can grow with its content. "),d._UZ(3,"textarea",10),d.qZA()(),d.TgZ(4,"tui-doc-documentation"),d.YNc(5,E,1,0,"ng-template",11),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabled=t)})),d.YNc(6,X,1,0,"ng-template",12),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.expandable=t)})),d.YNc(7,K,3,0,"ng-template",13),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.maxLength=t)})),d.YNc(8,j,4,0,"ng-template",14),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.rows=t)})),d.YNc(9,R,1,0,"ng-template",15),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.icon=t)})),d.qZA(),d._UZ(10,"inherited-documentation"),d.TgZ(11,"tui-doc-documentation",16)(12,"p"),d._uU(13," Learn more how to set some attributes or listen to events on native textarea in this "),d.TgZ(14,"a",17),d._uU(15," example "),d.qZA()(),d.YNc(16,W,1,0,"ng-template",18),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.placeholder=t)})),d.qZA()}if(2&e){const e=d.oxw();d.xp6(1),d.Q6J("expandable",e.expandable)("focusable",e.focusable)("formControl",e.control)("maxLength",e.maxLength)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("rows",e.rows)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldIcon",e.icon)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size),d.xp6(2),d.Q6J("placeholder",e.placeholder),d.xp6(2),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(1),d.Q6J("documentationPropertyValue",e.expandable),d.xp6(1),d.Q6J("documentationPropertyValues",e.maxLengthVariants)("documentationPropertyValue",e.maxLength),d.xp6(1),d.Q6J("documentationPropertyValues",e.rowsVariants)("documentationPropertyValue",e.rows),d.xp6(1),d.Q6J("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.icon),d.xp6(7),d.Q6J("documentationPropertyValue",e.placeholder)}}function ee(e,t){if(1&e&&(d.TgZ(0,"ol",20)(1,"li")(2,"p"),d._uU(3," Import "),d.TgZ(4,"code"),d._uU(5,"TuiTextareaModule"),d.qZA(),d._uU(6," into a module where you want to use our component "),d.qZA(),d._UZ(7,"tui-doc-code",21),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",22),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20,"Add to the template:"),d.qZA(),d._UZ(21,"tui-doc-code",23),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(4),d.Q6J("code",e.exampleHtml)}}let te=(()=>{var e;class t extends s.b{constructor(){super(...arguments),this.control=new a.NI(""),this.maxLengthVariants=[50,100,500],this.maxLength=null,this.sizeVariants=["m","l"],this.size=this.sizeVariants[1],this.example1={TypeScript:n.e(96927).then(n.t.bind(n,96927,17)),HTML:n.e(60409).then(n.t.bind(n,60409,17))},this.example2={TypeScript:n.e(85153).then(n.t.bind(n,85153,17)),HTML:n.e(28990).then(n.t.bind(n,4178,17)),LESS:n.e(52410).then(n.t.bind(n,52410,17))},this.example3={TypeScript:n.e(53597).then(n.t.bind(n,53597,17)),HTML:n.e(80162).then(n.t.bind(n,80162,17))},this.example4={TypeScript:n.e(46052).then(n.t.bind(n,46052,17)),HTML:n.e(59819).then(n.t.bind(n,59819,17)),LESS:n.e(60930).then(n.t.bind(n,60930,17))},this.example5={TypeScript:n.e(99438).then(n.t.bind(n,99438,17)),HTML:n.e(83140).then(n.t.bind(n,83140,17))},this.example6={TypeScript:n.e(27887).then(n.t.bind(n,27887,17)),HTML:n.e(79285).then(n.t.bind(n,79285,17)),LESS:n.e(10875).then(n.t.bind(n,10875,17))},this.exampleModule=n.e(57614).then(n.t.bind(n,57614,17)),this.exampleHtml=n.e(65499).then(n.t.bind(n,65499,17)),this.exampleForm=n.e(60330).then(n.t.bind(n,60330,17)),this.iconVariants=["","tuiIconSearchLarge","tuiIconCalendarLarge"],this.icon=this.iconVariants[0],this.rowsVariants=[8,15,30],this.rows=this.rowsVariants[0],this.expandable=!1,this.placeholder="Placeholder"}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=d.n5z(e)))(n||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-textarea"]],features:[d._Bn([{provide:p.x,useExisting:(0,d.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix","tuiTextfieldFiller"])]),d.qOj],decls:4,vars:0,consts:[["header","Textarea","package","KIT","type","components"],["pageTab",""],["id","base","heading","A simple field and expandable",3,"content"],["id","large","heading","Custom size",3,"content"],["id","label-outside","heading","With label outside",3,"content"],["id","extra-chars-highlight","heading","With extra characters highlight",3,"content"],["id","native","heading","Native attributes",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","rtl","heading","Direction: RTL",3,"content"],[1,"b-form",3,"expandable","focusable","formControl","maxLength","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","rows","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],["tuiTextfield","",3,"placeholder"],["documentationPropertyMode","input","documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","expandable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLength","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rows","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","Native "],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,z,22,6,"ng-template",1),d.YNc(2,$,17,28,"ng-template",1),d.YNc(3,ee,22,3,"ng-template",1),d.qZA())},dependencies:[m.FC,x.B,h.M,g.c,f.F,T.z,y.B,Z.q,b.n,_.f,C.w,a.JJ,a.oH,w.V,U.b,A.B,L.x,P.s,V.A,J.a,v.bZ,M.L,i.rH,q.v,N,I,Q,B,G,Y],encapsulation:2,changeDetection:0}),t})(),ne=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[l.TuiTextareaModule,r.fV,c.f,a.UX,a.u5,u.TuiSvgModule,o.ez,l.TuiRadioListModule,u.TuiButtonModule,u.TuiLinkModule,u.TuiLabelModule,u.TuiTextfieldControllerModule,u.TuiHintModule,u.TuiNotificationModule,u.TuiErrorModule,l.TuiFieldErrorPipeModule,i.Bz.forChild((0,r.Ve)(te)),r.Zp]}),t})()}}]); \ No newline at end of file diff --git a/next/27918.35a387a9375bdfe2.js b/next/27918.35a387a9375bdfe2.js deleted file mode 100644 index f8b0deb4f3f2..000000000000 --- a/next/27918.35a387a9375bdfe2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27918],{27918:n=>{n.exports="@import '@taiga-ui/core/styles/taiga-ui-local';\n\n.color() {\n color: var(--tui-support-01);\n\n &:first-child {\n color: var(--tui-support-08);\n }\n\n &:last-child {\n color: var(--tui-support-12);\n }\n}\n\n.axes {\n height: 12.5rem;\n}\n\n.controls {\n display: flex;\n\n .b-form {\n flex: 1;\n }\n}\n\n.legend {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.item {\n .color();\n display: flex;\n align-items: center;\n margin: 0 0.75rem;\n\n &:before {\n content: '';\n border-bottom: 0.125rem solid;\n width: 1rem;\n margin-right: 0.5rem;\n }\n}\n\n.name {\n color: var(--tui-text-01);\n}\n\n.value {\n color: var(--tui-text-01-night);\n}\n\n.chart {\n .color();\n .fullsize();\n}\n"}}]); \ No newline at end of file diff --git a/next/27918.9ad2c1f673505e2f.js b/next/27918.9ad2c1f673505e2f.js new file mode 100644 index 000000000000..8a09744a6d59 --- /dev/null +++ b/next/27918.9ad2c1f673505e2f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27918],{27918:n=>{n.exports="@import '@taiga-ui/core/styles/taiga-ui-local';\n\n.color() {\n color: var(--tui-support-01);\n\n &:first-child {\n color: var(--tui-support-08);\n }\n\n &:last-child {\n color: var(--tui-support-12);\n }\n}\n\n.axes {\n height: 12.5rem;\n}\n\n.controls {\n display: flex;\n\n tui-input-date-range {\n flex: 1;\n }\n}\n\n.legend {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.item {\n .color();\n display: flex;\n align-items: center;\n margin: 0 0.75rem;\n\n &:before {\n content: '';\n border-bottom: 0.125rem solid;\n width: 1rem;\n margin-right: 0.5rem;\n }\n}\n\n.name {\n color: var(--tui-text-01);\n}\n\n.value {\n color: var(--tui-text-01-night);\n}\n\n.chart {\n .color();\n .fullsize();\n}\n"}}]); \ No newline at end of file diff --git a/next/29129.fa7bf9a4f4edebf9.js b/next/29129.fa7bf9a4f4edebf9.js deleted file mode 100644 index e155330a709f..000000000000 --- a/next/29129.fa7bf9a4f4edebf9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[29129],{29129:(e,t,o)=>{o.r(t),o.d(t,{ExampleInputYearModule:()=>O});var n=o(88692),i=o(69900),a=o(91795),u=o(64500),r=o(73588),l=o(84479),d=o(75695),c=o(64537),s=o(53222),m=o(82880),p=o(98204),f=o(83074),x=o(10977),y=o(62840),g=o(60404),T=o(43560),h=o(93525),Z=o(38868),b=o(54218),P=o(87382),V=o(4526),_=o(64374),A=o(68874),C=o(10200),U=o(3729),q=o(44998),I=o(89437),N=o(87205),J=o(79121),H=o(91030);let w=(()=>{var e;class t{constructor(){this.control=new i.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["input-year-example-1"]],decls:3,vars:2,consts:[[1,"b-form",3,"formControl","tuiTextfieldCleaner"],["placeholder","Not 2022 please","tuiTextfield",""]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-year",0),c._uU(1," Choose a year "),c._UZ(2,"input",1),c.qZA()),2&e&&c.Q6J("formControl",t.control)("tuiTextfieldCleaner",!0)},dependencies:[i.JJ,i.oH,P.g,V.V,H.M,_.b],encapsulation:2,changeDetection:0}),t})(),M=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["input-year-example-2"]],decls:7,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",1,"tui-space_bottom-2"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_bottom-2"],["formControlName","testValue"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"tui-input-year",1),c._uU(2," Choose a year "),c.qZA(),c.TgZ(3,"tui-input-year",2),c._uU(4," Choose a year "),c.qZA(),c.TgZ(5,"tui-input-year",3),c._uU(6,"Choose a year"),c.qZA()()),2&e&&c.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,P.g,V.V,C.s],encapsulation:2,changeDetection:0}),t})();function v(e,t){if(1&e&&(c.TgZ(0,"p"),c._uU(1,"Component to input a single year"),c.qZA(),c.TgZ(2,"tui-doc-example",2)(3,"tui-notification",3),c._uU(4," If you need to set some attributes or listen to events on native "),c.TgZ(5,"code"),c._uU(6,"input"),c.qZA(),c._uU(7," , you can put it inside with "),c.TgZ(8,"code"),c._uU(9,"Textfield"),c.qZA(),c._uU(10," directive as shown below "),c.qZA(),c._UZ(11,"input-year-example-1"),c.qZA(),c.TgZ(12,"tui-doc-example",4),c._UZ(13,"input-year-example-2"),c.qZA()),2&e){const e=c.oxw();c.xp6(2),c.Q6J("content",e.example1),c.xp6(10),c.Q6J("content",e.example2)}}function Y(e,t){if(1&e&&(c.TgZ(0,"tui-input-year",12),c._uU(1," Year "),c.qZA()),2&e){const e=c.oxw(2);c.Udp("text-align",e.textAlign),c.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function F(e,t){1&e&&(c._uU(0," Disabled state (use "),c.TgZ(1,"code"),c._uU(2,"formControl.disable()"),c.qZA(),c._uU(3," ) "))}function Q(e,t){1&e&&(c.TgZ(0,"div"),c._uU(1,"A handler that gets a year and returns true if it is disabled."),c.qZA(),c.TgZ(2,"strong"),c._uU(3,"Must be a pure function"),c.qZA())}function L(e,t){1&e&&c._uU(0," Minimum year ")}function S(e,t){1&e&&c._uU(0," Maximum year ")}function z(e,t){1&e&&c._uU(0," Custom align content by text-align ")}function G(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-doc-demo",5),c.YNc(1,Y,2,19,"ng-template"),c.qZA(),c.TgZ(2,"tui-doc-documentation"),c.YNc(3,F,4,0,"ng-template",6),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.disabled=t)})),c.YNc(4,Q,4,0,"ng-template",7),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.disabledItemHandler=t)})),c.YNc(5,L,1,0,"ng-template",8),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.min=t)})),c.YNc(6,S,1,0,"ng-template",9),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.max=t)})),c.qZA(),c._UZ(7,"inherited-documentation"),c.TgZ(8,"tui-doc-documentation",10),c.YNc(9,z,1,0,"ng-template",11),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.textAlign=t)})),c.qZA()}if(2&e){const e=c.oxw();c.Q6J("control",e.control),c.xp6(3),c.Q6J("documentationPropertyValue",e.disabled),c.xp6(1),c.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),c.xp6(1),c.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),c.xp6(1),c.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),c.xp6(3),c.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function D(e,t){if(1&e&&(c.TgZ(0,"ol",13)(1,"li")(2,"p"),c._uU(3," Import "),c.TgZ(4,"code"),c._uU(5,"TuiInputYearModule"),c.qZA(),c._uU(6," into a module where you want to use our component "),c.qZA(),c._UZ(7,"tui-doc-code",14),c.qZA(),c.TgZ(8,"li")(9,"p"),c._uU(10," Declare a form ( "),c.TgZ(11,"code"),c._uU(12,"FormGroup"),c.qZA(),c._uU(13," ) or a control ( "),c.TgZ(14,"code"),c._uU(15,"FormControl"),c.qZA(),c._uU(16," ) in your component: "),c.qZA(),c._UZ(17,"tui-doc-code",15),c.qZA(),c.TgZ(18,"li")(19,"p"),c._uU(20,"Add to the template:"),c.qZA(),c._UZ(21,"tui-doc-code",16),c.qZA()()),2&e){const e=c.oxw();c.xp6(7),c.Q6J("code",e.exampleModule),c.xp6(10),c.Q6J("code",e.exampleForm),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let k=(()=>{var e;class t extends m.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI(null,i.kI.required),this.example1={TypeScript:o.e(75800).then(o.t.bind(o,75800,17)),HTML:o.e(63321).then(o.t.bind(o,63321,17))},this.example2={TypeScript:o.e(38079).then(o.t.bind(o,38079,17)),HTML:o.e(2216).then(o.t.bind(o,2216,17))},this.exampleModule=o.e(63653).then(o.t.bind(o,63653,17)),this.exampleHtml=o.e(36624).then(o.t.bind(o,36624,17)),this.exampleForm=o.e(6599).then(o.t.bind(o,6599,17)),this.minVariants=[s.TUI_FIRST_DAY.year,2019,2007],this.maxVariants=[s.TUI_LAST_DAY.year,2020,2023],this.min=this.minVariants[0],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[s.ALWAYS_FALSE_HANDLER,e=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=c.n5z(e)))(o||e)}}(),e.ɵcmp=c.Xpm({type:e,selectors:[["example-input-year"]],features:[c._Bn([{provide:p.x,useExisting:(0,c.Gpc)((()=>e))}]),c.qOj],decls:4,vars:0,consts:[["header","InputYear","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","sizes","heading","sizes",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","max","min","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiTextfieldCleaner","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,v,14,2,"ng-template",1),c.YNc(2,G,10,10,"ng-template",1),c.YNc(3,D,22,3,"ng-template",1),c.qZA())},dependencies:[i.JJ,i.oH,f.c,x.F,y.z,g.B,T.q,h.n,Z.f,b.w,P.g,V.V,_.b,A.x,C.s,U.a,q.A,I.T,N.k,J.L,w,M],encapsulation:2,changeDetection:0}),t})(),O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[n.ez,i.UX,u.fV,d.f,a.Bz.forChild((0,u.Ve)(k)),l.TuiInputYearModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule]}),t})()}}]); \ No newline at end of file diff --git a/next/29129.fd06d3982a02d78a.js b/next/29129.fd06d3982a02d78a.js new file mode 100644 index 000000000000..81f57655dc28 --- /dev/null +++ b/next/29129.fd06d3982a02d78a.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[29129],{29129:(e,t,o)=>{o.r(t),o.d(t,{ExampleInputYearModule:()=>O});var n=o(88692),i=o(69900),a=o(91795),u=o(64500),r=o(73588),l=o(84479),d=o(75695),c=o(64537),s=o(53222),p=o(82880),m=o(98204),f=o(83074),x=o(10977),y=o(62840),g=o(60404),T=o(43560),h=o(93525),Z=o(38868),b=o(54218),P=o(87382),V=o(4526),_=o(64374),A=o(68874),C=o(10200),U=o(3729),q=o(44998),I=o(89437),N=o(87205),J=o(79121),H=o(91030);let w=(()=>{var e;class t{constructor(){this.control=new i.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["input-year-example-1"]],decls:3,vars:2,consts:[[3,"formControl","tuiTextfieldCleaner"],["placeholder","Not 2022 please","tuiTextfield",""]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-year",0),c._uU(1," Choose a year "),c._UZ(2,"input",1),c.qZA()),2&e&&c.Q6J("formControl",t.control)("tuiTextfieldCleaner",!0)},dependencies:[i.JJ,i.oH,P.g,V.V,H.M,_.b],encapsulation:2,changeDetection:0}),t})(),M=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["input-year-example-2"]],decls:7,vars:1,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",1,"tui-space_bottom-2"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_bottom-2"],["formControlName","testValue"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"tui-input-year",1),c._uU(2," Choose a year "),c.qZA(),c.TgZ(3,"tui-input-year",2),c._uU(4," Choose a year "),c.qZA(),c.TgZ(5,"tui-input-year",3),c._uU(6,"Choose a year"),c.qZA()()),2&e&&c.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,P.g,V.V,C.s],encapsulation:2,changeDetection:0}),t})();function v(e,t){if(1&e&&(c.TgZ(0,"p"),c._uU(1,"Component to input a single year"),c.qZA(),c.TgZ(2,"tui-doc-example",2)(3,"tui-notification",3),c._uU(4," If you need to set some attributes or listen to events on native "),c.TgZ(5,"code"),c._uU(6,"input"),c.qZA(),c._uU(7," , you can put it inside with "),c.TgZ(8,"code"),c._uU(9,"Textfield"),c.qZA(),c._uU(10," directive as shown below "),c.qZA(),c._UZ(11,"input-year-example-1"),c.qZA(),c.TgZ(12,"tui-doc-example",4),c._UZ(13,"input-year-example-2"),c.qZA()),2&e){const e=c.oxw();c.xp6(2),c.Q6J("content",e.example1),c.xp6(10),c.Q6J("content",e.example2)}}function Y(e,t){if(1&e&&(c.TgZ(0,"tui-input-year",12),c._uU(1," Year "),c.qZA()),2&e){const e=c.oxw(2);c.Udp("text-align",e.textAlign),c.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function F(e,t){1&e&&(c._uU(0," Disabled state (use "),c.TgZ(1,"code"),c._uU(2,"formControl.disable()"),c.qZA(),c._uU(3," ) "))}function Q(e,t){1&e&&(c.TgZ(0,"div"),c._uU(1,"A handler that gets a year and returns true if it is disabled."),c.qZA(),c.TgZ(2,"strong"),c._uU(3,"Must be a pure function"),c.qZA())}function L(e,t){1&e&&c._uU(0," Minimum year ")}function S(e,t){1&e&&c._uU(0," Maximum year ")}function z(e,t){1&e&&c._uU(0," Custom align content by text-align ")}function G(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-doc-demo",5),c.YNc(1,Y,2,19,"ng-template"),c.qZA(),c.TgZ(2,"tui-doc-documentation"),c.YNc(3,F,4,0,"ng-template",6),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.disabled=t)})),c.YNc(4,Q,4,0,"ng-template",7),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.disabledItemHandler=t)})),c.YNc(5,L,1,0,"ng-template",8),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.min=t)})),c.YNc(6,S,1,0,"ng-template",9),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.max=t)})),c.qZA(),c._UZ(7,"inherited-documentation"),c.TgZ(8,"tui-doc-documentation",10),c.YNc(9,z,1,0,"ng-template",11),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const o=c.oxw();return c.KtG(o.textAlign=t)})),c.qZA()}if(2&e){const e=c.oxw();c.Q6J("control",e.control),c.xp6(3),c.Q6J("documentationPropertyValue",e.disabled),c.xp6(1),c.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),c.xp6(1),c.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),c.xp6(1),c.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),c.xp6(3),c.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function D(e,t){if(1&e&&(c.TgZ(0,"ol",13)(1,"li")(2,"p"),c._uU(3," Import "),c.TgZ(4,"code"),c._uU(5,"TuiInputYearModule"),c.qZA(),c._uU(6," into a module where you want to use our component "),c.qZA(),c._UZ(7,"tui-doc-code",14),c.qZA(),c.TgZ(8,"li")(9,"p"),c._uU(10," Declare a form ( "),c.TgZ(11,"code"),c._uU(12,"FormGroup"),c.qZA(),c._uU(13," ) or a control ( "),c.TgZ(14,"code"),c._uU(15,"FormControl"),c.qZA(),c._uU(16," ) in your component: "),c.qZA(),c._UZ(17,"tui-doc-code",15),c.qZA(),c.TgZ(18,"li")(19,"p"),c._uU(20,"Add to the template:"),c.qZA(),c._UZ(21,"tui-doc-code",16),c.qZA()()),2&e){const e=c.oxw();c.xp6(7),c.Q6J("code",e.exampleModule),c.xp6(10),c.Q6J("code",e.exampleForm),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let k=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI(null,i.kI.required),this.example1={TypeScript:o.e(75800).then(o.t.bind(o,75800,17)),HTML:o.e(63321).then(o.t.bind(o,63321,17))},this.example2={TypeScript:o.e(38079).then(o.t.bind(o,38079,17)),HTML:o.e(2216).then(o.t.bind(o,2216,17))},this.exampleModule=o.e(63653).then(o.t.bind(o,63653,17)),this.exampleHtml=o.e(36624).then(o.t.bind(o,36624,17)),this.exampleForm=o.e(6599).then(o.t.bind(o,6599,17)),this.minVariants=[s.TUI_FIRST_DAY.year,2019,2007],this.maxVariants=[s.TUI_LAST_DAY.year,2020,2023],this.min=this.minVariants[0],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[s.ALWAYS_FALSE_HANDLER,e=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=c.n5z(e)))(o||e)}}(),e.ɵcmp=c.Xpm({type:e,selectors:[["example-input-year"]],features:[c._Bn([{provide:m.x,useExisting:(0,c.Gpc)((()=>e))}]),c.qOj],decls:4,vars:0,consts:[["header","InputYear","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","sizes","heading","sizes",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","max","min","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiTextfieldCleaner","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,v,14,2,"ng-template",1),c.YNc(2,G,10,10,"ng-template",1),c.YNc(3,D,22,3,"ng-template",1),c.qZA())},dependencies:[i.JJ,i.oH,f.c,x.F,y.z,g.B,T.q,h.n,Z.f,b.w,P.g,V.V,_.b,A.x,C.s,U.a,q.A,I.T,N.k,J.L,w,M],encapsulation:2,changeDetection:0}),t})(),O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[n.ez,i.UX,u.fV,d.f,a.Bz.forChild((0,u.Ve)(k)),l.TuiInputYearModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule]}),t})()}}]); \ No newline at end of file diff --git a/next/29304.b407b381f60aee65.js b/next/29304.b407b381f60aee65.js deleted file mode 100644 index 5605ecdb9ca8..000000000000 --- a/next/29304.b407b381f60aee65.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[29304],{29304:t=>{t.exports='
\n \n Employees\n \n \n \n Employees\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/29304.fa7231e72dcd15e6.js b/next/29304.fa7231e72dcd15e6.js new file mode 100644 index 000000000000..b57868c6d6aa --- /dev/null +++ b/next/29304.fa7231e72dcd15e6.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[29304],{29304:t=>{t.exports='
\n \n Employees\n \n \n \n Employees\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/30508.8e6c9502e33cde2e.js b/next/30508.8e6c9502e33cde2e.js deleted file mode 100644 index a7a37ff37255..000000000000 --- a/next/30508.8e6c9502e33cde2e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[30508],{30508:n=>{n.exports='\n \n Type a phone number\n \n \n 
Form value: {{ testForm.value | json }}
\n\n\n Set +79926775676\n\n'}}]); \ No newline at end of file diff --git a/next/30508.fd1b2c9bda5b11cd.js b/next/30508.fd1b2c9bda5b11cd.js new file mode 100644 index 000000000000..7c537c5a12c0 --- /dev/null +++ b/next/30508.fd1b2c9bda5b11cd.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[30508],{30508:n=>{n.exports='
\n \n Type a phone number\n \n \n 
Form value: {{ testForm.value | json }}
\n
\n\n Set +79926775676\n\n'}}]); \ No newline at end of file diff --git a/next/30855.61261d4e10f40cc1.js b/next/30855.61261d4e10f40cc1.js new file mode 100644 index 000000000000..f0db20b68fdf --- /dev/null +++ b/next/30855.61261d4e10f40cc1.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[30855],{30855:e=>{e.exports='Choose date and time\n\n

Stringified control value:

\n

\n {{ control.value }}\n

\n'}}]); \ No newline at end of file diff --git a/next/30855.62c162104b1190a4.js b/next/30855.62c162104b1190a4.js deleted file mode 100644 index de94a5485b28..000000000000 --- a/next/30855.62c162104b1190a4.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[30855],{30855:n=>{n.exports='\n Choose date and time\n\n\n

Stringified control value:

\n

\n {{ control.value }}\n

\n'}}]); \ No newline at end of file diff --git a/next/31241.149ff25f339762cc.js b/next/31241.149ff25f339762cc.js new file mode 100644 index 000000000000..ae57be060c08 --- /dev/null +++ b/next/31241.149ff25f339762cc.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[31241],{31241:t=>{t.exports='\n Country\n \n \n \n \n {{ item }}\n \n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/31241.e395a307a7d2dd1e.js b/next/31241.e395a307a7d2dd1e.js deleted file mode 100644 index 9e783e8fc802..000000000000 --- a/next/31241.e395a307a7d2dd1e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[31241],{31241:t=>{t.exports='\n Country\n \n \n \n \n {{ item }}\n \n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/32119.29f2abc8a662f49b.js b/next/32119.29f2abc8a662f49b.js deleted file mode 100644 index dc82c10a7ecf..000000000000 --- a/next/32119.29f2abc8a662f49b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32119],{32119:e=>{e.exports='\n I\'m a\n placeholder\n\n'}}]); \ No newline at end of file diff --git a/next/32119.6e6111214ac749fc.js b/next/32119.6e6111214ac749fc.js new file mode 100644 index 000000000000..0946751c7edf --- /dev/null +++ b/next/32119.6e6111214ac749fc.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32119],{32119:e=>{e.exports='\n I\'m a\n placeholder\n\n'}}]); \ No newline at end of file diff --git a/next/32353.094f2b416264c684.js b/next/32353.094f2b416264c684.js new file mode 100644 index 000000000000..a10e8b5f7570 --- /dev/null +++ b/next/32353.094f2b416264c684.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32353],{32353:e=>{e.exports='
\n \n Choose date and time\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/32353.6044ea1942ba288f.js b/next/32353.6044ea1942ba288f.js deleted file mode 100644 index 2ef1489226b9..000000000000 --- a/next/32353.6044ea1942ba288f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32353],{32353:e=>{e.exports='\n \n Choose date and time\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/32569.4cbfed823815a447.js b/next/32569.4cbfed823815a447.js new file mode 100644 index 000000000000..98856a093150 --- /dev/null +++ b/next/32569.4cbfed823815a447.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32569],{32569:t=>{t.exports='\n Find the best employees\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/32569.d2bc1ba7a2e3ad3c.js b/next/32569.d2bc1ba7a2e3ad3c.js deleted file mode 100644 index cabce0df7349..000000000000 --- a/next/32569.d2bc1ba7a2e3ad3c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[32569],{32569:t=>{t.exports='\n Find the best employees\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/33214.272246caf3eeb41a.js b/next/33214.272246caf3eeb41a.js deleted file mode 100644 index f7eca02562e8..000000000000 --- a/next/33214.272246caf3eeb41a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[33214],{33214:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiBreadcrumbsModule:()=>j});var i=n(88692),o=n(69900),u=n(91795),c=n(64500),a=n(53222),r=n(73588),s=n(84479),p=n(64537),m=n(98389),l=n(82707),d=n(66596),g=n(83074),f=n(10977),h=n(62840),x=n(60404),b=n(43560),T=n(93525),Z=n(38868);function k(t,e){if(1&t&&(p.TgZ(0,"a",3),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit;p.Q6J("routerLink",t.routerLink),p.xp6(1),p.hij(" ",t.caption," ")}}function L(t,e){1&t&&(p.ynx(0),p.YNc(1,k,2,2,"a",2),p.BQk())}function A(t,e){if(1&t&&(p.TgZ(0,"a",3),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit;p.Q6J("routerLink",t.routerLink),p.xp6(1),p.hij(" ",t.caption," ")}}function w(t,e){1&t&&(p.ynx(0),p.YNc(1,A,2,2,"a",2),p.BQk())}let y=(()=>{var t;class e{constructor(){this.items=[{caption:"Selects",routerLink:"/components/select"},{caption:"Multi",routerLink:"/components/multi-select"},{caption:"With tags",routerLink:"/components/multi-select"},{caption:"Current",routerLink:"/navigation/breadcrumbs",routerLinkActiveOptions:{exact:!0}}]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.Xpm({type:t,selectors:[["tui-breadcrumbs-example-1"]],decls:4,vars:2,consts:[[4,"ngFor","ngForOf"],["size","l",1,"tui-space_top-2"],["tuiLink","",3,"routerLink",4,"tuiItem"],["tuiLink","",3,"routerLink"]],template:function(t,e){1&t&&(p.TgZ(0,"tui-breadcrumbs"),p.YNc(1,L,2,0,"ng-container",0),p.qZA(),p.TgZ(2,"tui-breadcrumbs",1),p.YNc(3,w,2,0,"ng-container",0),p.qZA()),2&t&&(p.xp6(1),p.Q6J("ngForOf",e.items),p.xp6(2),p.Q6J("ngForOf",e.items))},dependencies:[i.sg,m.l,l.w,d.V,u.rH],encapsulation:2,changeDetection:0}),e})();var M=n(62939),q=n(76189),J=n(20933),Q=n(35065),N=n(16753),z=n(13735),U=n(36097);function _(t,e){if(1&t&&(p.TgZ(0,"a",7),p._uU(1),p.qZA()),2&t){const t=e.$implicit,n=p.oxw(3);p.Q6J("href",n.items[t].link,p.LSH),p.xp6(1),p.hij(" ",n.items[t].caption," ")}}function v(t,e){if(1&t&&(p.TgZ(0,"tui-data-list"),p.YNc(1,_,2,2,"a",6),p.qZA()),2&t){const t=p.oxw(2);p.xp6(1),p.Q6J("tuiRepeatTimesOf",t.items.length-t.max)}}function B(t,e){if(1&t&&(p.TgZ(0,"tui-hosted-dropdown",3),p._UZ(1,"button",4),p.YNc(2,v,2,1,"ng-template",null,5,p.W1O),p.qZA()),2&t){const t=p.MAs(3);p.Q6J("content",t)}}function O(t,e){if(1&t&&(p.TgZ(0,"a",9),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit,e=p.oxw();p.Q6J("href",e.items[t+e.items.length-e.max].link,p.LSH),p.xp6(1),p.hij(" ",e.items[t+e.items.length-e.max].caption," ")}}function V(t,e){1&t&&(p.ynx(0),p.YNc(1,O,2,2,"a",8),p.BQk())}let Y=(()=>{var t;class e{constructor(){this.items=[{caption:"Open Source",link:"https://github.com"},{caption:"Angular",link:"https://github.com/topics/angular"},{caption:"Tinkoff",link:"https://github.com/tinkoff"},{caption:"Taiga UI",link:"https://github.com/taiga-family/taiga-ui"},{caption:"Components",link:"https://taiga-ui.dev"},{caption:"Breadcrumbs",link:"https://taiga-ui.dev/navigation/breadcrumbs"}],this.max=4}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.Xpm({type:t,selectors:[["tui-breadcrumbs-example-2"]],features:[p._Bn([(0,s.tuiBreadcrumbsOptionsProvider)({icon:"tuiIconArrowRight",mode:null,size:"l"})])],decls:6,vars:7,consts:[[3,"content",4,"tuiItem"],[4,"tuiRepeatTimes","tuiRepeatTimesOf"],[1,"b-form",3,"max","min","step","ngModel","ngModelChange"],[3,"content"],["appearance","secondary","icon","tuiIconMoreHorizontal","size","xs","title","More","tuiIconButton",""],["content",""],["tuiOption","",3,"href",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiOption","",3,"href"],["tuiLink","",3,"href",4,"tuiItem"],["tuiLink","",3,"href"]],template:function(t,e){1&t&&(p.TgZ(0,"tui-breadcrumbs"),p.YNc(1,B,4,1,"tui-hosted-dropdown",0),p.YNc(2,V,2,0,"ng-container",1),p.qZA(),p.TgZ(3,"p")(4,"tui-input-number",2),p.NdJ("ngModelChange",(function(t){return e.max=t})),p._uU(5," Max tabs "),p.qZA()()),2&t&&(p.Udp("color","red"),p.xp6(2),p.Q6J("tuiRepeatTimesOf",e.max),p.xp6(2),p.Q6J("max",4)("min",2)("step",1)("ngModel",e.max))},dependencies:[o.JJ,o.On,m.l,l.w,d.V,M.o,q.v,J.q,Q.v,N.q,z.g,U.X],encapsulation:2,changeDetection:0}),e})();function I(t,e){if(1&t&&(p.TgZ(0,"p"),p._uU(1,"Navigation element that shows a path from root page to the current"),p.qZA(),p.TgZ(2,"tui-doc-example",2),p._UZ(3,"tui-breadcrumbs-example-1"),p.qZA(),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-breadcrumbs-example-2"),p.qZA()),2&t){const t=p.oxw();p.xp6(2),p.Q6J("content",t.example1),p.xp6(2),p.Q6J("content",t.example2)}}function C(t,e){if(1&t&&(p.TgZ(0,"a",8),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit;p.Q6J("routerLink",t.routerLink),p.xp6(1),p.hij(" ",t.caption," ")}}function H(t,e){1&t&&(p.ynx(0),p.YNc(1,C,2,2,"a",7),p.BQk())}function P(t,e){1&t&&p._uU(0," Text size ")}function S(t,e){if(1&t){const t=p.EpF();p.TgZ(0,"tui-doc-demo")(1,"tui-breadcrumbs",4),p.YNc(2,H,2,0,"ng-container",5),p.qZA()(),p.TgZ(3,"tui-doc-documentation"),p.YNc(4,P,1,0,"ng-template",6),p.NdJ("documentationPropertyValueChange",(function(e){p.CHM(t);const n=p.oxw();return p.KtG(n.size=e)})),p.qZA()}if(2&t){const t=p.oxw();p.xp6(1),p.Q6J("size",t.size),p.xp6(1),p.Q6J("ngForOf",t.items),p.xp6(2),p.Q6J("documentationPropertyValues",t.sizeVariants)("documentationPropertyValue",t.size)}}function F(t,e){if(1&t&&(p.TgZ(0,"ol",9)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiBreadcrumbsModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",10),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10,"Add to the template:"),p.qZA(),p._UZ(11,"tui-doc-code",11),p.qZA()()),2&t){const t=p.oxw();p.xp6(7),p.Q6J("code",t.exampleModule),p.xp6(4),p.Q6J("code",t.exampleHtml)}}let R=(()=>{var t;class e{constructor(){this.exampleModule=n.e(66534).then(n.t.bind(n,66534,17)),this.exampleHtml=n.e(30419).then(n.t.bind(n,30419,17)),this.example1={TypeScript:n.e(30917).then(n.t.bind(n,30917,17)),HTML:n.e(83713).then(n.t.bind(n,83713,17))},this.example2={TypeScript:n.e(72012).then(n.t.bind(n,72012,17)),HTML:n.e(97671).then(n.t.bind(n,97671,17))},this.itemsVariants=[[{caption:"Select",routerLink:"/tui-select"},{caption:"MultiSelect",routerLink:"/tui-multi-select"},{caption:"InputTag",routerLink:"/tui-input-tag"},{caption:"Current",routerLink:"/tui-breadcrumbs"}]],this.items=this.itemsVariants[0],this.sizeVariants=["m","l"],this.size=this.sizeVariants[0]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.Xpm({type:t,selectors:[["example-breadcrumbs"]],decls:4,vars:0,consts:[["header","Breadcrumbs","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","more","description","Plus using DI options","heading","More button",3,"content"],[3,"size"],[4,"ngFor","ngForOf"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["tuiLink","",3,"routerLink",4,"tuiItem"],["tuiLink","",3,"routerLink"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,I,6,2,"ng-template",1),p.YNc(2,S,5,4,"ng-template",1),p.YNc(3,F,12,2,"ng-template",1),p.qZA())},dependencies:[i.sg,m.l,l.w,d.V,g.c,f.F,h.z,x.B,b.q,T.n,Z.f,u.rH,y,Y],encapsulation:2,changeDetection:0}),e})(),j=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=p.oAB({type:t}),t.ɵinj=p.cJS({imports:[i.ez,o.u5,s.TuiBreadcrumbsModule,r.TuiLinkModule,c.fV,r.TuiHostedDropdownModule,r.TuiButtonModule,r.TuiDataListModule,s.TuiInputNumberModule,a.TuiRepeatTimesModule,u.Bz.forChild((0,c.Ve)(R))]}),e})()}}]); \ No newline at end of file diff --git a/next/33214.820ded882dc50ab8.js b/next/33214.820ded882dc50ab8.js new file mode 100644 index 000000000000..9c269e20f35c --- /dev/null +++ b/next/33214.820ded882dc50ab8.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[33214],{33214:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiBreadcrumbsModule:()=>j});var i=n(88692),o=n(69900),u=n(91795),c=n(64500),a=n(53222),r=n(73588),s=n(84479),p=n(64537),m=n(98389),l=n(82707),d=n(66596),g=n(83074),f=n(10977),h=n(62840),x=n(60404),b=n(43560),T=n(93525),Z=n(38868);function k(t,e){if(1&t&&(p.TgZ(0,"a",3),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit;p.Q6J("routerLink",t.routerLink),p.xp6(1),p.hij(" ",t.caption," ")}}function L(t,e){1&t&&(p.ynx(0),p.YNc(1,k,2,2,"a",2),p.BQk())}function A(t,e){if(1&t&&(p.TgZ(0,"a",3),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit;p.Q6J("routerLink",t.routerLink),p.xp6(1),p.hij(" ",t.caption," ")}}function w(t,e){1&t&&(p.ynx(0),p.YNc(1,A,2,2,"a",2),p.BQk())}let y=(()=>{var t;class e{constructor(){this.items=[{caption:"Selects",routerLink:"/components/select"},{caption:"Multi",routerLink:"/components/multi-select"},{caption:"With tags",routerLink:"/components/multi-select"},{caption:"Current",routerLink:"/navigation/breadcrumbs",routerLinkActiveOptions:{exact:!0}}]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.Xpm({type:t,selectors:[["tui-breadcrumbs-example-1"]],decls:4,vars:2,consts:[[4,"ngFor","ngForOf"],["size","l",1,"tui-space_top-2"],["tuiLink","",3,"routerLink",4,"tuiItem"],["tuiLink","",3,"routerLink"]],template:function(t,e){1&t&&(p.TgZ(0,"tui-breadcrumbs"),p.YNc(1,L,2,0,"ng-container",0),p.qZA(),p.TgZ(2,"tui-breadcrumbs",1),p.YNc(3,w,2,0,"ng-container",0),p.qZA()),2&t&&(p.xp6(1),p.Q6J("ngForOf",e.items),p.xp6(2),p.Q6J("ngForOf",e.items))},dependencies:[i.sg,m.l,l.w,d.V,u.rH],encapsulation:2,changeDetection:0}),e})();var M=n(62939),q=n(76189),J=n(20933),Q=n(35065),N=n(16753),z=n(13735),U=n(36097);function _(t,e){if(1&t&&(p.TgZ(0,"a",7),p._uU(1),p.qZA()),2&t){const t=e.$implicit,n=p.oxw(3);p.Q6J("href",n.items[t].link,p.LSH),p.xp6(1),p.hij(" ",n.items[t].caption," ")}}function v(t,e){if(1&t&&(p.TgZ(0,"tui-data-list"),p.YNc(1,_,2,2,"a",6),p.qZA()),2&t){const t=p.oxw(2);p.xp6(1),p.Q6J("tuiRepeatTimesOf",t.items.length-t.max)}}function B(t,e){if(1&t&&(p.TgZ(0,"tui-hosted-dropdown",3),p._UZ(1,"button",4),p.YNc(2,v,2,1,"ng-template",null,5,p.W1O),p.qZA()),2&t){const t=p.MAs(3);p.Q6J("content",t)}}function O(t,e){if(1&t&&(p.TgZ(0,"a",9),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit,e=p.oxw();p.Q6J("href",e.items[t+e.items.length-e.max].link,p.LSH),p.xp6(1),p.hij(" ",e.items[t+e.items.length-e.max].caption," ")}}function V(t,e){1&t&&(p.ynx(0),p.YNc(1,O,2,2,"a",8),p.BQk())}let Y=(()=>{var t;class e{constructor(){this.items=[{caption:"Open Source",link:"https://github.com"},{caption:"Angular",link:"https://github.com/topics/angular"},{caption:"Tinkoff",link:"https://github.com/tinkoff"},{caption:"Taiga UI",link:"https://github.com/taiga-family/taiga-ui"},{caption:"Components",link:"https://taiga-ui.dev"},{caption:"Breadcrumbs",link:"https://taiga-ui.dev/navigation/breadcrumbs"}],this.max=4}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.Xpm({type:t,selectors:[["tui-breadcrumbs-example-2"]],features:[p._Bn([(0,s.tuiBreadcrumbsOptionsProvider)({icon:"tuiIconArrowRight",mode:null,size:"l"})])],decls:6,vars:7,consts:[[3,"content",4,"tuiItem"],[4,"tuiRepeatTimes","tuiRepeatTimesOf"],[3,"max","min","step","ngModel","ngModelChange"],[3,"content"],["appearance","secondary","icon","tuiIconMoreHorizontal","size","xs","title","More","tuiIconButton",""],["content",""],["tuiOption","",3,"href",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiOption","",3,"href"],["tuiLink","",3,"href",4,"tuiItem"],["tuiLink","",3,"href"]],template:function(t,e){1&t&&(p.TgZ(0,"tui-breadcrumbs"),p.YNc(1,B,4,1,"tui-hosted-dropdown",0),p.YNc(2,V,2,0,"ng-container",1),p.qZA(),p.TgZ(3,"p")(4,"tui-input-number",2),p.NdJ("ngModelChange",(function(t){return e.max=t})),p._uU(5," Max tabs "),p.qZA()()),2&t&&(p.Udp("color","red"),p.xp6(2),p.Q6J("tuiRepeatTimesOf",e.max),p.xp6(2),p.Q6J("max",4)("min",2)("step",1)("ngModel",e.max))},dependencies:[o.JJ,o.On,m.l,l.w,d.V,M.o,q.v,J.q,Q.v,N.q,z.g,U.X],encapsulation:2,changeDetection:0}),e})();function I(t,e){if(1&t&&(p.TgZ(0,"p"),p._uU(1,"Navigation element that shows a path from root page to the current"),p.qZA(),p.TgZ(2,"tui-doc-example",2),p._UZ(3,"tui-breadcrumbs-example-1"),p.qZA(),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-breadcrumbs-example-2"),p.qZA()),2&t){const t=p.oxw();p.xp6(2),p.Q6J("content",t.example1),p.xp6(2),p.Q6J("content",t.example2)}}function C(t,e){if(1&t&&(p.TgZ(0,"a",8),p._uU(1),p.qZA()),2&t){const t=p.oxw().$implicit;p.Q6J("routerLink",t.routerLink),p.xp6(1),p.hij(" ",t.caption," ")}}function H(t,e){1&t&&(p.ynx(0),p.YNc(1,C,2,2,"a",7),p.BQk())}function P(t,e){1&t&&p._uU(0," Text size ")}function S(t,e){if(1&t){const t=p.EpF();p.TgZ(0,"tui-doc-demo")(1,"tui-breadcrumbs",4),p.YNc(2,H,2,0,"ng-container",5),p.qZA()(),p.TgZ(3,"tui-doc-documentation"),p.YNc(4,P,1,0,"ng-template",6),p.NdJ("documentationPropertyValueChange",(function(e){p.CHM(t);const n=p.oxw();return p.KtG(n.size=e)})),p.qZA()}if(2&t){const t=p.oxw();p.xp6(1),p.Q6J("size",t.size),p.xp6(1),p.Q6J("ngForOf",t.items),p.xp6(2),p.Q6J("documentationPropertyValues",t.sizeVariants)("documentationPropertyValue",t.size)}}function F(t,e){if(1&t&&(p.TgZ(0,"ol",9)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiBreadcrumbsModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",10),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10,"Add to the template:"),p.qZA(),p._UZ(11,"tui-doc-code",11),p.qZA()()),2&t){const t=p.oxw();p.xp6(7),p.Q6J("code",t.exampleModule),p.xp6(4),p.Q6J("code",t.exampleHtml)}}let R=(()=>{var t;class e{constructor(){this.exampleModule=n.e(66534).then(n.t.bind(n,66534,17)),this.exampleHtml=n.e(30419).then(n.t.bind(n,30419,17)),this.example1={TypeScript:n.e(30917).then(n.t.bind(n,30917,17)),HTML:n.e(83713).then(n.t.bind(n,83713,17))},this.example2={TypeScript:n.e(72012).then(n.t.bind(n,72012,17)),HTML:n.e(97671).then(n.t.bind(n,97671,17))},this.itemsVariants=[[{caption:"Select",routerLink:"/tui-select"},{caption:"MultiSelect",routerLink:"/tui-multi-select"},{caption:"InputTag",routerLink:"/tui-input-tag"},{caption:"Current",routerLink:"/tui-breadcrumbs"}]],this.items=this.itemsVariants[0],this.sizeVariants=["m","l"],this.size=this.sizeVariants[0]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.Xpm({type:t,selectors:[["example-breadcrumbs"]],decls:4,vars:0,consts:[["header","Breadcrumbs","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","more","description","Plus using DI options","heading","More button",3,"content"],[3,"size"],[4,"ngFor","ngForOf"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["tuiLink","",3,"routerLink",4,"tuiItem"],["tuiLink","",3,"routerLink"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,I,6,2,"ng-template",1),p.YNc(2,S,5,4,"ng-template",1),p.YNc(3,F,12,2,"ng-template",1),p.qZA())},dependencies:[i.sg,m.l,l.w,d.V,g.c,f.F,h.z,x.B,b.q,T.n,Z.f,u.rH,y,Y],encapsulation:2,changeDetection:0}),e})(),j=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=p.oAB({type:t}),t.ɵinj=p.cJS({imports:[i.ez,o.u5,s.TuiBreadcrumbsModule,r.TuiLinkModule,c.fV,r.TuiHostedDropdownModule,r.TuiButtonModule,r.TuiDataListModule,s.TuiInputNumberModule,a.TuiRepeatTimesModule,u.Bz.forChild((0,c.Ve)(R))]}),e})()}}]); \ No newline at end of file diff --git a/next/33610.25e878257558c077.js b/next/33610.25e878257558c077.js new file mode 100644 index 000000000000..61b3f1ae924c --- /dev/null +++ b/next/33610.25e878257558c077.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[33610],{33610:r=>{r.exports='
\n

\n Name\n\n \n

\n\n
\n

\n Street\n\n \n

\n\n

\n Zip code\n\n \n

\n\n

\n City\n\n \n

\n
\n
\n'}}]); \ No newline at end of file diff --git a/next/33610.63e372569c8564dc.js b/next/33610.63e372569c8564dc.js deleted file mode 100644 index 0573a46ccc0d..000000000000 --- a/next/33610.63e372569c8564dc.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[33610],{33610:r=>{r.exports='\n

\n Name\n\n \n

\n\n
\n

\n Street\n\n \n

\n\n

\n Zip code\n\n \n

\n\n

\n City\n\n \n

\n
\n\n'}}]); \ No newline at end of file diff --git a/next/3391.214506f850634ea3.js b/next/3391.214506f850634ea3.js new file mode 100644 index 000000000000..9ea10d8422be --- /dev/null +++ b/next/3391.214506f850634ea3.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[3391],{3391:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiHintDescribeModule:()=>V});var i=n(88692),o=n(69900),u=n(91795),c=n(64500),a=n(73588),p=n(84479),r=n(89570),d=n(75695),l=n(64537),s=n(93352),m=n(98204),h=n(67446),g=n(29070),b=n(54255),f=n(219),Z=n(15491),y=n(54218),x=n(83074),w=n(10977),T=n(62840),H=n(60404),q=n(43560),_=n(93525),A=n(38868),M=n(84848),U=n(76189),D=n(77027),v=n(41360),C=n(33351);let J=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-hint-describe-example-1"]],decls:8,vars:1,consts:[["appearance","secondary","icon","tuiIconHelpCircle","tuiHint","Works well with icon buttons","tuiHintDescribe","","tuiHintDirection","right","tuiIconButton","","type","button"],["id","button","appearance","secondary","icon","tuiIconHelpCircle","tuiButton","","type","button"],["content","Or with external tooltip","describeId","button","direction","right",1,"tui-space_top-4","tui-space_left-4"],["tuiHintContent","This is built-in with controls",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.TgZ(0,"p"),l._UZ(1,"button",0),l.qZA(),l.TgZ(2,"p")(3,"button",1),l._uU(4," Hint "),l.qZA(),l._UZ(5,"tui-tooltip",2),l.qZA(),l.TgZ(6,"tui-input",3),l.NdJ("ngModelChange",(function(e){return t.value=e})),l._uU(7," Input with accessible hint\n"),l.qZA()),2&e&&(l.xp6(6),l.Q6J("ngModel",t.value))},dependencies:[o.JJ,o.On,h.D,g.x,b.t,f.$,Z.D,M.bZ,U.v,D.K,v.w,C.w],encapsulation:2,changeDetection:0}),t})();function P(e,t){if(1&e&&(l.TgZ(0,"p"),l._uU(1,"Directive to show a hint in accessible way upon keyboard focus"),l.qZA(),l.TgZ(2,"tui-doc-example",2),l._UZ(3,"tui-hint-describe-example-1"),l.qZA()),2&e){const e=l.oxw();l.xp6(2),l.Q6J("content",e.example1)}}function I(e,t){1&e&&l._uU(0," Content ")}function N(e,t){1&e&&l._uU(0," Id of the element ")}function k(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"tui-doc-demo"),l._UZ(1,"input",3),l.qZA(),l.TgZ(2,"tui-doc-documentation"),l.YNc(3,I,1,0,"ng-template",4),l.YNc(4,N,1,0,"ng-template",5),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.id=t)})),l.qZA(),l._UZ(5,"inherited-documentation")}if(2&e){const e=l.oxw();l.xp6(1),l.Q6J("tuiHintAppearance",e.appearance)("tuiHintDirection",e.direction),l.xp6(3),l.Q6J("documentationPropertyValue",e.id)}}function B(e,t){if(1&e&&(l.TgZ(0,"ol",6)(1,"li")(2,"p"),l._uU(3," Import "),l.TgZ(4,"code"),l._uU(5,"TuiHintModule"),l.qZA(),l._uU(6," into a module where you want to use our component "),l.qZA(),l._UZ(7,"tui-doc-code",7),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10,"Add to the template:"),l.qZA(),l._UZ(11,"tui-doc-code",8),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(4),l.Q6J("code",e.exampleHtml)}}let Q=(()=>{var e;class t extends s.l{constructor(){super(...arguments),this.exampleModule=n.e(3253).then(n.t.bind(n,3253,17)),this.exampleHtml=n.e(30573).then(n.t.bind(n,30573,17)),this.example1={TypeScript:n.e(38178).then(n.t.bind(n,38178,17)),HTML:n.e(80253).then(n.t.bind(n,80253,17))},this.id=""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=l.n5z(e)))(n||e)}}(),e.ɵcmp=l.Xpm({type:e,selectors:[["example-hint-describe"]],features:[l._Bn([{provide:m.x,useExisting:(0,l.Gpc)((()=>e))}]),l.qOj],decls:4,vars:0,consts:[["header","HintDescribe","package","CORE","path","core/directives/hint"],["pageTab",""],["id","base","heading","Basic",3,"content"],["placeholder","My id is 'qwerty'","tuiHint","I will be visible upon keyboard focus","tuiHintDescribe","qwerty",3,"tuiHintAppearance","tuiHintDirection"],["documentationPropertyMode","input","documentationPropertyName","tuiHint","documentationPropertyType","PolymorpheusContent"],["documentationPropertyMode","input","documentationPropertyName","tuiHintDescribe","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,P,4,1,"ng-template",1),l.YNc(2,k,6,3,"ng-template",1),l.YNc(3,B,12,2,"ng-template",1),l.qZA())},dependencies:[h.D,g.x,b.t,f.$,Z.D,y.w,x.c,w.F,T.z,H.B,q.q,_.n,A.f,J],encapsulation:2,changeDetection:0}),t})(),V=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[r.wq,i.ez,o.u5,a.TuiHintModule,a.TuiButtonModule,p.TuiInputModule,a.TuiTooltipModule,d.f,c.fV,u.Bz.forChild((0,c.Ve)(Q))]}),t})()}}]); \ No newline at end of file diff --git a/next/3391.ab6e62e2ea8574a2.js b/next/3391.ab6e62e2ea8574a2.js deleted file mode 100644 index ff729b22d7d3..000000000000 --- a/next/3391.ab6e62e2ea8574a2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[3391],{3391:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiHintDescribeModule:()=>V});var i=n(88692),o=n(69900),u=n(91795),c=n(64500),a=n(73588),r=n(84479),p=n(89570),d=n(75695),l=n(64537),s=n(93352),m=n(98204),h=n(67446),b=n(29070),f=n(54255),g=n(219),Z=n(15491),y=n(54218),x=n(83074),w=n(10977),T=n(62840),H=n(60404),q=n(43560),_=n(93525),A=n(38868),M=n(84848),U=n(76189),D=n(77027),v=n(41360),C=n(33351);let J=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-hint-describe-example-1"]],decls:8,vars:1,consts:[["appearance","secondary","icon","tuiIconHelpCircle","tuiHint","Works well with icon buttons","tuiHintDescribe","","tuiHintDirection","right","tuiIconButton","","type","button"],["id","button","appearance","secondary","icon","tuiIconHelpCircle","tuiButton","","type","button"],["content","Or with external tooltip","describeId","button","direction","right",1,"tui-space_top-4","tui-space_left-4"],["tuiHintContent","This is built-in with controls",1,"b-form",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.TgZ(0,"p"),l._UZ(1,"button",0),l.qZA(),l.TgZ(2,"p")(3,"button",1),l._uU(4," Hint "),l.qZA(),l._UZ(5,"tui-tooltip",2),l.qZA(),l.TgZ(6,"tui-input",3),l.NdJ("ngModelChange",(function(e){return t.value=e})),l._uU(7," Input with accessible hint\n"),l.qZA()),2&e&&(l.xp6(6),l.Q6J("ngModel",t.value))},dependencies:[o.JJ,o.On,h.D,b.x,f.t,g.$,Z.D,M.bZ,U.v,D.K,v.w,C.w],encapsulation:2,changeDetection:0}),t})();function P(e,t){if(1&e&&(l.TgZ(0,"p"),l._uU(1,"Directive to show a hint in accessible way upon keyboard focus"),l.qZA(),l.TgZ(2,"tui-doc-example",2),l._UZ(3,"tui-hint-describe-example-1"),l.qZA()),2&e){const e=l.oxw();l.xp6(2),l.Q6J("content",e.example1)}}function I(e,t){1&e&&l._uU(0," Content ")}function N(e,t){1&e&&l._uU(0," Id of the element ")}function k(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"tui-doc-demo"),l._UZ(1,"input",3),l.qZA(),l.TgZ(2,"tui-doc-documentation"),l.YNc(3,I,1,0,"ng-template",4),l.YNc(4,N,1,0,"ng-template",5),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.id=t)})),l.qZA(),l._UZ(5,"inherited-documentation")}if(2&e){const e=l.oxw();l.xp6(1),l.Q6J("tuiHintAppearance",e.appearance)("tuiHintDirection",e.direction),l.xp6(3),l.Q6J("documentationPropertyValue",e.id)}}function B(e,t){if(1&e&&(l.TgZ(0,"ol",6)(1,"li")(2,"p"),l._uU(3," Import "),l.TgZ(4,"code"),l._uU(5,"TuiHintModule"),l.qZA(),l._uU(6," into a module where you want to use our component "),l.qZA(),l._UZ(7,"tui-doc-code",7),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10,"Add to the template:"),l.qZA(),l._UZ(11,"tui-doc-code",8),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(4),l.Q6J("code",e.exampleHtml)}}let Q=(()=>{var e;class t extends s.l{constructor(){super(...arguments),this.exampleModule=n.e(3253).then(n.t.bind(n,3253,17)),this.exampleHtml=n.e(30573).then(n.t.bind(n,30573,17)),this.example1={TypeScript:n.e(38178).then(n.t.bind(n,38178,17)),HTML:n.e(80253).then(n.t.bind(n,80253,17))},this.id=""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=l.n5z(e)))(n||e)}}(),e.ɵcmp=l.Xpm({type:e,selectors:[["example-hint-describe"]],features:[l._Bn([{provide:m.x,useExisting:(0,l.Gpc)((()=>e))}]),l.qOj],decls:4,vars:0,consts:[["header","HintDescribe","package","CORE","path","core/directives/hint"],["pageTab",""],["id","base","heading","Basic",3,"content"],["placeholder","My id is 'qwerty'","tuiHint","I will be visible upon keyboard focus","tuiHintDescribe","qwerty",3,"tuiHintAppearance","tuiHintDirection"],["documentationPropertyMode","input","documentationPropertyName","tuiHint","documentationPropertyType","PolymorpheusContent"],["documentationPropertyMode","input","documentationPropertyName","tuiHintDescribe","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,P,4,1,"ng-template",1),l.YNc(2,k,6,3,"ng-template",1),l.YNc(3,B,12,2,"ng-template",1),l.qZA())},dependencies:[h.D,b.x,f.t,g.$,Z.D,y.w,x.c,w.F,T.z,H.B,q.q,_.n,A.f,J],encapsulation:2,changeDetection:0}),t})(),V=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[p.wq,i.ez,o.u5,a.TuiHintModule,a.TuiButtonModule,r.TuiInputModule,a.TuiTooltipModule,d.f,c.fV,u.Bz.forChild((0,c.Ve)(Q))]}),t})()}}]); \ No newline at end of file diff --git a/next/36037.882cd6e61342214a.js b/next/36037.882cd6e61342214a.js new file mode 100644 index 000000000000..8459114e998d --- /dev/null +++ b/next/36037.882cd6e61342214a.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36037],{36037:n=>{n.exports='\n Add item\n\n\n \n

\n \n Nested form\n \n

\n \n \n Some input\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/36037.d8bfb8263fd1d320.js b/next/36037.d8bfb8263fd1d320.js deleted file mode 100644 index 266f0e8912b3..000000000000 --- a/next/36037.d8bfb8263fd1d320.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36037],{36037:n=>{n.exports='\n Add item\n\n\n \n

\n \n Nested form\n \n

\n \n \n Some input\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/36409.13243427a7dcbfee.js b/next/36409.13243427a7dcbfee.js deleted file mode 100644 index 429a58e86964..000000000000 --- a/next/36409.13243427a7dcbfee.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36409],{36409:t=>{t.exports='\n Select user\n \n\n\n\n
\n \n
{{ data }}
\n
\n\n'}}]); \ No newline at end of file diff --git a/next/36409.77b5fe9188a2d7a3.js b/next/36409.77b5fe9188a2d7a3.js new file mode 100644 index 000000000000..195803401100 --- /dev/null +++ b/next/36409.77b5fe9188a2d7a3.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36409],{36409:t=>{t.exports='\n Select user\n \n\n\n\n
\n \n
{{ data }}
\n
\n\n'}}]); \ No newline at end of file diff --git a/next/36581.7c749f5882af083b.js b/next/36581.7c749f5882af083b.js deleted file mode 100644 index b68841876407..000000000000 --- a/next/36581.7c749f5882af083b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36581],{36581:(e,t,n)=>{n.r(t),n.d(t,{ExampleMiscellaneousModule:()=>Q});var r=n(88692),o=n(69900),i=n(91795),a=n(64500),s=n(73588),c=n(84479),u=n(64537),l=n(83074),m=n(43560),p=n(93525),d=n(38868),f=n(53222);let h=(()=>{var e;class t{get assertResult(){return 5===(new Date).getDay()?"Nothing in console":'There is a console assert:
"Today is not a friday"'}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-1"]],decls:1,vars:1,consts:[[3,"innerHTML"]],template:function(e,t){1&e&&u._UZ(0,"p",0),2&e&&u.Q6J("innerHTML",t.assertResult,u.oJD)},encapsulation:2,changeDetection:0}),t})(),g=(()=>{var e;class t{get flatted(){return(0,f.tuiFlatLength)([[1,2],[3,4],[5,6]])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-2"]],decls:2,vars:1,template:function(e,t){1&e&&(u.TgZ(0,"p"),u._uU(1),u.qZA()),2&e&&(u.xp6(1),u.hij("",t.flatted," = flatLength([[1, 2], [3, 4], [5, 6]]);"))},encapsulation:2,changeDetection:0}),t})();var Z=n(24007),x=n(50170),y=n(1414),T=n(52219),w=n(50020);function v(e,t){if(1&e&&u._UZ(0,"tui-data-list-wrapper",4),2&e){const e=u.oxw();u.Q6J("items",e.items)}}let A=(()=>{var e;class t{constructor(){this.items=["6734567890123456","5536567890123456","2202567890123456","4405567890123456","4000567890123456"],this.parametersForm=new o.cw({cardNumber:new o.NI("")})}get paymentSystem(){const{cardNumber:e}=this.parametersForm.value;return(0,Z.tuiGetPaymentSystem)(e??"")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-4"]],decls:6,vars:2,consts:[[3,"formGroup"],[1,"parameters"],["formControlName","cardNumber",1,"tui-space_top-2"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(u._uU(0),u.TgZ(1,"form",0)(2,"div",1)(3,"tui-select",2),u._uU(4," Choose card number "),u.YNc(5,v,1,1,"tui-data-list-wrapper",3),u.qZA()()()),2&e&&(u.hij("'",t.paymentSystem,"' = getPaymentSystem(cardNumber); "),u.xp6(1),u.Q6J("formGroup",t.parametersForm))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.u,y.O,T.g,w.e],styles:[".parameters[_ngcontent-%COMP%]{margin-top:.75rem;width:13.75rem}"],changeDetection:0}),t})();function _(e,t){if(1&e&&u._UZ(0,"tui-data-list-wrapper",4),2&e){const e=u.oxw();u.Q6J("items",e.items)}}let b=(()=>{var e;class t{constructor(){this.items=["String","null","undefined"],this.parametersForm=new o.cw({value:new o.NI(null)})}get isPresent(){const{value:e}=this.parametersForm.value,t=this.objectifyValue(e??"");return(0,f.tuiIsPresent)(t)}objectifyValue(e){return"null"===e?null:"undefined"!==e?e:void 0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-5"]],decls:6,vars:2,consts:[[3,"formGroup"],[1,"parameters"],["formControlName","value",1,"tui-space_top-2"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(u._uU(0),u.TgZ(1,"form",0)(2,"div",1)(3,"tui-select",2),u._uU(4," value "),u.YNc(5,_,1,1,"tui-data-list-wrapper",3),u.qZA()()()),2&e&&(u.hij("",t.isPresent," = isPresent(value); "),u.xp6(1),u.Q6J("formGroup",t.parametersForm))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.u,y.O,T.g,w.e],styles:[".parameters[_ngcontent-%COMP%]{margin-top:.75rem;width:13.75rem}"],changeDetection:0}),t})();var C=n(77027),L=n(41360),J=n(36951),N=n(7114);const q=function(){return[]};let U=(()=>{var e;class t{constructor(){this.userDetailsForm=new o.cw({name:new o.NI("",o.kI.required),address:new o.cw({street:new o.NI("",o.kI.required),city:new o.NI("",o.kI.required),zipCode:new o.NI("",o.kI.required)})})}ngOnInit(){(0,f.tuiMarkControlAsTouchedAndValidate)(this.userDetailsForm)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-6"]],decls:26,vars:25,consts:[[1,"b-form",3,"formGroup"],["formControlName","name"],["formControlName","name",3,"error"],["formGroupName","address"],["formControlName","street"],["formControlName","street",3,"error"],["formControlName","zipCode"],["formControlName","zipCode",3,"error"],["formControlName","city"],["formControlName","city",3,"error"]],template:function(e,t){1&e&&(u.TgZ(0,"form",0)(1,"p")(2,"tui-input",1),u._uU(3,"Name"),u.qZA(),u._UZ(4,"tui-error",2),u.ALo(5,"async"),u.ALo(6,"tuiFieldError"),u.qZA(),u.TgZ(7,"div",3)(8,"p")(9,"tui-input",4),u._uU(10,"Street"),u.qZA(),u._UZ(11,"tui-error",5),u.ALo(12,"async"),u.ALo(13,"tuiFieldError"),u.qZA(),u.TgZ(14,"p")(15,"tui-input",6),u._uU(16,"Zip code"),u.qZA(),u._UZ(17,"tui-error",7),u.ALo(18,"async"),u.ALo(19,"tuiFieldError"),u.qZA(),u.TgZ(20,"p")(21,"tui-input",8),u._uU(22,"City"),u.qZA(),u._UZ(23,"tui-error",9),u.ALo(24,"async"),u.ALo(25,"tuiFieldError"),u.qZA()()()),2&e&&(u.Q6J("formGroup",t.userDetailsForm),u.xp6(4),u.Q6J("error",u.lcZ(5,5,u.lcZ(6,7,u.DdM(21,q)))),u.xp6(7),u.Q6J("error",u.lcZ(12,9,u.lcZ(13,11,u.DdM(22,q)))),u.xp6(6),u.Q6J("error",u.lcZ(18,13,u.lcZ(19,15,u.DdM(23,q)))),u.xp6(6),u.Q6J("error",u.lcZ(24,17,u.lcZ(25,19,u.DdM(24,q)))))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,o.x0,C.K,L.w,J.v,r.Ov,N.A],encapsulation:2,changeDetection:0}),t})();function M(e,t){if(1&e&&(u.TgZ(0,"p"),u._uU(1,"Some utils to simplify the development process"),u.qZA(),u.TgZ(2,"tui-doc-example",3),u._UZ(3,"tui-miscellaneous-example-1"),u.qZA(),u.TgZ(4,"tui-doc-example",4),u._UZ(5,"tui-miscellaneous-example-2"),u.qZA(),u.TgZ(6,"tui-doc-example",5),u._UZ(7,"tui-miscellaneous-example-4"),u.qZA(),u.TgZ(8,"tui-doc-example",6),u._UZ(9,"tui-miscellaneous-example-5"),u.qZA(),u.TgZ(10,"tui-doc-example",7),u._UZ(11,"tui-miscellaneous-example-6"),u.qZA()),2&e){const e=u.oxw();u.xp6(2),u.Q6J("content",e.example1),u.xp6(2),u.Q6J("content",e.example2),u.xp6(2),u.Q6J("content",e.example4),u.xp6(2),u.Q6J("content",e.example5),u.xp6(2),u.Q6J("content",e.example6)}}function D(e,t){if(1&e&&(u.TgZ(0,"ol",8)(1,"li")(2,"p"),u._uU(3,"Import into component and use:"),u.qZA(),u._UZ(4,"tui-doc-code",9),u.qZA()()),2&e){const e=u.oxw();u.xp6(4),u.Q6J("code",e.importComponentExample)}}let S=(()=>{var e;class t{constructor(){this.importComponentExample=n.e(47152).then(n.t.bind(n,47152,17)),this.example1={TypeScript:n.e(33654).then(n.t.bind(n,33654,17)),HTML:n.e(1342).then(n.t.bind(n,1342,17))},this.example2={TypeScript:n.e(34569).then(n.t.bind(n,34569,17)),HTML:n.e(71006).then(n.t.bind(n,71006,17))},this.example4={TypeScript:n.e(99460).then(n.t.bind(n,99460,17)),HTML:n.e(34715).then(n.t.bind(n,34715,17)),LESS:n.e(96101).then(n.t.bind(n,96101,17))},this.example5={TypeScript:n.e(94146).then(n.t.bind(n,94146,17)),HTML:n.e(21162).then(n.t.bind(n,21162,17)),LESS:n.e(9307).then(n.t.bind(n,9307,17))},this.example6={TypeScript:n.e(34461).then(n.t.bind(n,34461,17)),HTML:n.e(33610).then(n.t.bind(n,33610,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["example-format"]],decls:3,vars:0,consts:[["header","Miscellaneous","package","CDK","type","utils"],["pageTab",""],["pageTab","Setup"],["id","assert","description","Logs assert into console in dev mode","heading","assert",3,"content"],["id","flat-length","description","Calculates a length of elements of two dimensional array","heading","flatLength",3,"content"],["id","get-payment-system","description","Card number to its payment system","heading","getPaymentSystem",3,"content"],["id","is-present","description","Checks value not to be null or undefined","heading","isPresent",3,"content"],["id","mark-control-as-touched-and-validate","description","Recursively marks form control as touched and triggers validation","heading","markControlAsTouchedAndValidate",3,"content"],[1,"b-demo-steps"],["filename","my.component.ts",3,"code"]],template:function(e,t){1&e&&(u.TgZ(0,"tui-doc-page",0),u.YNc(1,M,12,5,"ng-template",1),u.YNc(2,D,5,1,"ng-template",2),u.qZA())},dependencies:[l.c,m.q,p.n,d.f,h,g,A,b,U],encapsulation:2,changeDetection:0}),t})(),Q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.oAB({type:e}),e.ɵinj=u.cJS({imports:[r.ez,o.u5,o.UX,c.TuiSelectModule,s.TuiDataListModule,c.TuiDataListWrapperModule,c.TuiInputModule,s.TuiErrorModule,c.TuiFieldErrorPipeModule,a.fV,i.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/36581.d890d3b1c0ffaef3.js b/next/36581.d890d3b1c0ffaef3.js new file mode 100644 index 000000000000..40d2a18a0873 --- /dev/null +++ b/next/36581.d890d3b1c0ffaef3.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36581],{36581:(e,t,n)=>{n.r(t),n.d(t,{ExampleMiscellaneousModule:()=>Q});var r=n(88692),o=n(69900),i=n(91795),a=n(64500),s=n(73588),c=n(84479),u=n(64537),l=n(83074),m=n(43560),p=n(93525),d=n(38868),f=n(53222);let h=(()=>{var e;class t{get assertResult(){return 5===(new Date).getDay()?"Nothing in console":'There is a console assert:
"Today is not a friday"'}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-1"]],decls:1,vars:1,consts:[[3,"innerHTML"]],template:function(e,t){1&e&&u._UZ(0,"p",0),2&e&&u.Q6J("innerHTML",t.assertResult,u.oJD)},encapsulation:2,changeDetection:0}),t})(),g=(()=>{var e;class t{get flatted(){return(0,f.tuiFlatLength)([[1,2],[3,4],[5,6]])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-2"]],decls:2,vars:1,template:function(e,t){1&e&&(u.TgZ(0,"p"),u._uU(1),u.qZA()),2&e&&(u.xp6(1),u.hij("",t.flatted," = flatLength([[1, 2], [3, 4], [5, 6]]);"))},encapsulation:2,changeDetection:0}),t})();var Z=n(24007),x=n(50170),y=n(1414),T=n(52219),w=n(50020);function v(e,t){if(1&e&&u._UZ(0,"tui-data-list-wrapper",4),2&e){const e=u.oxw();u.Q6J("items",e.items)}}let A=(()=>{var e;class t{constructor(){this.items=["6734567890123456","5536567890123456","2202567890123456","4405567890123456","4000567890123456"],this.parametersForm=new o.cw({cardNumber:new o.NI("")})}get paymentSystem(){const{cardNumber:e}=this.parametersForm.value;return(0,Z.tuiGetPaymentSystem)(e??"")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-4"]],decls:6,vars:2,consts:[[3,"formGroup"],[1,"parameters"],["formControlName","cardNumber",1,"tui-space_top-2"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(u._uU(0),u.TgZ(1,"form",0)(2,"div",1)(3,"tui-select",2),u._uU(4," Choose card number "),u.YNc(5,v,1,1,"tui-data-list-wrapper",3),u.qZA()()()),2&e&&(u.hij("'",t.paymentSystem,"' = getPaymentSystem(cardNumber); "),u.xp6(1),u.Q6J("formGroup",t.parametersForm))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.u,y.O,T.g,w.e],styles:[".parameters[_ngcontent-%COMP%]{margin-top:.75rem;width:13.75rem}"],changeDetection:0}),t})();function _(e,t){if(1&e&&u._UZ(0,"tui-data-list-wrapper",4),2&e){const e=u.oxw();u.Q6J("items",e.items)}}let b=(()=>{var e;class t{constructor(){this.items=["String","null","undefined"],this.parametersForm=new o.cw({value:new o.NI(null)})}get isPresent(){const{value:e}=this.parametersForm.value,t=this.objectifyValue(e??"");return(0,f.tuiIsPresent)(t)}objectifyValue(e){return"null"===e?null:"undefined"!==e?e:void 0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-5"]],decls:6,vars:2,consts:[[3,"formGroup"],[1,"parameters"],["formControlName","value",1,"tui-space_top-2"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(u._uU(0),u.TgZ(1,"form",0)(2,"div",1)(3,"tui-select",2),u._uU(4," value "),u.YNc(5,_,1,1,"tui-data-list-wrapper",3),u.qZA()()()),2&e&&(u.hij("",t.isPresent," = isPresent(value); "),u.xp6(1),u.Q6J("formGroup",t.parametersForm))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.u,y.O,T.g,w.e],styles:[".parameters[_ngcontent-%COMP%]{margin-top:.75rem;width:13.75rem}"],changeDetection:0}),t})();var C=n(77027),L=n(41360),J=n(36951),N=n(7114);const q=function(){return[]};let U=(()=>{var e;class t{constructor(){this.userDetailsForm=new o.cw({name:new o.NI("",o.kI.required),address:new o.cw({street:new o.NI("",o.kI.required),city:new o.NI("",o.kI.required),zipCode:new o.NI("",o.kI.required)})})}ngOnInit(){(0,f.tuiMarkControlAsTouchedAndValidate)(this.userDetailsForm)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["tui-miscellaneous-example-6"]],decls:26,vars:25,consts:[[3,"formGroup"],["formControlName","name"],["formControlName","name",3,"error"],["formGroupName","address"],["formControlName","street"],["formControlName","street",3,"error"],["formControlName","zipCode"],["formControlName","zipCode",3,"error"],["formControlName","city"],["formControlName","city",3,"error"]],template:function(e,t){1&e&&(u.TgZ(0,"form",0)(1,"p")(2,"tui-input",1),u._uU(3,"Name"),u.qZA(),u._UZ(4,"tui-error",2),u.ALo(5,"async"),u.ALo(6,"tuiFieldError"),u.qZA(),u.TgZ(7,"div",3)(8,"p")(9,"tui-input",4),u._uU(10,"Street"),u.qZA(),u._UZ(11,"tui-error",5),u.ALo(12,"async"),u.ALo(13,"tuiFieldError"),u.qZA(),u.TgZ(14,"p")(15,"tui-input",6),u._uU(16,"Zip code"),u.qZA(),u._UZ(17,"tui-error",7),u.ALo(18,"async"),u.ALo(19,"tuiFieldError"),u.qZA(),u.TgZ(20,"p")(21,"tui-input",8),u._uU(22,"City"),u.qZA(),u._UZ(23,"tui-error",9),u.ALo(24,"async"),u.ALo(25,"tuiFieldError"),u.qZA()()()),2&e&&(u.Q6J("formGroup",t.userDetailsForm),u.xp6(4),u.Q6J("error",u.lcZ(5,5,u.lcZ(6,7,u.DdM(21,q)))),u.xp6(7),u.Q6J("error",u.lcZ(12,9,u.lcZ(13,11,u.DdM(22,q)))),u.xp6(6),u.Q6J("error",u.lcZ(18,13,u.lcZ(19,15,u.DdM(23,q)))),u.xp6(6),u.Q6J("error",u.lcZ(24,17,u.lcZ(25,19,u.DdM(24,q)))))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,o.x0,C.K,L.w,J.v,r.Ov,N.A],encapsulation:2,changeDetection:0}),t})();function M(e,t){if(1&e&&(u.TgZ(0,"p"),u._uU(1,"Some utils to simplify the development process"),u.qZA(),u.TgZ(2,"tui-doc-example",3),u._UZ(3,"tui-miscellaneous-example-1"),u.qZA(),u.TgZ(4,"tui-doc-example",4),u._UZ(5,"tui-miscellaneous-example-2"),u.qZA(),u.TgZ(6,"tui-doc-example",5),u._UZ(7,"tui-miscellaneous-example-4"),u.qZA(),u.TgZ(8,"tui-doc-example",6),u._UZ(9,"tui-miscellaneous-example-5"),u.qZA(),u.TgZ(10,"tui-doc-example",7),u._UZ(11,"tui-miscellaneous-example-6"),u.qZA()),2&e){const e=u.oxw();u.xp6(2),u.Q6J("content",e.example1),u.xp6(2),u.Q6J("content",e.example2),u.xp6(2),u.Q6J("content",e.example4),u.xp6(2),u.Q6J("content",e.example5),u.xp6(2),u.Q6J("content",e.example6)}}function D(e,t){if(1&e&&(u.TgZ(0,"ol",8)(1,"li")(2,"p"),u._uU(3,"Import into component and use:"),u.qZA(),u._UZ(4,"tui-doc-code",9),u.qZA()()),2&e){const e=u.oxw();u.xp6(4),u.Q6J("code",e.importComponentExample)}}let S=(()=>{var e;class t{constructor(){this.importComponentExample=n.e(47152).then(n.t.bind(n,47152,17)),this.example1={TypeScript:n.e(33654).then(n.t.bind(n,33654,17)),HTML:n.e(1342).then(n.t.bind(n,1342,17))},this.example2={TypeScript:n.e(34569).then(n.t.bind(n,34569,17)),HTML:n.e(71006).then(n.t.bind(n,71006,17))},this.example4={TypeScript:n.e(99460).then(n.t.bind(n,99460,17)),HTML:n.e(34715).then(n.t.bind(n,34715,17)),LESS:n.e(96101).then(n.t.bind(n,96101,17))},this.example5={TypeScript:n.e(94146).then(n.t.bind(n,94146,17)),HTML:n.e(21162).then(n.t.bind(n,21162,17)),LESS:n.e(9307).then(n.t.bind(n,9307,17))},this.example6={TypeScript:n.e(34461).then(n.t.bind(n,34461,17)),HTML:n.e(33610).then(n.t.bind(n,33610,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.Xpm({type:e,selectors:[["example-format"]],decls:3,vars:0,consts:[["header","Miscellaneous","package","CDK","type","utils"],["pageTab",""],["pageTab","Setup"],["id","assert","description","Logs assert into console in dev mode","heading","assert",3,"content"],["id","flat-length","description","Calculates a length of elements of two dimensional array","heading","flatLength",3,"content"],["id","get-payment-system","description","Card number to its payment system","heading","getPaymentSystem",3,"content"],["id","is-present","description","Checks value not to be null or undefined","heading","isPresent",3,"content"],["id","mark-control-as-touched-and-validate","description","Recursively marks form control as touched and triggers validation","heading","markControlAsTouchedAndValidate",3,"content"],[1,"b-demo-steps"],["filename","my.component.ts",3,"code"]],template:function(e,t){1&e&&(u.TgZ(0,"tui-doc-page",0),u.YNc(1,M,12,5,"ng-template",1),u.YNc(2,D,5,1,"ng-template",2),u.qZA())},dependencies:[l.c,m.q,p.n,d.f,h,g,A,b,U],encapsulation:2,changeDetection:0}),t})(),Q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.oAB({type:e}),e.ɵinj=u.cJS({imports:[r.ez,o.u5,o.UX,c.TuiSelectModule,s.TuiDataListModule,c.TuiDataListWrapperModule,c.TuiInputModule,s.TuiErrorModule,c.TuiFieldErrorPipeModule,a.fV,i.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/36909.3bdc008cdfd17998.js b/next/36909.3bdc008cdfd17998.js new file mode 100644 index 000000000000..1be156be638c --- /dev/null +++ b/next/36909.3bdc008cdfd17998.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36909],{36909:(e,t,r)=>{r.r(t),r.d(t,{ExampleTuiFieldErrorModule:()=>Ee});var o=r(88692),n=r(69900),i=r(91795),u=r(24007),l=r(64500),a=r(29297),s=r(73588),c=r(61917),d=r(84479),p=r(89570),m=r(64537),f=r(83074),h=r(43560),g=r(93525),Z=r(38868),x=r(66596),T=r(42147),b=r(68874),A=r(10200),_=r(36951),L=r(88135),C=r(77027),y=r(41360),q=r(7114);const U=function(){return[]},w=/^[a-zA-Z]+$/;function v(e){return e.value&&w.test(e.value)?null:{other:"Only latin letters are allowed"}}function V(e){return"42"===e.value?null:{other:"Wrong"}}let M=(()=>{var e;class t{constructor(){this.testValue1=new n.NI("",[n.kI.required,v]),this.testValue3=new n.NI("",[n.kI.required,v]),this.testForm=new n.cw({testValue1:this.testValue1,testValue2:new n.NI("",[n.kI.required,V])},(e=>Object.values(e.controls).every((({valid:e})=>e))?null:{other:"Form is invalid"})),this.testValue1.valueChanges.pipe((0,T.x)()).subscribe((()=>{this.testValue1.markAsTouched()}))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-1"]],decls:36,vars:21,consts:[[3,"formGroup"],["tuiLabel","Type the ultimate answer",1,"tui-space_bottom-4"],["formControlName","testValue2","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["formControlName","testValue2",3,"error"],["tuiLabel","Set a password"],["formControlName","testValue1","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["formControlName","testValue1",3,"error"],["fragment","mark-control-as-touched-and-validate","href","/utils/miscellaneous#mark-control-as-touched-and-validate","routerLink","/utils/miscellaneous","tuiLink",""],["href","https://angular.io/api/forms/NgControl","rel","noreferrer","target","_blank","tuiLink",""],["href","https://angular.io/api/forms/ControlContainer","rel","noreferrer","target","_blank","tuiLink",""],[3,"error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),m._uU(3," to the Question of Life, the Universe, and Everything "),m.qZA(),m._UZ(4,"tui-error",3),m.ALo(5,"async"),m.ALo(6,"tuiFieldError"),m.qZA(),m.TgZ(7,"label",4)(8,"tui-input",5),m._uU(9," Latin letters only "),m.qZA(),m._UZ(10,"tui-error",6),m.ALo(11,"async"),m.ALo(12,"tuiFieldError"),m.qZA(),m.TgZ(13,"p"),m._uU(14," If you want to show a validation message as soon as a user starts typing, subscribe on form value changes and call markAsTouched on control on first value change. You can also use "),m.TgZ(15,"a",7)(16,"code"),m._uU(17,"tuiMarkControlAsTouchedAndValidate"),m.qZA()()(),m.TgZ(18,"p")(19,"code"),m._uU(20,"tuiFieldError"),m.qZA(),m._uU(21," pipe can be used inside your controls to show error messages for parent "),m.TgZ(22,"a",8),m._uU(23," NgControl "),m.qZA(),m._uU(24," or "),m.TgZ(25,"a",9),m._uU(26," ControlContainer "),m.qZA(),m._uU(27," through DI without explicit directive on "),m.TgZ(28,"code"),m._uU(29,"tui-error"),m.qZA(),m._uU(30," . "),m.qZA(),m.TgZ(31,"p"),m._uU(32,"Below is an error for the entire form:"),m.qZA(),m._UZ(33,"tui-error",10),m.ALo(34,"async"),m.ALo(35,"tuiFieldError"),m.qZA()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(2),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(2),m.Q6J("error",m.lcZ(5,6,m.lcZ(6,8,m.DdM(18,U)))),m.xp6(4),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(2),m.Q6J("error",m.lcZ(11,10,m.lcZ(12,12,m.DdM(19,U)))),m.xp6(23),m.Q6J("error",m.lcZ(34,14,m.lcZ(35,16,m.DdM(20,U)))))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,b.x,A.s,_.v,L.A,C.K,y.w,x.V,i.rH,o.Ov,q.A],encapsulation:2,changeDetection:0}),t})();var J=r(53222),E=r(84945),N=r(15490),I=r(7479),k=r(27969),F=r(51927),Q=r(16753),O=r(13735);const D=function(){return[]};let S=(()=>{var e;class t{constructor(){this.testValue1=new n.NI("",[n.kI.minLength(4),n.kI.maxLength(4)]),this.testValue2=new n.NI("",[n.kI.required,n.kI.email]),this.testValue3=new n.NI(2,[n.kI.min(3)]),this.testForm=new n.cw({testValue1:this.testValue1,testValue2:this.testValue2,testValue3:this.testValue3}),this.testValue1.valueChanges.subscribe((()=>{this.testValue1.markAsTouched()}))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-2"]],features:[m._Bn([{provide:d.TUI_VALIDATION_ERRORS,useValue:{required:"Enter this!",email:"Enter a valid email",maxlength:({requiredLength:e})=>`Maximum length — ${e}`,minlength:({requiredLength:e})=>(0,E.of)(`Minimum length — ${e}`),min:(0,N.F)(2e3).pipe((0,I.R)(J.tuiIsFalsy,!1),(0,k.U)((e=>e?"Fix please":"Min number 3")),(0,F.O)("Min number 3"))}}])],decls:19,vars:21,consts:[[3,"formGroup"],["tuiLabel","Enter an email",1,"tui-space_bottom-4"],["formControlName","testValue2","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["formControlName","testValue2",3,"error"],["tuiLabel","Minimum and maximum length",1,"tui-space_bottom-4"],["formControlName","testValue1","tuiTextfieldSize","m"],["formControlName","testValue1",3,"error"],["tuiLabel","Minimum number"],["decimal","never","formControlName","testValue3","tuiTextfieldSize","m",3,"step"],["formControlName","testValue3",3,"error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),m._uU(3," Required "),m.qZA(),m._UZ(4,"tui-error",3),m.ALo(5,"async"),m.ALo(6,"tuiFieldError"),m.qZA(),m.TgZ(7,"label",4)(8,"tui-input",5),m._uU(9," 4 letters word... "),m.qZA(),m._UZ(10,"tui-error",6),m.ALo(11,"async"),m.ALo(12,"tuiFieldError"),m.qZA(),m.TgZ(13,"label",7)(14,"tui-input-number",8),m._uU(15," number "),m.qZA(),m._UZ(16,"tui-error",9),m.ALo(17,"async"),m.ALo(18,"tuiFieldError"),m.qZA()()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(2),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(2),m.Q6J("error",m.lcZ(5,6,m.lcZ(6,8,m.DdM(18,D)))),m.xp6(6),m.Q6J("error",m.lcZ(11,10,m.lcZ(12,12,m.DdM(19,D)))),m.xp6(4),m.Q6J("step",1),m.xp6(2),m.Q6J("error",m.lcZ(17,14,m.lcZ(18,16,m.DdM(20,D)))))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,b.x,A.s,_.v,L.A,C.K,y.w,Q.q,O.g,o.Ov,q.A],encapsulation:2,changeDetection:0}),t})();var P=r(76189),H=r(22968);const z=["errorContent"],G=["bigErrorContent"];function Y(e,t){1&e&&(m._uU(0," Secret number must contain "),m.TgZ(1,"strong"),m._uU(2,"10 or 12 digits"),m.qZA(),m._uU(3," . "))}function B(e,t){1&e&&(m._uU(0," This company is already registered "),m.TgZ(1,"button",13),m._uU(2," It is mine "),m.qZA())}const R=function(){return["required","inn"]},X=function(){return[]},W=/^\d{10}$/,$=/^\d{12}$/;let K=(()=>{var e;class t{constructor(){this.testValue2=new n.NI(""),this.testForm=new n.cw({testValue1:new n.NI("",[n.kI.required,this.getSecretValidator()]),testValue2:this.testValue2,testValue3:new n.NI(!1,[n.kI.requiredTrue])}),this.companyValidator=e=>e.value?{inn:new J.TuiValidationError(this.bigErrorContent)}:null}ngOnInit(){this.testValue2.setValidators([n.kI.required,this.companyValidator])}onSubmit(){(0,J.tuiMarkControlAsTouchedAndValidate)(this.testForm)}getSecretValidator(){return e=>e.value&&(W.test(e.value)||$.test(e.value))?null:{secret:new J.TuiValidationError(this.errorContent)}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-3"]],viewQuery:function(e,t){if(1&e&&(m.Gf(z,5),m.Gf(G,5)),2&e){let e;m.iGM(e=m.CRH())&&(t.errorContent=e.first),m.iGM(e=m.CRH())&&(t.bigErrorContent=e.first)}},decls:24,vars:21,consts:[[3,"formGroup","submit"],["tuiLabel","Secret number"],["formControlName","testValue1","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["errorContent",""],["formControlName","testValue1",3,"error"],["tuiLabel","Enter company name",1,"tui-space_top-4","tui-space_bottom-4"],["formControlName","testValue2","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["bigErrorContent",""],["formControlName","testValue2",3,"error"],[1,"checkbox"],["formControlName","testValue3","size","s","tuiCheckbox","","type","checkbox"],["formControlName","testValue3",3,"error"],["size","m","tuiButton","","type","submit",1,"tui-space_top-4"],["tuiButton","","type","button",1,"tui-space_top-2"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0),m.NdJ("submit",(function(){return t.onSubmit()})),m.TgZ(1,"label",1),m._UZ(2,"tui-input",2),m.YNc(3,Y,4,0,"ng-template",null,3,m.W1O),m._UZ(5,"tui-error",4),m.ALo(6,"async"),m.ALo(7,"tuiFieldError"),m.qZA(),m.TgZ(8,"label",5),m._UZ(9,"tui-input",6),m.YNc(10,B,3,0,"ng-template",null,7,m.W1O),m._UZ(12,"tui-error",8),m.ALo(13,"async"),m.ALo(14,"tuiFieldError"),m.qZA(),m.TgZ(15,"label")(16,"div",9),m._UZ(17,"input",10),m._uU(18," I agree on the conditions "),m.qZA(),m._UZ(19,"tui-error",11),m.ALo(20,"async"),m.ALo(21,"tuiFieldError"),m.qZA(),m.TgZ(22,"button",12),m._uU(23," Submit "),m.qZA()()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(2),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(3),m.Q6J("error",m.lcZ(6,6,m.lcZ(7,8,m.DdM(18,R)))),m.xp6(4),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(3),m.Q6J("error",m.lcZ(13,10,m.lcZ(14,12,m.DdM(19,X)))),m.xp6(7),m.Q6J("error",m.lcZ(20,14,m.lcZ(21,16,m.DdM(20,X)))))},dependencies:[n._Y,n.Wl,n.JJ,n.JL,n.sg,n.u,b.x,A.s,_.v,L.A,C.K,y.w,P.v,H.f,o.Ov,q.A],styles:[".checkbox[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"],changeDetection:0}),t})();var j=r(91030),ee=r(96895),te=r(45303);const re=["phoneErrorContent"];function oe(e,t){1&e&&m._uU(0,"Invalid phone number length")}const ne=function(){return[]};function ie(e,t){if(1&e){const e=m.EpF();m.TgZ(0,"label",4)(1,"span",5)(2,"tui-input-phone",6),m._UZ(3,"input",7),m.qZA(),m.TgZ(4,"button",8),m.NdJ("click",(function(){const t=m.CHM(e).index,r=m.oxw();return m.KtG(r.removePhone(t))})),m.qZA()(),m.YNc(5,oe,1,0,"ng-template",null,9,m.W1O),m._UZ(7,"tui-error",10),m.ALo(8,"async"),m.ALo(9,"tuiFieldError"),m.qZA()}if(2&e){const e=t.index;m.MGl("tuiLabel","Phone number ",e+1,""),m.xp6(2),m.s9C("formControlName",e),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(5),m.s9C("formControlName",e),m.Q6J("error",m.lcZ(8,5,m.lcZ(9,7,m.DdM(9,ne))))}}let ue=(()=>{var e;class t{constructor(){this.testForm=new n.cw({phones:new n.Oe([new n.NI("",[n.kI.required,this.getPhoneLengthValidator()])],[this.getPhoneArrayValidator()])})}get formData(){return this.testForm.get("phones")}addPhone(){this.formData.push(new n.NI("",this.addValidators()))}removePhone(e){this.formData.removeAt(e);let t=0;for(;t<=1&&this.formData.controls[t];)this.formData.controls[t].setValidators([n.kI.required,this.getPhoneLengthValidator()]),t++}addValidators(){return this.formData.controls.length<2?[n.kI.required,this.getPhoneLengthValidator()]:null}getPhoneLengthValidator(){return e=>12!==e.value.length?{length:new J.TuiValidationError(this.phoneErrorContent)}:null}getPhoneArrayValidator(){return e=>e.controls.length<2||e.controls.filter((e=>e.errors)).length&&e.controls.length?{length:new J.TuiValidationError("You should add at least 2 phone number")}:null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-4"]],viewQuery:function(e,t){if(1&e&&m.Gf(re,5),2&e){let e;m.iGM(e=m.CRH())&&(t.phoneErrorContent=e.first)}},decls:7,vars:8,consts:[[3,"formGroup"],["formArrayName","phones","class","tui-space_bottom-4",3,"tuiLabel",4,"ngFor","ngForOf"],["formArrayName","phones",1,"form-array-error",3,"error"],["size","s","tuiButton","","type","button",1,"tui-space_top-4",3,"click"],["formArrayName","phones",1,"tui-space_bottom-4",3,"tuiLabel"],[1,"row"],["tuiTextfieldSize","m",1,"input",3,"formControlName","tuiTextfieldLabelOutside"],["autocomplete","new-password","tuiTextfield",""],["appearance","icon","icon","tuiIconTrash","size","m","title","Delete phone number","tuiIconButton","","type","button",1,"tui-space_left-2","icon",3,"click"],["phoneErrorContent",""],[3,"formControlName","error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0),m.YNc(1,ie,10,10,"label",1),m._UZ(2,"tui-error",2),m.ALo(3,"async"),m.ALo(4,"tuiFieldError"),m.TgZ(5,"button",3),m.NdJ("click",(function(){return t.addPhone()})),m._uU(6," Add a phone number "),m.qZA()()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(1),m.Q6J("ngForOf",t.formData.controls),m.xp6(1),m.Q6J("error",m.lcZ(3,3,m.lcZ(4,5,m.DdM(7,ne)))))},dependencies:[o.sg,n._Y,n.JJ,n.JL,n.sg,n.u,n.CE,b.x,A.s,_.v,L.A,j.M,P.v,ee.y,te.X,o.Ov,q.A],styles:[".input[_ngcontent-%COMP%]{width:20rem}.row[_ngcontent-%COMP%]{display:flex;align-items:center}.form-array-error[_ngcontent-%COMP%]{font-size:.875rem}"],changeDetection:0}),t})();var le=r(88960);const ae=function(){return[]},se=/^[a-zA-Z]+$/;let ce=(()=>{var e;class t{constructor(){var e;this.fb=(0,m.f3M)(n.QS),this.form=this.fb.group({text:["русский текст",n.kI.required]}),this.form.controls.text.setAsyncValidators((e=(0,m.f3M)(J.TUI_IS_E2E),t=>t.value&&se.test(t.value)?(0,E.of)(null):(0,E.of)({error:new J.TuiValidationError("Only latin letters allowed")}).pipe(e?(0,le.g)(0):(0,le.g)(5e3)))),this.form.controls.text.markAsTouched()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-5"]],decls:7,vars:7,consts:[[3,"formGroup"],[1,"tui-form__row"],["formControlName","text",1,"input"],["formControlName","text",3,"error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0)(1,"div",1)(2,"tui-input",2),m._uU(3," Enter some text "),m.qZA(),m._UZ(4,"tui-error",3),m.ALo(5,"async"),m.ALo(6,"tuiFieldError"),m.qZA()()),2&e&&(m.Q6J("formGroup",t.form),m.xp6(4),m.Q6J("error",m.lcZ(5,2,m.lcZ(6,4,m.DdM(6,ae)))))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,_.v,C.K,y.w,o.Ov,q.A],styles:[".input[_ngcontent-%COMP%]{width:20rem}.row[_ngcontent-%COMP%]{display:flex;align-items:center}.form-array-error[_ngcontent-%COMP%]{font-size:.875rem}"],changeDetection:0}),t})();var de=r(89437),pe=r(67446),me=r(29070),fe=r(54255),he=r(15491),ge=r(19582),Ze=r(57681),xe=r(222),Te=r(96408),be=r(48598),Ae=r(84190),_e=r(62818),Le=r(44457),Ce=r(99886);function ye(e,t){if(1&e&&(m.TgZ(0,"td",8),m._uU(1),m.qZA()),2&e){const e=m.oxw().$implicit;m.xp6(1),m.hij(" ",e.name," ")}}const qe=function(){return[]};function Ue(e,t){if(1&e&&(m.TgZ(0,"td",8)(1,"tui-input-number",9),m.ALo(2,"tuiFieldErrorContent"),m.ALo(3,"tuiCurrency"),m._uU(4," Price "),m.qZA()()),2&e){const e=m.oxw().index,t=m.oxw();m.xp6(1),m.Q6J("formControl",t.controls[e])("tuiHint",m.lcZ(2,3,m.DdM(7,qe)))("tuiTextfieldPostfix",m.lcZ(3,5,"UGX"))}}function we(e,t){1&e&&(m.TgZ(0,"tr",6),m.YNc(1,ye,2,1,"td",7),m.YNc(2,Ue,5,8,"td",7),m.qZA()),2&e&&(m.xp6(1),m.Q6J("tuiCell","name"),m.xp6(1),m.Q6J("tuiCell","price"))}let ve=(()=>{var e;class t{constructor(){this.data=[{name:"Latte"},{name:"Cappuccino"}],this.latteControl=new n.NI(null,[n.kI.required,n.kI.max(6)]),this.cappuccinoControl=new n.NI(null,[n.kI.required,n.kI.max(5)]),this.controls=[this.latteControl,this.cappuccinoControl],this.columns=["name","price"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-content-pipe-example-6"]],features:[m._Bn([{provide:d.TUI_VALIDATION_ERRORS,useValue:{required:"Enter this!",max:e=>`Too expensive, max ${e.max}`}}])],decls:9,vars:4,consts:[["tuiTable","",1,"table",3,"columns"],["tuiThGroup",""],["tuiTh","",3,"resizable"],["tuiTh",""],["tuiTbody","",3,"data"],["tuiTr","",4,"ngFor","ngForOf"],["tuiTr",""],["tuiTd","",4,"tuiCell"],["tuiTd",""],["tuiHintDirection","right",3,"formControl","tuiHint","tuiTextfieldPostfix"]],template:function(e,t){1&e&&(m.TgZ(0,"table",0)(1,"thead")(2,"tr",1)(3,"th",2),m._uU(4," Name "),m.qZA(),m.TgZ(5,"th",3),m._uU(6,"Price"),m.qZA()()(),m.TgZ(7,"tbody",4),m.YNc(8,we,3,2,"tr",5),m.qZA()()),2&e&&(m.Q6J("columns",t.columns),m.xp6(3),m.Q6J("resizable",!0),m.xp6(4),m.Q6J("data",t.data),m.xp6(1),m.Q6J("ngForOf",t.data))},dependencies:[o.sg,n.JJ,n.oH,de.T,pe.D,me.x,fe.t,he.D,Q.q,O.g,ge.c,Ze.j,xe.E,Te.W,be.K,Ae.f,_e.B,Le.y,Ce.i],styles:[".table[_ngcontent-%COMP%]{width:100%;table-layout:fixed}.error[_ngcontent-%COMP%]{color:#fff}"],changeDetection:0}),t})();function Ve(e,t){if(1&e&&(m.TgZ(0,"p"),m._uU(1," FieldErrorPipe takes order of errors as array and transform it to "),m.TgZ(2,"code"),m._uU(3,"TuiValidationError"),m.qZA(),m._uU(4," . Can be used with "),m.TgZ(5,"code"),m._uU(6,"TuiError"),m.qZA()(),m.TgZ(7,"p"),m._uU(8," You can also use "),m.TgZ(9,"code"),m._uU(10,"tuiFieldErrorContentPipe"),m.qZA(),m._uU(11," with "),m.TgZ(12,"code"),m._uU(13,"TuiHint"),m.qZA(),m._uU(14," (see "),m.TgZ(15,"a",3),m._uU(16," tuiFieldErrorContentPipe example "),m.qZA(),m._uU(17," ). It returns a content of the TuiValidationError. "),m.qZA(),m.TgZ(18,"tui-doc-example",4),m._UZ(19,"tui-field-error-pipe-example-1"),m.qZA(),m.TgZ(20,"tui-doc-example",5),m._UZ(21,"tui-field-error-pipe-example-2"),m.qZA(),m.TgZ(22,"tui-doc-example",6),m._UZ(23,"tui-field-error-pipe-example-3"),m.qZA(),m.TgZ(24,"tui-doc-example",7),m._UZ(25,"tui-field-error-pipe-example-4"),m.qZA(),m.TgZ(26,"tui-doc-example",8),m._UZ(27,"tui-field-error-pipe-example-5"),m.qZA(),m.TgZ(28,"tui-doc-example",9),m._UZ(29,"tui-field-error-content-pipe-example-6"),m.qZA()),2&e){const e=m.oxw();m.xp6(18),m.Q6J("content",e.example1),m.xp6(2),m.Q6J("content",e.example2),m.xp6(2),m.Q6J("content",e.example3),m.xp6(2),m.Q6J("content",e.example4),m.xp6(2),m.Q6J("content",e.example5),m.xp6(2),m.Q6J("content",e.example6)}}function Me(e,t){if(1&e&&(m.TgZ(0,"ol",10)(1,"li")(2,"p"),m._uU(3," Import "),m.TgZ(4,"code"),m._uU(5,"TuiFieldErrorPipeModule"),m.qZA(),m._uU(6," into a module where you want to use our component "),m.qZA(),m._UZ(7,"tui-doc-code",11),m.qZA(),m.TgZ(8,"li")(9,"p"),m._uU(10,"Use pipe in template:"),m.qZA(),m._UZ(11,"tui-doc-code",12),m.qZA()()),2&e){const e=m.oxw();m.xp6(7),m.Q6J("code",e.exampleModule),m.xp6(4),m.Q6J("code",e.exampleHtml)}}let Je=(()=>{var e;class t{constructor(){this.exampleModule=r.e(97011).then(r.t.bind(r,97011,17)),this.exampleHtml=r.e(85093).then(r.t.bind(r,85093,17)),this.example1={TypeScript:r.e(98695).then(r.t.bind(r,98695,17)),HTML:r.e(72178).then(r.t.bind(r,72178,17))},this.example2={TypeScript:r.e(14720).then(r.t.bind(r,14720,17)),HTML:r.e(93850).then(r.t.bind(r,93850,17))},this.example3={TypeScript:r.e(4697).then(r.t.bind(r,4697,17)),HTML:r.e(18777).then(r.t.bind(r,18777,17))},this.example4={TypeScript:r.e(79147).then(r.t.bind(r,79147,17)),HTML:r.e(39218).then(r.t.bind(r,39218,17)),LESS:r.e(37605).then(r.t.bind(r,37605,17))},this.example5={TypeScript:r.e(19684).then(r.t.bind(r,19684,17)),HTML:r.e(52261).then(r.t.bind(r,52261,17)),LESS:r.e(74547).then(r.t.bind(r,74547,17))},this.example6={TypeScript:r.e(52108).then(r.t.bind(r,52108,17)),HTML:r.e(91072).then(r.t.bind(r,91072,17)),LESS:r.e(67129).then(r.t.bind(r,67129,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["example-field-error-pipe"]],decls:3,vars:0,consts:[["header","FieldError","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["fragment","content","routerLink",".","tuiLink",""],["id","base","heading","Basic",3,"content"],["id","custom-messages","heading","With custom messages for validators",3,"content"],["id","patterns","heading","with a template",3,"content"],["id","form-array","heading","With adding new controls (FormArray)",3,"content"],["id","async","heading","async validator",3,"content"],["id","content","heading","tuiFieldErrorContentPipe",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(m.TgZ(0,"tui-doc-page",0),m.YNc(1,Ve,30,6,"ng-template",1),m.YNc(2,Me,12,2,"ng-template",2),m.qZA())},dependencies:[f.c,h.q,g.n,Z.f,x.V,i.rH,M,S,K,ue,ce,ve],encapsulation:2,changeDetection:0}),t})(),Ee=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=m.oAB({type:e}),e.ɵinj=m.cJS({imports:[o.ez,n.UX,l.fV,s.TuiTextfieldControllerModule,s.TuiErrorModule,d.TuiFieldErrorPipeModule,s.TuiLabelModule,s.TuiHintModule,d.TuiInputModule,s.TuiButtonModule,d.TuiInputPhoneModule,d.TuiInputNumberModule,s.TuiLinkModule,a.TuiTableModule,s.TuiHintModule,d.TuiInputNumberModule,u.TuiCurrencyPipeModule,p.wq,c.xl,i.Bz.forChild((0,l.Ve)(Je))]}),t})()}}]); \ No newline at end of file diff --git a/next/36909.6f6fdc582b8fbf58.js b/next/36909.6f6fdc582b8fbf58.js deleted file mode 100644 index 83b752270743..000000000000 --- a/next/36909.6f6fdc582b8fbf58.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36909],{36909:(e,t,r)=>{r.r(t),r.d(t,{ExampleTuiFieldErrorModule:()=>Ee});var o=r(88692),n=r(69900),i=r(91795),u=r(24007),l=r(64500),a=r(29297),s=r(73588),c=r(61917),d=r(84479),p=r(89570),m=r(64537),f=r(83074),h=r(43560),g=r(93525),Z=r(38868),x=r(66596),T=r(42147),b=r(68874),A=r(10200),_=r(36951),L=r(88135),C=r(77027),y=r(41360),q=r(7114);const U=function(){return[]},w=/^[a-zA-Z]+$/;function v(e){return e.value&&w.test(e.value)?null:{other:"Only latin letters are allowed"}}function V(e){return"42"===e.value?null:{other:"Wrong"}}let M=(()=>{var e;class t{constructor(){this.testValue1=new n.NI("",[n.kI.required,v]),this.testValue3=new n.NI("",[n.kI.required,v]),this.testForm=new n.cw({testValue1:this.testValue1,testValue2:new n.NI("",[n.kI.required,V])},(e=>Object.values(e.controls).every((({valid:e})=>e))?null:{other:"Form is invalid"})),this.testValue1.valueChanges.pipe((0,T.x)()).subscribe((()=>{this.testValue1.markAsTouched()}))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-1"]],decls:36,vars:21,consts:[[1,"b-form",3,"formGroup"],["tuiLabel","Type the ultimate answer",1,"tui-space_bottom-4"],["formControlName","testValue2","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["formControlName","testValue2",3,"error"],["tuiLabel","Set a password"],["formControlName","testValue1","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["formControlName","testValue1",3,"error"],["fragment","mark-control-as-touched-and-validate","href","/utils/miscellaneous#mark-control-as-touched-and-validate","routerLink","/utils/miscellaneous","tuiLink",""],["href","https://angular.io/api/forms/NgControl","rel","noreferrer","target","_blank","tuiLink",""],["href","https://angular.io/api/forms/ControlContainer","rel","noreferrer","target","_blank","tuiLink",""],[3,"error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),m._uU(3," to the Question of Life, the Universe, and Everything "),m.qZA(),m._UZ(4,"tui-error",3),m.ALo(5,"async"),m.ALo(6,"tuiFieldError"),m.qZA(),m.TgZ(7,"label",4)(8,"tui-input",5),m._uU(9," Latin letters only "),m.qZA(),m._UZ(10,"tui-error",6),m.ALo(11,"async"),m.ALo(12,"tuiFieldError"),m.qZA(),m.TgZ(13,"p"),m._uU(14," If you want to show a validation message as soon as a user starts typing, subscribe on form value changes and call markAsTouched on control on first value change. You can also use "),m.TgZ(15,"a",7)(16,"code"),m._uU(17,"tuiMarkControlAsTouchedAndValidate"),m.qZA()()(),m.TgZ(18,"p")(19,"code"),m._uU(20,"tuiFieldError"),m.qZA(),m._uU(21," pipe can be used inside your controls to show error messages for parent "),m.TgZ(22,"a",8),m._uU(23," NgControl "),m.qZA(),m._uU(24," or "),m.TgZ(25,"a",9),m._uU(26," ControlContainer "),m.qZA(),m._uU(27," through DI without explicit directive on "),m.TgZ(28,"code"),m._uU(29,"tui-error"),m.qZA(),m._uU(30," . "),m.qZA(),m.TgZ(31,"p"),m._uU(32,"Below is an error for the entire form:"),m.qZA(),m._UZ(33,"tui-error",10),m.ALo(34,"async"),m.ALo(35,"tuiFieldError"),m.qZA()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(2),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(2),m.Q6J("error",m.lcZ(5,6,m.lcZ(6,8,m.DdM(18,U)))),m.xp6(4),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(2),m.Q6J("error",m.lcZ(11,10,m.lcZ(12,12,m.DdM(19,U)))),m.xp6(23),m.Q6J("error",m.lcZ(34,14,m.lcZ(35,16,m.DdM(20,U)))))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,b.x,A.s,_.v,L.A,C.K,y.w,x.V,i.rH,o.Ov,q.A],encapsulation:2,changeDetection:0}),t})();var J=r(53222),E=r(84945),N=r(15490),I=r(7479),k=r(27969),F=r(51927),Q=r(16753),O=r(13735);const D=function(){return[]};let S=(()=>{var e;class t{constructor(){this.testValue1=new n.NI("",[n.kI.minLength(4),n.kI.maxLength(4)]),this.testValue2=new n.NI("",[n.kI.required,n.kI.email]),this.testValue3=new n.NI(2,[n.kI.min(3)]),this.testForm=new n.cw({testValue1:this.testValue1,testValue2:this.testValue2,testValue3:this.testValue3}),this.testValue1.valueChanges.subscribe((()=>{this.testValue1.markAsTouched()}))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-2"]],features:[m._Bn([{provide:d.TUI_VALIDATION_ERRORS,useValue:{required:"Enter this!",email:"Enter a valid email",maxlength:({requiredLength:e})=>`Maximum length — ${e}`,minlength:({requiredLength:e})=>(0,E.of)(`Minimum length — ${e}`),min:(0,N.F)(2e3).pipe((0,I.R)(J.tuiIsFalsy,!1),(0,k.U)((e=>e?"Fix please":"Min number 3")),(0,F.O)("Min number 3"))}}])],decls:19,vars:21,consts:[[1,"b-form",3,"formGroup"],["tuiLabel","Enter an email",1,"tui-space_bottom-4"],["formControlName","testValue2","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["formControlName","testValue2",3,"error"],["tuiLabel","Minimum and maximum length",1,"tui-space_bottom-4"],["formControlName","testValue1","tuiTextfieldSize","m"],["formControlName","testValue1",3,"error"],["tuiLabel","Minimum number"],["decimal","never","formControlName","testValue3","tuiTextfieldSize","m",3,"step"],["formControlName","testValue3",3,"error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),m._uU(3," Required "),m.qZA(),m._UZ(4,"tui-error",3),m.ALo(5,"async"),m.ALo(6,"tuiFieldError"),m.qZA(),m.TgZ(7,"label",4)(8,"tui-input",5),m._uU(9," 4 letters word... "),m.qZA(),m._UZ(10,"tui-error",6),m.ALo(11,"async"),m.ALo(12,"tuiFieldError"),m.qZA(),m.TgZ(13,"label",7)(14,"tui-input-number",8),m._uU(15," number "),m.qZA(),m._UZ(16,"tui-error",9),m.ALo(17,"async"),m.ALo(18,"tuiFieldError"),m.qZA()()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(2),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(2),m.Q6J("error",m.lcZ(5,6,m.lcZ(6,8,m.DdM(18,D)))),m.xp6(6),m.Q6J("error",m.lcZ(11,10,m.lcZ(12,12,m.DdM(19,D)))),m.xp6(4),m.Q6J("step",1),m.xp6(2),m.Q6J("error",m.lcZ(17,14,m.lcZ(18,16,m.DdM(20,D)))))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,b.x,A.s,_.v,L.A,C.K,y.w,Q.q,O.g,o.Ov,q.A],encapsulation:2,changeDetection:0}),t})();var P=r(76189),H=r(22968);const z=["errorContent"],G=["bigErrorContent"];function Y(e,t){1&e&&(m._uU(0," Secret number must contain "),m.TgZ(1,"strong"),m._uU(2,"10 or 12 digits"),m.qZA(),m._uU(3," . "))}function B(e,t){1&e&&(m._uU(0," This company is already registered "),m.TgZ(1,"button",13),m._uU(2," It is mine "),m.qZA())}const R=function(){return["required","inn"]},X=function(){return[]},W=/^\d{10}$/,$=/^\d{12}$/;let K=(()=>{var e;class t{constructor(){this.testValue2=new n.NI(""),this.testForm=new n.cw({testValue1:new n.NI("",[n.kI.required,this.getSecretValidator()]),testValue2:this.testValue2,testValue3:new n.NI(!1,[n.kI.requiredTrue])}),this.companyValidator=e=>e.value?{inn:new J.TuiValidationError(this.bigErrorContent)}:null}ngOnInit(){this.testValue2.setValidators([n.kI.required,this.companyValidator])}onSubmit(){(0,J.tuiMarkControlAsTouchedAndValidate)(this.testForm)}getSecretValidator(){return e=>e.value&&(W.test(e.value)||$.test(e.value))?null:{secret:new J.TuiValidationError(this.errorContent)}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-3"]],viewQuery:function(e,t){if(1&e&&(m.Gf(z,5),m.Gf(G,5)),2&e){let e;m.iGM(e=m.CRH())&&(t.errorContent=e.first),m.iGM(e=m.CRH())&&(t.bigErrorContent=e.first)}},decls:24,vars:21,consts:[[1,"b-form",3,"formGroup","submit"],["tuiLabel","Secret number"],["formControlName","testValue1","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["errorContent",""],["formControlName","testValue1",3,"error"],["tuiLabel","Enter company name",1,"tui-space_top-4","tui-space_bottom-4"],["formControlName","testValue2","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["bigErrorContent",""],["formControlName","testValue2",3,"error"],[1,"checkbox"],["formControlName","testValue3","size","s","tuiCheckbox","","type","checkbox"],["formControlName","testValue3",3,"error"],["size","m","tuiButton","","type","submit",1,"tui-space_top-4"],["tuiButton","","type","button",1,"tui-space_top-2"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0),m.NdJ("submit",(function(){return t.onSubmit()})),m.TgZ(1,"label",1),m._UZ(2,"tui-input",2),m.YNc(3,Y,4,0,"ng-template",null,3,m.W1O),m._UZ(5,"tui-error",4),m.ALo(6,"async"),m.ALo(7,"tuiFieldError"),m.qZA(),m.TgZ(8,"label",5),m._UZ(9,"tui-input",6),m.YNc(10,B,3,0,"ng-template",null,7,m.W1O),m._UZ(12,"tui-error",8),m.ALo(13,"async"),m.ALo(14,"tuiFieldError"),m.qZA(),m.TgZ(15,"label")(16,"div",9),m._UZ(17,"input",10),m._uU(18," I agree on the conditions "),m.qZA(),m._UZ(19,"tui-error",11),m.ALo(20,"async"),m.ALo(21,"tuiFieldError"),m.qZA(),m.TgZ(22,"button",12),m._uU(23," Submit "),m.qZA()()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(2),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(3),m.Q6J("error",m.lcZ(6,6,m.lcZ(7,8,m.DdM(18,R)))),m.xp6(4),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(3),m.Q6J("error",m.lcZ(13,10,m.lcZ(14,12,m.DdM(19,X)))),m.xp6(7),m.Q6J("error",m.lcZ(20,14,m.lcZ(21,16,m.DdM(20,X)))))},dependencies:[n._Y,n.Wl,n.JJ,n.JL,n.sg,n.u,b.x,A.s,_.v,L.A,C.K,y.w,P.v,H.f,o.Ov,q.A],styles:[".checkbox[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"],changeDetection:0}),t})();var j=r(91030),ee=r(96895),te=r(45303);const re=["phoneErrorContent"];function oe(e,t){1&e&&m._uU(0,"Invalid phone number length")}const ne=function(){return[]};function ie(e,t){if(1&e){const e=m.EpF();m.TgZ(0,"label",4)(1,"span",5)(2,"tui-input-phone",6),m._UZ(3,"input",7),m.qZA(),m.TgZ(4,"button",8),m.NdJ("click",(function(){const t=m.CHM(e).index,r=m.oxw();return m.KtG(r.removePhone(t))})),m.qZA()(),m.YNc(5,oe,1,0,"ng-template",null,9,m.W1O),m._UZ(7,"tui-error",10),m.ALo(8,"async"),m.ALo(9,"tuiFieldError"),m.qZA()}if(2&e){const e=t.index;m.MGl("tuiLabel","Phone number ",e+1,""),m.xp6(2),m.s9C("formControlName",e),m.Q6J("tuiTextfieldLabelOutside",!0),m.xp6(5),m.s9C("formControlName",e),m.Q6J("error",m.lcZ(8,5,m.lcZ(9,7,m.DdM(9,ne))))}}let ue=(()=>{var e;class t{constructor(){this.testForm=new n.cw({phones:new n.Oe([new n.NI("",[n.kI.required,this.getPhoneLengthValidator()])],[this.getPhoneArrayValidator()])})}get formData(){return this.testForm.get("phones")}addPhone(){this.formData.push(new n.NI("",this.addValidators()))}removePhone(e){this.formData.removeAt(e);let t=0;for(;t<=1&&this.formData.controls[t];)this.formData.controls[t].setValidators([n.kI.required,this.getPhoneLengthValidator()]),t++}addValidators(){return this.formData.controls.length<2?[n.kI.required,this.getPhoneLengthValidator()]:null}getPhoneLengthValidator(){return e=>12!==e.value.length?{length:new J.TuiValidationError(this.phoneErrorContent)}:null}getPhoneArrayValidator(){return e=>e.controls.length<2||e.controls.filter((e=>e.errors)).length&&e.controls.length?{length:new J.TuiValidationError("You should add at least 2 phone number")}:null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-4"]],viewQuery:function(e,t){if(1&e&&m.Gf(re,5),2&e){let e;m.iGM(e=m.CRH())&&(t.phoneErrorContent=e.first)}},decls:7,vars:8,consts:[[3,"formGroup"],["formArrayName","phones","class","tui-space_bottom-4",3,"tuiLabel",4,"ngFor","ngForOf"],["formArrayName","phones",1,"form-array-error",3,"error"],["size","s","tuiButton","","type","button",1,"tui-space_top-4",3,"click"],["formArrayName","phones",1,"tui-space_bottom-4",3,"tuiLabel"],[1,"row"],["tuiTextfieldSize","m",1,"input",3,"formControlName","tuiTextfieldLabelOutside"],["autocomplete","new-password","tuiTextfield",""],["appearance","icon","icon","tuiIconTrash","size","m","title","Delete phone number","tuiIconButton","","type","button",1,"tui-space_left-2","icon",3,"click"],["phoneErrorContent",""],[3,"formControlName","error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0),m.YNc(1,ie,10,10,"label",1),m._UZ(2,"tui-error",2),m.ALo(3,"async"),m.ALo(4,"tuiFieldError"),m.TgZ(5,"button",3),m.NdJ("click",(function(){return t.addPhone()})),m._uU(6," Add a phone number "),m.qZA()()),2&e&&(m.Q6J("formGroup",t.testForm),m.xp6(1),m.Q6J("ngForOf",t.formData.controls),m.xp6(1),m.Q6J("error",m.lcZ(3,3,m.lcZ(4,5,m.DdM(7,ne)))))},dependencies:[o.sg,n._Y,n.JJ,n.JL,n.sg,n.u,n.CE,b.x,A.s,_.v,L.A,j.M,P.v,ee.y,te.X,o.Ov,q.A],styles:[".input[_ngcontent-%COMP%]{width:20rem}.row[_ngcontent-%COMP%]{display:flex;align-items:center}.form-array-error[_ngcontent-%COMP%]{font-size:.875rem}"],changeDetection:0}),t})();var le=r(88960);const ae=function(){return[]},se=/^[a-zA-Z]+$/;let ce=(()=>{var e;class t{constructor(){var e;this.fb=(0,m.f3M)(n.QS),this.form=this.fb.group({text:["русский текст",n.kI.required]}),this.form.controls.text.setAsyncValidators((e=(0,m.f3M)(J.TUI_IS_E2E),t=>t.value&&se.test(t.value)?(0,E.of)(null):(0,E.of)({error:new J.TuiValidationError("Only latin letters allowed")}).pipe(e?(0,le.g)(0):(0,le.g)(5e3)))),this.form.controls.text.markAsTouched()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-pipe-example-5"]],decls:7,vars:7,consts:[[3,"formGroup"],[1,"tui-form__row"],["formControlName","text",1,"input"],["formControlName","text",3,"error"]],template:function(e,t){1&e&&(m.TgZ(0,"form",0)(1,"div",1)(2,"tui-input",2),m._uU(3," Enter some text "),m.qZA(),m._UZ(4,"tui-error",3),m.ALo(5,"async"),m.ALo(6,"tuiFieldError"),m.qZA()()),2&e&&(m.Q6J("formGroup",t.form),m.xp6(4),m.Q6J("error",m.lcZ(5,2,m.lcZ(6,4,m.DdM(6,ae)))))},dependencies:[n._Y,n.JJ,n.JL,n.sg,n.u,_.v,C.K,y.w,o.Ov,q.A],styles:[".input[_ngcontent-%COMP%]{width:20rem}.row[_ngcontent-%COMP%]{display:flex;align-items:center}.form-array-error[_ngcontent-%COMP%]{font-size:.875rem}"],changeDetection:0}),t})();var de=r(89437),pe=r(67446),me=r(29070),fe=r(54255),he=r(15491),ge=r(19582),Ze=r(57681),xe=r(222),Te=r(96408),be=r(48598),Ae=r(84190),_e=r(62818),Le=r(44457),Ce=r(99886);function ye(e,t){if(1&e&&(m.TgZ(0,"td",8),m._uU(1),m.qZA()),2&e){const e=m.oxw().$implicit;m.xp6(1),m.hij(" ",e.name," ")}}const qe=function(){return[]};function Ue(e,t){if(1&e&&(m.TgZ(0,"td",8)(1,"tui-input-number",9),m.ALo(2,"tuiFieldErrorContent"),m.ALo(3,"tuiCurrency"),m._uU(4," Price "),m.qZA()()),2&e){const e=m.oxw().index,t=m.oxw();m.xp6(1),m.Q6J("formControl",t.controls[e])("tuiHint",m.lcZ(2,3,m.DdM(7,qe)))("tuiTextfieldPostfix",m.lcZ(3,5,"UGX"))}}function we(e,t){1&e&&(m.TgZ(0,"tr",6),m.YNc(1,ye,2,1,"td",7),m.YNc(2,Ue,5,8,"td",7),m.qZA()),2&e&&(m.xp6(1),m.Q6J("tuiCell","name"),m.xp6(1),m.Q6J("tuiCell","price"))}let ve=(()=>{var e;class t{constructor(){this.data=[{name:"Latte"},{name:"Cappuccino"}],this.latteControl=new n.NI(null,[n.kI.required,n.kI.max(6)]),this.cappuccinoControl=new n.NI(null,[n.kI.required,n.kI.max(5)]),this.controls=[this.latteControl,this.cappuccinoControl],this.columns=["name","price"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["tui-field-error-content-pipe-example-6"]],features:[m._Bn([{provide:d.TUI_VALIDATION_ERRORS,useValue:{required:"Enter this!",max:e=>`Too expensive, max ${e.max}`}}])],decls:9,vars:4,consts:[["tuiTable","",1,"table",3,"columns"],["tuiThGroup",""],["tuiTh","",3,"resizable"],["tuiTh",""],["tuiTbody","",3,"data"],["tuiTr","",4,"ngFor","ngForOf"],["tuiTr",""],["tuiTd","",4,"tuiCell"],["tuiTd",""],["tuiHintDirection","right",3,"formControl","tuiHint","tuiTextfieldPostfix"]],template:function(e,t){1&e&&(m.TgZ(0,"table",0)(1,"thead")(2,"tr",1)(3,"th",2),m._uU(4," Name "),m.qZA(),m.TgZ(5,"th",3),m._uU(6,"Price"),m.qZA()()(),m.TgZ(7,"tbody",4),m.YNc(8,we,3,2,"tr",5),m.qZA()()),2&e&&(m.Q6J("columns",t.columns),m.xp6(3),m.Q6J("resizable",!0),m.xp6(4),m.Q6J("data",t.data),m.xp6(1),m.Q6J("ngForOf",t.data))},dependencies:[o.sg,n.JJ,n.oH,de.T,pe.D,me.x,fe.t,he.D,Q.q,O.g,ge.c,Ze.j,xe.E,Te.W,be.K,Ae.f,_e.B,Le.y,Ce.i],styles:[".table[_ngcontent-%COMP%]{width:100%;table-layout:fixed}.error[_ngcontent-%COMP%]{color:#fff}"],changeDetection:0}),t})();function Ve(e,t){if(1&e&&(m.TgZ(0,"p"),m._uU(1," FieldErrorPipe takes order of errors as array and transform it to "),m.TgZ(2,"code"),m._uU(3,"TuiValidationError"),m.qZA(),m._uU(4," . Can be used with "),m.TgZ(5,"code"),m._uU(6,"TuiError"),m.qZA()(),m.TgZ(7,"p"),m._uU(8," You can also use "),m.TgZ(9,"code"),m._uU(10,"tuiFieldErrorContentPipe"),m.qZA(),m._uU(11," with "),m.TgZ(12,"code"),m._uU(13,"TuiHint"),m.qZA(),m._uU(14," (see "),m.TgZ(15,"a",3),m._uU(16," tuiFieldErrorContentPipe example "),m.qZA(),m._uU(17," ). It returns a content of the TuiValidationError. "),m.qZA(),m.TgZ(18,"tui-doc-example",4),m._UZ(19,"tui-field-error-pipe-example-1"),m.qZA(),m.TgZ(20,"tui-doc-example",5),m._UZ(21,"tui-field-error-pipe-example-2"),m.qZA(),m.TgZ(22,"tui-doc-example",6),m._UZ(23,"tui-field-error-pipe-example-3"),m.qZA(),m.TgZ(24,"tui-doc-example",7),m._UZ(25,"tui-field-error-pipe-example-4"),m.qZA(),m.TgZ(26,"tui-doc-example",8),m._UZ(27,"tui-field-error-pipe-example-5"),m.qZA(),m.TgZ(28,"tui-doc-example",9),m._UZ(29,"tui-field-error-content-pipe-example-6"),m.qZA()),2&e){const e=m.oxw();m.xp6(18),m.Q6J("content",e.example1),m.xp6(2),m.Q6J("content",e.example2),m.xp6(2),m.Q6J("content",e.example3),m.xp6(2),m.Q6J("content",e.example4),m.xp6(2),m.Q6J("content",e.example5),m.xp6(2),m.Q6J("content",e.example6)}}function Me(e,t){if(1&e&&(m.TgZ(0,"ol",10)(1,"li")(2,"p"),m._uU(3," Import "),m.TgZ(4,"code"),m._uU(5,"TuiFieldErrorPipeModule"),m.qZA(),m._uU(6," into a module where you want to use our component "),m.qZA(),m._UZ(7,"tui-doc-code",11),m.qZA(),m.TgZ(8,"li")(9,"p"),m._uU(10,"Use pipe in template:"),m.qZA(),m._UZ(11,"tui-doc-code",12),m.qZA()()),2&e){const e=m.oxw();m.xp6(7),m.Q6J("code",e.exampleModule),m.xp6(4),m.Q6J("code",e.exampleHtml)}}let Je=(()=>{var e;class t{constructor(){this.exampleModule=r.e(97011).then(r.t.bind(r,97011,17)),this.exampleHtml=r.e(85093).then(r.t.bind(r,85093,17)),this.example1={TypeScript:r.e(98695).then(r.t.bind(r,98695,17)),HTML:r.e(72178).then(r.t.bind(r,72178,17))},this.example2={TypeScript:r.e(14720).then(r.t.bind(r,14720,17)),HTML:r.e(93850).then(r.t.bind(r,93850,17))},this.example3={TypeScript:r.e(4697).then(r.t.bind(r,4697,17)),HTML:r.e(18777).then(r.t.bind(r,18777,17))},this.example4={TypeScript:r.e(79147).then(r.t.bind(r,79147,17)),HTML:r.e(39218).then(r.t.bind(r,39218,17)),LESS:r.e(37605).then(r.t.bind(r,37605,17))},this.example5={TypeScript:r.e(19684).then(r.t.bind(r,19684,17)),HTML:r.e(52261).then(r.t.bind(r,52261,17)),LESS:r.e(74547).then(r.t.bind(r,74547,17))},this.example6={TypeScript:r.e(52108).then(r.t.bind(r,52108,17)),HTML:r.e(91072).then(r.t.bind(r,91072,17)),LESS:r.e(67129).then(r.t.bind(r,67129,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=m.Xpm({type:e,selectors:[["example-field-error-pipe"]],decls:3,vars:0,consts:[["header","FieldError","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["fragment","content","routerLink",".","tuiLink",""],["id","base","heading","Basic",3,"content"],["id","custom-messages","heading","With custom messages for validators",3,"content"],["id","patterns","heading","with a template",3,"content"],["id","form-array","heading","With adding new controls (FormArray)",3,"content"],["id","async","heading","async validator",3,"content"],["id","content","heading","tuiFieldErrorContentPipe",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(m.TgZ(0,"tui-doc-page",0),m.YNc(1,Ve,30,6,"ng-template",1),m.YNc(2,Me,12,2,"ng-template",2),m.qZA())},dependencies:[f.c,h.q,g.n,Z.f,x.V,i.rH,M,S,K,ue,ce,ve],encapsulation:2,changeDetection:0}),t})(),Ee=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=m.oAB({type:e}),e.ɵinj=m.cJS({imports:[o.ez,n.UX,l.fV,s.TuiTextfieldControllerModule,s.TuiErrorModule,d.TuiFieldErrorPipeModule,s.TuiLabelModule,s.TuiHintModule,d.TuiInputModule,s.TuiButtonModule,d.TuiInputPhoneModule,d.TuiInputNumberModule,s.TuiLinkModule,a.TuiTableModule,s.TuiHintModule,d.TuiInputNumberModule,u.TuiCurrencyPipeModule,p.wq,c.xl,i.Bz.forChild((0,l.Ve)(Je))]}),t})()}}]); \ No newline at end of file diff --git a/next/37519.0aa4565d4b88d61a.js b/next/37519.0aa4565d4b88d61a.js deleted file mode 100644 index d60539ce3f9e..000000000000 --- a/next/37519.0aa4565d4b88d61a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37519],{37519:n=>{n.exports='\n \n π\n -value\n \n\n'}}]); \ No newline at end of file diff --git a/next/37519.ec909dde36ddbcec.js b/next/37519.ec909dde36ddbcec.js new file mode 100644 index 000000000000..714b5030a5af --- /dev/null +++ b/next/37519.ec909dde36ddbcec.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37519],{37519:n=>{n.exports='
\n \n π\n -value\n \n\n'}}]); \ No newline at end of file diff --git a/next/37914.9c304ffaa017341a.js b/next/37914.9c304ffaa017341a.js new file mode 100644 index 000000000000..1912fbc9d769 --- /dev/null +++ b/next/37914.9c304ffaa017341a.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37914],{37914:e=>{e.exports='
\n \n Employee\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/37914.bb63ee887561f8b9.js b/next/37914.bb63ee887561f8b9.js deleted file mode 100644 index 45fa67180cfd..000000000000 --- a/next/37914.bb63ee887561f8b9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37914],{37914:e=>{e.exports='
\n \n Employee\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/37998.cfcc4792dd00e67b.js b/next/37998.cfcc4792dd00e67b.js deleted file mode 100644 index 163c7ab43551..000000000000 --- a/next/37998.cfcc4792dd00e67b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37998],{37998:e=>{e.exports='\n Max: 47h 59m\n\n'}}]); \ No newline at end of file diff --git a/next/37998.ff8bf0e45ece7366.js b/next/37998.ff8bf0e45ece7366.js new file mode 100644 index 000000000000..1a87010d47de --- /dev/null +++ b/next/37998.ff8bf0e45ece7366.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37998],{37998:e=>{e.exports='\n Max: 47h 59m\n\n'}}]); \ No newline at end of file diff --git a/next/39097.3424a862fd532155.js b/next/39097.3424a862fd532155.js deleted file mode 100644 index 3f677ea46a99..000000000000 --- a/next/39097.3424a862fd532155.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[39097],{39097:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSelectModule:()=>Ot});var i=n(56900),a=n(88692),o=n(69900),u=n(91795),l=n(24007),r=n(64500),c=n(53222),s=n(73588),d=n(84479),p=n(89570),m=n(75695),g=n(64537),f=n(82880),h=n(98204),x=n(52219),b=n(50170),T=n(1414),Z=n(76189),v=n(66596),C=n(34880),y=n(69956),w=n(33250),M=n(64374),_=n(6707),A=n(68874),O=n(10200),J=n(3729),U=n(87205),S=n(84848),L=n(50020),q=n(79121),N=n(54218),P=n(83074),k=n(10977),I=n(62840),Q=n(60404),D=n(43560),H=n(93525),F=n(38868),V=n(91030);function Y(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",6),2&e){const e=g.oxw();g.Q6J("items",e.items)}}function G(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",6),2&e){const e=g.oxw();g.Q6J("items",e.items)}}function B(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",6),2&e){const e=g.oxw();g.Q6J("items",e.items)}}let E=(()=>{var e;class t{constructor(){this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.testValue=new o.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-1"]],decls:13,vars:4,consts:[[1,"b-form"],["tuiTextfieldSize","s",3,"formControl"],["placeholder","Choose your hero","tuiTextfield",""],[3,"items",4,"tuiDataList"],["tuiTextfieldSize","m",1,"tui-space_vertical-4",3,"formControl","tuiTextfieldLabelOutside"],[3,"formControl"],[3,"items"]],template:function(e,t){1&e&&(g.TgZ(0,"form",0)(1,"tui-select",1),g._uU(2," Character "),g._UZ(3,"input",2),g.YNc(4,Y,1,1,"tui-data-list-wrapper",3),g.qZA(),g.TgZ(5,"tui-select",4),g._uU(6," Character "),g._UZ(7,"input",2),g.YNc(8,G,1,1,"tui-data-list-wrapper",3),g.qZA(),g.TgZ(9,"tui-select",5),g._uU(10," Character "),g._UZ(11,"input",2),g.YNc(12,B,1,1,"tui-data-list-wrapper",3),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("formControl",t.testValue),g.xp6(4),g.Q6J("formControl",t.testValue)("tuiTextfieldLabelOutside",!0),g.xp6(4),g.Q6J("formControl",t.testValue))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x.g,V.M,b.u,T.O,A.x,O.s,L.e],encapsulation:2,changeDetection:0}),t})();var z=n(68661),R=n(10650);function $(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",7),2&e){const e=g.oxw(),t=g.MAs(11);g.Q6J("itemContent",t)("items",e.cards)}}function K(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",7),2&e){const e=g.oxw(),t=g.MAs(11);g.Q6J("itemContent",t)("items",e.cards)}}function W(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",7),2&e){const e=g.oxw(),t=g.MAs(13);g.Q6J("itemContent",t)("items",e.accounts)}}function j(e,t){if(1&e&&(g.TgZ(0,"div",8),g._UZ(1,"tui-thumbnail-card",9),g.TgZ(2,"span",10),g._uU(3),g.qZA(),g.TgZ(4,"span",11),g._uU(5),g.qZA()()),2&e){const e=t.$implicit;g.xp6(1),g.Q6J("cardNumber",e.cardNumber.slice(1)),g.xp6(2),g.Oqu(e.cardName),g.xp6(2),g.Oqu(e.cardNumber)}}function X(e,t){if(1&e&&(g.TgZ(0,"div",12),g._uU(1),g.TgZ(2,"span"),g._uU(3),g.ALo(4,"async"),g.ALo(5,"tuiAmount"),g.qZA()()),2&e){const e=t.$implicit;g.xp6(1),g.hij(" ",e.name," "),g.xp6(2),g.Oqu(g.lcZ(4,2,g.xi3(5,4,e.amount,"RUB")))}}class ee{constructor(e,t){this.cardName=e,this.cardNumber=t}}class te{constructor(e,t,n,i){this.id=e,this.name=t,this.amount=n,this.currency=i}}let ne=(()=>{var e;class t{constructor(){this.cards=[new ee("Bitcoin","*6713"),new ee("Money","*4562"),new ee("Charity","*6788"),new ee("Subscriptions","*1231")],this.accounts=[new te("1","RUB",24876.55,l.TuiCurrency.Ruble),new te("2","USD",335,l.TuiCurrency.Dollar),new te("3","EUR",1e4,l.TuiCurrency.Euro),new te("4","PND",100,l.TuiCurrency.Pound)],this.testForm=new o.cw({testValue:new o.NI(this.cards[0]),accounts:new o.NI(this.accounts[0])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-2"]],decls:14,vars:6,consts:[[1,"form",3,"formGroup"],["formControlName","testValue",3,"valueContent"],[3,"itemContent","items",4,"tuiDataList"],["formControlName","testValue",1,"tui-space_vertical-5",3,"tuiTextfieldLabelOutside","valueContent"],["formControlName","accounts",3,"tuiTextfieldLabelOutside","valueContent"],["cardContent",""],["accountContent",""],[3,"itemContent","items"],[1,"card-item"],["paymentSystem","mastercard","size","s",1,"card",3,"cardNumber"],[1,"card-name"],[1,"card-number"],[1,"account"]],template:function(e,t){if(1&e&&(g.TgZ(0,"form",0)(1,"tui-select",1),g._uU(2," Choose a card "),g.YNc(3,$,1,2,"tui-data-list-wrapper",2),g.qZA(),g.TgZ(4,"tui-select",3),g._uU(5," Choose a card "),g.YNc(6,K,1,2,"tui-data-list-wrapper",2),g.qZA(),g.TgZ(7,"tui-select",4),g._uU(8," Choose an account "),g.YNc(9,W,1,2,"tui-data-list-wrapper",2),g.qZA(),g.YNc(10,j,6,3,"ng-template",null,5,g.W1O),g.YNc(12,X,6,7,"ng-template",null,6,g.W1O),g.qZA()),2&e){const e=g.MAs(11),n=g.MAs(13);g.Q6J("formGroup",t.testForm),g.xp6(1),g.Q6J("valueContent",e),g.xp6(3),g.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",e),g.xp6(3),g.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",n)}},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.g,b.u,T.O,z._,A.x,L.e,a.Ov,R.E],styles:[".form[_ngcontent-%COMP%]{max-width:25rem}.account-item[_ngcontent-%COMP%], .card-item[_ngcontent-%COMP%]{display:flex;flex:1;align-items:center;min-width:0}.account-item[_ngcontent-%COMP%]{height:4rem}.account[_ngcontent-%COMP%]{display:flex;flex:1;justify-content:space-between}.card[_ngcontent-%COMP%]{background-color:var(--tui-support-05)}.card-name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 .5rem;min-width:0;flex:1 1 0}.card-number[_ngcontent-%COMP%]{margin-left:auto;color:var(--tui-text-02)}.icon[_ngcontent-%COMP%]{width:1.5rem}.account-currency[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.5rem;width:2.25rem;height:2.25rem;border-radius:100%;background-color:var(--tui-base-01);font-weight:700}.account-card[_ngcontent-%COMP%]{margin-left:auto;flex-shrink:0}.account-name[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-03)}.account-value[_ngcontent-%COMP%]{font:var(--tui-font-text-m)}"],changeDetection:0}),t})();var ie=n(20933),ae=n(35065),oe=n(15193),ue=n(56735),le=n(20986);function re(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"button",6),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw(2);return g.KtG(t.toggle())})),g._UZ(1,"tui-svg",7),g._uU(2," Add signature "),g.qZA()}}function ce(e,t){if(1&e&&(g.TgZ(0,"button",8),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.hij(" ",e," ")}}function se(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,re,3,0,"button",4),g.YNc(2,ce,2,2,"button",5),g.qZA()),2&e){const e=g.oxw();g.xp6(1),g.Q6J("ngIf",!e.signatureVisible),g.xp6(1),g.Q6J("ngForOf",e.items)}}function de(e,t){if(1&e){const e=g.EpF();g.ynx(0),g.TgZ(1,"tui-textarea",9),g._uU(2," Type a signature "),g.qZA(),g.TgZ(3,"button",10),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw();return g.KtG(t.toggle())})),g._uU(4," Hide signature "),g.qZA(),g.BQk()}}let pe=(()=>{var e;class t{constructor(){this.items=["https://twitter.com/marsibarsi","https://twitter.com/waterplea"],this.testForm=new o.cw({email:new o.NI(null),signature:new o.NI("")}),this.signatureVisible=!1}toggle(){this.signatureVisible=!this.signatureVisible}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-3"]],decls:7,vars:3,consts:[[1,"wrapper",3,"formGroup"],["formControlName","email",1,"tui-space_bottom-4",3,"tuiTextfieldLabelOutside"],[4,"tuiDataList"],[4,"ngIf"],["tuiOption","","class","link",3,"click",4,"ngIf"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",1,"link",3,"click"],["src","tuiIconPlusCircleLarge",1,"icon"],["tuiOption","",3,"value"],["formControlName","signature","tuiAutoFocus","","tuiTextfieldSize","m",1,"tui-space_bottom-4"],["size","m","tuiButton","","type","button",3,"click"]],template:function(e,t){1&e&&(g.TgZ(0,"form",0)(1,"label"),g._uU(2," What is your address? "),g.TgZ(3,"tui-select",1),g._uU(4," Choose an address "),g.YNc(5,se,3,2,"tui-data-list",2),g.qZA()(),g.YNc(6,de,5,0,"ng-container",3),g.qZA()),2&e&&(g.Q6J("formGroup",t.testForm),g.xp6(3),g.Q6J("tuiTextfieldLabelOutside",!0),g.xp6(3),g.Q6J("ngIf",t.signatureVisible))},dependencies:[a.sg,a.O5,o._Y,o.JJ,o.JL,o.sg,o.u,ie.q,ae.v,x.g,oe.FC,ue.B,b.u,T.O,Z.v,C.P,A.x,O.s,le.k],styles:[".wrapper[_ngcontent-%COMP%]{width:18.75rem}.link[_ngcontent-%COMP%]{color:var(--tui-link)}.link[_ngcontent-%COMP%]:hover{color:var(--tui-link-hover)}.icon[_ngcontent-%COMP%]{margin-right:.5rem}"],changeDetection:0}),t})();var me=n(89786);function ge(e,t){if(1&e&&(g.TgZ(0,"button",10),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.hij(" ",e," ")}}function fe(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-data-list")(1,"tui-opt-group",3),g.YNc(2,ge,2,2,"button",4),g.qZA(),g.TgZ(3,"tui-opt-group",5)(4,"button",6),g._uU(5," Alexander Inkin "),g.qZA(),g.TgZ(6,"button",7),g._uU(7," Roman Sedov "),g.qZA()(),g.TgZ(8,"button",8),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw(),n=g.MAs(1);return g.KtG(t.addMore(n))})),g._UZ(9,"tui-svg",9),g._uU(10," Add more "),g.qZA()()}if(2&e){const e=g.oxw();g.xp6(2),g.Q6J("ngForOf",e.pythons)}}let he=(()=>{var e;class t{constructor(){this.alerts=(0,g.f3M)(s.TuiAlertService),this.pythons=["de la Concordia «Gabo» García Márquez","John Cleese","Eric Idle","Michael Palin","Terry Gilliam","Terry Jones","Graham Chapman"],this.value=this.pythons[0]}addMore(e){e.handleOption(e.value),this.alerts.open("Add more is clicked").subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-4"]],decls:4,vars:1,consts:[[1,"b-form",3,"ngModel","ngModelChange"],["select",""],[4,"tuiDataList"],["label","Monty Python"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["label","Open-source squad"],["tuiOption","","value","Alexander Inkin"],["tuiOption","","value","Roman Sedov"],["tuiOption","",1,"more",3,"click"],["src","tuiIconPlusCircleLarge",1,"tui-space_right-2"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-select",0,1),g.NdJ("ngModelChange",(function(e){return t.value=e})),g._uU(2," Select user "),g.YNc(3,fe,11,1,"tui-data-list",2),g.qZA()),2&e&&g.Q6J("ngModel",t.value)},dependencies:[a.sg,o.JJ,o.On,ie.q,ae.v,me.R,x.g,b.u,T.O,C.P],styles:["[_nghost-%COMP%]{display:block}.more[_ngcontent-%COMP%]{color:var(--tui-link)}.more[_ngcontent-%COMP%]:focus{color:var(--tui-link-hover)}"],changeDetection:0}),t})();var xe,be=n(84911),Te=n(84945),Ze=n(88960),ve=n(40939),Ce=n(23184);function ye(e,t){if(1&e&&(g.TgZ(0,"button",6),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e.id),g.xp6(1),g.hij(" ",e.name," ")}}function we(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,ye,2,2,"button",5),g.qZA()),2&e){const e=g.oxw(2).tuiLet;g.xp6(1),g.Q6J("ngForOf",e)}}function Me(e,t){if(1&e&&g.YNc(0,we,2,1,"tui-data-list",4),2&e){const e=g.oxw().tuiLet,t=g.MAs(3);g.Q6J("ngIf",e)("ngIfElse",t)}}function _e(e,t){1&e&&g._UZ(0,"tui-loader",7)}function Ae(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-select",1),g.NdJ("ngModelChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.value=t)})),g.YNc(1,Me,1,2,"ng-template",2),g.YNc(2,_e,1,0,"ng-template",null,3,g.W1O),g.qZA()}if(2&e){const e=t.tuiLet,n=g.MAs(3),i=g.oxw();g.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",e?i.stringify(e):n)("ngModel",i.value)}}const Oe=[{id:42,name:"John Cleese"},{id:237,name:"Eric Idle"},{id:666,name:"Michael Palin"},{id:123,name:"Terry Gilliam"},{id:777,name:"Terry Jones"},{id:999,name:"Graham Chapman"}];class Je{constructor(){this.value=42,this.items$=(0,Te.of)(Oe).pipe((0,Ze.g)(3e3))}stringify(e){const t=new Map(e.map((({id:e,name:t})=>[e,t])));return({$implicit:e})=>t.get(e)||""}}(xe=Je).ɵfac=function(e){return new(e||xe)},xe.ɵcmp=g.Xpm({type:xe,selectors:[["tui-select-example-5"]],decls:2,vars:3,consts:[["class","b-form",3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange",4,"tuiLet"],[1,"b-form",3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange"],["tuiDataList",""],["loading",""],[4,"ngIf","ngIfElse"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"],[1,"tui-space_vertical-3","loader"]],template:function(e,t){1&e&&(g.YNc(0,Ae,4,3,"tui-select",0),g.ALo(1,"async")),2&e&&g.Q6J("tuiLet",g.lcZ(1,1,t.items$))},dependencies:[a.sg,a.O5,o.JJ,o.On,ie.q,ae.v,x.g,b.u,T.O,A.x,ve.L,Ce.k,a.Ov],styles:["[_nghost-%COMP%]{display:block}.loader[_ngcontent-%COMP%]{flex:1}.more[_ngcontent-%COMP%]{color:var(--tui-link)}.more[_ngcontent-%COMP%]:focus{color:var(--tui-link-hover)}"],changeDetection:0}),(0,be.gn)([c.tuiPure],Je.prototype,"stringify",null);var Ue=n(73336),Se=n(44124),Le=n(83653);function qe(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",4),2&e){const e=g.oxw().tuiLet,t=g.oxw(),n=g.MAs(3);g.Q6J("disabledItemHandler",t.disabledItemHandler)("itemContent",n)("items",e)}}function Ne(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-select",2),g.NdJ("ngModelChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.value=t)})),g._uU(1," Select user "),g.YNc(2,qe,1,3,"tui-data-list-wrapper",3),g.qZA()}if(2&e){const e=g.oxw();g.Q6J("ngModel",e.value)}}function Pe(e,t){if(1&e&&(g.TgZ(0,"div",5),g._UZ(1,"tui-avatar",6),g.ALo(2,"tuiInitials"),g.TgZ(3,"div",7),g._uU(4),g.qZA()()),2&e){const e=t.$implicit;g.xp6(1),g.Q6J("src",e.avatarUrl||g.lcZ(2,2,e.toString())),g.xp6(3),g.Oqu(e)}}class ke{constructor(e,t,n=null){this.firstName=e,this.lastName=t,this.avatarUrl=n}toString(){return`${this.firstName} ${this.lastName}`}}const Ie=[new ke("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new ke("Alex","Inkin",Ue.Ll`/images/avatar.jpg`),new ke("Dmitriy","Demenskiy"),new ke("Evgeniy","Mamaev"),new ke("Ivan","Ishmametiev"),new ke("Igor","Katsuba"),new ke("Yulia","Tsareva")];let Qe=(()=>{var e;class t{constructor(){this.value=null,this.items$=(0,Te.of)(Ie).pipe((0,Ze.g)(5e3)),this.disabledItemHandler=({avatarUrl:e})=>!!e}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-6"]],decls:4,vars:3,consts:[["class","b-form",3,"ngModel","ngModelChange",4,"tuiLet"],["content",""],[1,"b-form",3,"ngModel","ngModelChange"],["size","l",3,"disabledItemHandler","itemContent","items",4,"tuiDataList"],["size","l",3,"disabledItemHandler","itemContent","items"],[1,"template"],["size","xs",1,"avatar",3,"src"],[1,"name"]],template:function(e,t){1&e&&(g.YNc(0,Ne,3,1,"tui-select",0),g.ALo(1,"async"),g.YNc(2,Pe,5,4,"ng-template",null,1,g.W1O)),2&e&&g.Q6J("tuiLet",g.lcZ(1,1,t.items$))},dependencies:[o.JJ,o.On,x.g,b.u,T.O,Se.J,ve.L,L.e,a.Ov,Le.X],styles:[".template[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}"],changeDetection:0}),t})();var De=n(31363),He=n(20501),Fe=n(88135);function Ve(e,t){if(1&e&&(g.TgZ(0,"button",2)(1,"label",7),g._uU(2),g.qZA()()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("tuiLabel",e.name),g.xp6(1),g.hij(" ",e.account," ")}}function Ye(e,t){if(1&e&&(g.TgZ(0,"button",2)(1,"label",7),g._uU(2),g.qZA()()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("tuiLabel",e.name),g.xp6(1),g.hij(" ",e.account," ")}}function Ge(e,t){if(1&e&&(g.TgZ(0,"tui-data-list")(1,"tui-opt-group")(2,"button",2),g._uU(3," All "),g.qZA()(),g.TgZ(4,"tui-opt-group",3)(5,"tui-opt-group",4),g.YNc(6,Ve,3,3,"button",5),g.qZA()(),g.TgZ(7,"tui-opt-group",6)(8,"tui-opt-group",4),g.YNc(9,Ye,3,3,"button",5),g.qZA()(),g.TgZ(10,"tui-opt-group",4)(11,"button",2),g._uU(12," Cash "),g.qZA()()()),2&e){const e=g.oxw();g.xp6(2),g.Q6J("value",e.all),g.xp6(4),g.Q6J("ngForOf",e.bank),g.xp6(3),g.Q6J("ngForOf",e.others),g.xp6(2),g.Q6J("value",e.cash)}}const Be=[{name:"Ruble",account:"1234567890987654321"},{name:"Dollar",account:"1234567890987654321"}],Ee=[{name:"Bank",account:"1234567890987654321"},{name:"Other bank",account:"1234567890987654321"},{name:"Bank of America",account:"1234567890987654321"}],ze={name:"Cash",account:""};let Re=(()=>{var e;class t{constructor(){this.value=c.EMPTY_ARRAY,this.all=c.EMPTY_ARRAY,this.cash=ze,this.bank=Be,this.others=Ee,this.content=({$implicit:{length:e}})=>e?`${e} accounts`:"All"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-7"]],decls:3,vars:2,consts:[[1,"b-form",3,"valueContent","ngModel","ngModelChange"],["tuiDataList",""],["tuiOption","",3,"value"],["label","Best bank"],["tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["label","Other banks"],[3,"tuiLabel"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-select",0),g.NdJ("ngModelChange",(function(e){return t.value=e})),g._uU(1," Bank and account "),g.YNc(2,Ge,13,4,"ng-template",1),g.qZA()),2&e&&g.Q6J("valueContent",t.content)("ngModel",t.value)},dependencies:[a.sg,o.JJ,o.On,ie.q,ae.v,me.R,x.g,b.u,T.O,De.g,He.Q,Fe.A],styles:["label[_ngcontent-%COMP%]{cursor:pointer}"],changeDetection:0}),t})();var $e=n(62500);function Ke(e,t){if(1&e&&(g.TgZ(0,"button",4),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.hij(" ",e," ")}}function We(e,t){if(1&e&&(g.TgZ(0,"cdk-virtual-scroll-viewport",2)(1,"tui-data-list"),g.YNc(2,Ke,2,2,"button",3),g.qZA()()),2&e){const e=g.oxw();g.Q6J("itemSize",44),g.xp6(2),g.Q6J("cdkVirtualForOf",e.countries)}}let je=(()=>{var e;class t{constructor(){this.value=null,this.countries=["Afghanistan","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cabo Verde","Cambodia","Cameroon","Canada","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Cook Islands","Costa Rica","Croatia","Cuba","Curaçao","Cyprus","Czechia","Côte d'Ivoire","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","Republic of North Macedonia","Romania","Russian Federation","Rwanda","Réunion","Saint Barthélemy","Saint Helena","Saint Kitts and Nevis","Saint Lucia","Saint Martin","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Sweden","Switzerland","Syrian Arab Republic","Taiwan","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Venezuela","Viet Nam","Virgin Islands (British)","Virgin Islands (U.S.)","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe","Åland Islands"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-8"]],decls:3,vars:1,consts:[[1,"b-form",3,"ngModel","ngModelChange"],["tuiScrollable","","class","scroll",3,"itemSize",4,"tuiDataList"],["tuiScrollable","",1,"scroll",3,"itemSize"],["tuiOption","",3,"value",4,"cdkVirtualFor","cdkVirtualForOf"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-select",0),g.NdJ("ngModelChange",(function(e){return t.value=e})),g._uU(1," Country "),g.YNc(2,We,3,2,"cdk-virtual-scroll-viewport",1),g.qZA()),2&e&&g.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,i.xd,i.x0,i.N7,ie.q,ae.v,x.g,b.u,T.O,$e.R],styles:[".scroll[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;height:200px}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar, .scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();var Xe=n(86187),et=n(79261);function tt(e,t){if(1&e&&g._UZ(0,"tui-marker-icon",5),2&e){const e=t.polymorpheusOutlet;g.Q6J("src",e)}}const nt=function(){return{decimal:"always"}};let it=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["my-account"]],inputs:{account:"account"},decls:9,vars:10,consts:[[1,"icon"],["size","xs","class","icon-content",3,"src",4,"polymorpheusOutlet"],[1,"info"],[1,"name"],[1,"value",3,"tuiNumberFormat"],["size","xs",1,"icon-content",3,"src"]],template:function(e,t){1&e&&(g.TgZ(0,"span",0),g.YNc(1,tt,1,1,"tui-marker-icon",1),g.qZA(),g.TgZ(2,"span",2)(3,"span",3),g._uU(4),g.qZA(),g.TgZ(5,"span",4),g._uU(6),g.ALo(7,"async"),g.ALo(8,"tuiAmount"),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("polymorpheusOutlet",t.account.paymentSystem),g.xp6(3),g.Oqu(t.account.name),g.xp6(1),g.Q6J("tuiNumberFormat",g.DdM(9,nt)),g.xp6(1),g.hij(" ",g.lcZ(7,4,g.xi3(8,6,t.account.amount,t.account.currency))," "))},dependencies:[p.Li,Xe.B,et.y,a.Ov,R.E],styles:["[_nghost-%COMP%]{position:relative;display:flex;flex:1;align-items:center;max-width:100%;height:var(--tui-height-s);box-sizing:border-box;outline:none}*:focus[_nghost-%COMP%] .icon-content[_ngcontent-%COMP%], *:focus [_nghost-%COMP%] .icon-content[_ngcontent-%COMP%]{background-color:var(--tui-base-01);color:var(--tui-text-03)}.icon[_ngcontent-%COMP%]{margin:0 .5rem 0 -.25rem}.info[_ngcontent-%COMP%]{min-width:0;margin-right:.5rem;overflow:hidden}.icon-content[_ngcontent-%COMP%]{display:flex}.card[_ngcontent-%COMP%]{max-width:2rem;max-height:2rem;margin:0 .375rem 0 auto;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font:var(--tui-font-text-s);color:var(--tui-text-02);margin-bottom:-.125rem}.value[_ngcontent-%COMP%]{font:var(--tui-font-text-m)}"],changeDetection:0}),t})();function at(e,t){if(1&e&&(g.TgZ(0,"button",6),g._UZ(1,"my-account",7),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("account",e)}}function ot(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,at,2,2,"button",5),g.qZA()),2&e){const e=g.oxw();g.xp6(1),g.Q6J("ngForOf",e.accounts)}}function ut(e,t){if(1&e&&(g.TgZ(0,"button",6),g._UZ(1,"my-account",7),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("account",e)}}function lt(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,ut,2,2,"button",5),g.qZA()),2&e){const e=g.oxw();g.xp6(1),g.Q6J("ngForOf",e.accounts)}}function rt(e,t){if(1&e&&g._UZ(0,"my-account",7),2&e){const e=t.$implicit;g.Q6J("account",e)}}let ct=(()=>{var e;class t{constructor(){this.accounts=[{name:"Dollar deposit",amount:237e3,currency:l.TuiCurrency.Dollar,paymentSystem:"tuiIconVisa"},{name:"Pound deposit",amount:100,currency:l.TuiCurrency.Pound,paymentSystem:"tuiIconMastercard"},{name:"Rouble deposit",amount:1234567890,currency:l.TuiCurrency.Ruble,paymentSystem:"tuiIconMir"}],this.account=new o.NI(this.accounts[0])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-9"]],decls:7,vars:6,consts:[[1,"example"],["tuiTextfieldSize","l",3,"formControl","tuiTextfieldLabelOutside","valueContent"],["tuiDataList",""],["tuiTextfieldSize","m",1,"tui-space_top-2",3,"formControl","tuiTextfieldLabelOutside","valueContent"],["value",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"],[3,"account"]],template:function(e,t){if(1&e&&(g.TgZ(0,"div",0)(1,"tui-select",1),g.YNc(2,ot,2,1,"ng-template",2),g.qZA(),g.TgZ(3,"tui-select",3),g.YNc(4,lt,2,1,"ng-template",2),g.qZA()(),g.YNc(5,rt,1,1,"ng-template",null,4,g.W1O)),2&e){const e=g.MAs(6);g.xp6(1),g.Q6J("formControl",t.account)("tuiTextfieldLabelOutside",!0)("valueContent",e),g.xp6(2),g.Q6J("formControl",t.account)("tuiTextfieldLabelOutside",!0)("valueContent",e)}},dependencies:[a.sg,o.JJ,o.oH,ie.q,ae.v,x.g,b.u,T.O,A.x,O.s,it],styles:[".example[_ngcontent-%COMP%]{max-width:25rem}"],changeDetection:0}),t})();function st(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",3),2&e){const e=g.oxw();g.Q6J("items",e.items)}}let dt=(()=>{var e;class t{constructor(){this.testValue=new o.NI(null),this.items=[{id:42,name:"John Cleese",dept:{id:566,title:"Financial"}},{id:237,name:"Eric Idle",dept:{id:560,title:"Staffing"}},{id:666,name:"Michael Palin",dept:{id:566,title:"Financial"}},{id:123,name:"Terry Gilliam",dept:{id:500,title:"Administrative"}},{id:777,name:"Terry Jones",dept:{id:566,title:"Financial"}},{id:999,name:"Graham Chapman",dept:{id:560,title:"Staffing"}}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-10"]],features:[g._Bn([(0,d.tuiItemsHandlersProvider)({stringify:e=>`${e.name} (${e.dept.title})`})])],decls:4,vars:2,consts:[[1,"b-form"],["tuiTextfieldSize","m",3,"formControl","tuiTextfieldLabelOutside"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(g.TgZ(0,"form",0)(1,"tui-select",1),g._uU(2," Employee "),g.YNc(3,st,1,1,"tui-data-list-wrapper",2),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("formControl",t.testValue)("tuiTextfieldLabelOutside",!0))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x.g,b.u,T.O,A.x,O.s,L.e],encapsulation:2,changeDetection:0}),t})();var pt=n(24645),mt=n(41871);let gt=(()=>{var e;class t{constructor(){this.itemStringControl=new o.NI(null),this.itemGroupControl=new o.NI(null),this.itemControl=new o.NI(null),this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.groupItems=[["Caesar","Greek","Apple and Chicken"],["Broccoli Cheddar","Chicken and Rice","Chicken Noodle"]],this.customItems=[{name:"Luke Skywalker",id:1},{name:"Leia Organa Solo",id:2},{name:"Darth Vader",id:3},{name:"Han Solo",id:4},{name:"Obi-Wan Kenobi",id:5},{name:"Yoda",id:6}],this.labels=["Salad","Soup"],this.stringify=e=>e.name,this.disabledItemHandler=e=>e.startsWith("Chicken")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-11"]],decls:11,vars:10,consts:[[1,"b-form"],[3,"formControl"],["tuiSelect","",3,"items"],[1,"tui-space_top-4",3,"formControl","tuiTextfieldCleaner"],["tuiSelect","",3,"disabledItemHandler","items","labels"],["placeholder","Make a choice","tuiTextfield",""],[1,"tui-space_top-4",3,"formControl","stringify"]],template:function(e,t){1&e&&(g.TgZ(0,"form",0)(1,"tui-select",1),g._uU(2," Character "),g._UZ(3,"select",2),g.qZA(),g.TgZ(4,"tui-select",3),g._uU(5," Food "),g._UZ(6,"select",4)(7,"input",5),g.qZA(),g.TgZ(8,"tui-select",6),g._uU(9," Character "),g._UZ(10,"select",2),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("formControl",t.itemStringControl),g.xp6(2),g.Q6J("items",t.items),g.xp6(1),g.Q6J("formControl",t.itemGroupControl)("tuiTextfieldCleaner",!0),g.xp6(2),g.Q6J("disabledItemHandler",t.disabledItemHandler)("items",t.groupItems)("labels",t.labels),g.xp6(2),g.Q6J("formControl",t.itemControl)("stringify",t.stringify),g.xp6(2),g.Q6J("items",t.customItems))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,V.M,b.u,T.O,pt.I,mt.f,M.b],encapsulation:2,changeDetection:0}),t})();const ft=["valueTemplateContent"];function ht(e,t){1&e&&(g._uU(0," You can use "),g.TgZ(1,"code"),g._uU(2,"Select"),g.qZA(),g._uU(3," with "),g.TgZ(4,"code"),g._uU(5,"ScrollingModule"),g.qZA(),g._uU(6," from "),g.TgZ(7,"a",16),g._uU(8," @angular/cdk/scrolling "),g.qZA(),g._uU(9," . "))}function xt(e,t){if(1&e&&(g.TgZ(0,"div",2)(1,"code"),g._uU(2,"Select"),g.qZA(),g._uU(3," is a field with dropdown to choose one item. "),g.qZA(),g.TgZ(4,"tui-doc-example",3)(5,"tui-notification",4),g._uU(6," If you need to set some attributes or listen to events on native "),g.TgZ(7,"code"),g._uU(8,"input"),g.qZA(),g._uU(9," , you can put it inside with "),g.TgZ(10,"code"),g._uU(11,"Textfield"),g.qZA(),g._uU(12," directive as shown below "),g.qZA(),g._UZ(13,"tui-select-example-1"),g.qZA(),g.TgZ(14,"tui-doc-example",5),g._UZ(15,"tui-select-example-2"),g.qZA(),g.TgZ(16,"tui-doc-example",6),g._UZ(17,"tui-select-example-3"),g.qZA(),g.TgZ(18,"tui-doc-example",7),g._UZ(19,"tui-select-example-4"),g.qZA(),g.TgZ(20,"tui-doc-example",8),g._UZ(21,"tui-select-example-5"),g.qZA(),g.TgZ(22,"tui-doc-example",9),g._UZ(23,"tui-select-example-6"),g.qZA(),g.TgZ(24,"tui-doc-example",10),g._UZ(25,"tui-select-example-7"),g.qZA(),g.TgZ(26,"tui-doc-example",11),g.YNc(27,ht,10,0,"ng-template",null,12,g.W1O),g._UZ(29,"tui-select-example-8"),g.qZA(),g.TgZ(30,"tui-doc-example",13),g._UZ(31,"tui-select-example-9"),g.qZA(),g.TgZ(32,"tui-doc-example",14),g._UZ(33,"tui-select-example-10"),g.qZA(),g.TgZ(34,"tui-doc-example",15)(35,"tui-notification",4),g._uU(36," You can enable native select on mobile devices by putting "),g.TgZ(37,"code"),g._uU(38,"select"),g.qZA(),g._uU(39," inside with "),g.TgZ(40,"code"),g._uU(41,"tuiSelect"),g.qZA(),g._uU(42," directive as shown below "),g.qZA(),g._UZ(43,"tui-select-example-11"),g.qZA()),2&e){const e=g.MAs(28),t=g.oxw();g.xp6(4),g.Q6J("content",t.example1),g.xp6(10),g.Q6J("content",t.example2),g.xp6(2),g.Q6J("content",t.example3),g.xp6(2),g.Q6J("content",t.example4),g.xp6(2),g.Q6J("content",t.example5),g.xp6(2),g.Q6J("content",t.example6),g.xp6(2),g.Q6J("content",t.example7),g.xp6(2),g.Q6J("content",t.example8)("description",e),g.xp6(4),g.Q6J("content",t.example9),g.xp6(2),g.Q6J("content",t.example10),g.xp6(2),g.Q6J("content",t.example11)}}function bt(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",26),2&e){const e=g.oxw(3);g.Q6J("items",e.items)}}function Tt(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-select",24),g.NdJ("tuiDropdownOpenChange",(function(t){g.CHM(e);const n=g.oxw(2);return g.KtG(n.dropdownOpen.next(t))})),g.ALo(1,"async"),g._uU(2," Choose an account "),g.YNc(3,bt,1,1,"tui-data-list-wrapper",25),g.qZA()}if(2&e){const e=g.oxw(2);g.Q6J("focusable",e.focusable)("formControl",e.control)("identityMatcher",e.identityMatcher)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!g.lcZ(1,25,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)("valueContent",e.valueContent)}}function Zt(e,t){if(1&e&&(g._UZ(0,"tui-svg",27),g.TgZ(1,"div",28),g._uU(2),g.qZA()),2&e){const e=t.$implicit;g.xp6(2),g.Oqu(e)}}function vt(e,t){1&e&&(g._uU(0," Disabled state (use "),g.TgZ(1,"code"),g._uU(2,"formControl.disable()"),g.qZA(),g._uU(3," ) "))}function Ct(e,t){1&e&&(g._uU(0," Function that matches value and items, e.g. if objects are copied. Uses "),g.TgZ(1,"code"),g._uU(2,"==="),g.qZA(),g._uU(3," by default. "),g.TgZ(4,"strong"),g._uU(5,"Must be a pure function"),g.qZA())}function yt(e,t){1&e&&g._uU(0," A template for custom view of selected value ")}function wt(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-doc-demo",17),g.YNc(1,Tt,4,27,"ng-template"),g.qZA(),g.YNc(2,Zt,3,1,"ng-template",null,18,g.W1O),g.TgZ(4,"div")(5,"p"),g._uU(6," Set a value with copied object from items to check "),g.TgZ(7,"code"),g._uU(8,"identityMatcher"),g.qZA(),g._uU(9," : "),g.qZA(),g.TgZ(10,"button",19),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw();return g.KtG(t.setValue())})),g._uU(11," Set "),g.qZA()(),g.TgZ(12,"tui-doc-documentation"),g.YNc(13,vt,4,0,"ng-template",20),g.NdJ("documentationPropertyValueChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.disabled=t)})),g.YNc(14,Ct,6,0,"ng-template",21),g.NdJ("documentationPropertyValueChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.identityMatcher=t)})),g.YNc(15,yt,1,0,"ng-template",22),g.NdJ("documentationPropertyValueChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.selectedValueTemplate=t)})),g.qZA(),g._UZ(16,"inherited-documentation",23)}if(2&e){const e=g.oxw();g.Q6J("control",e.control),g.xp6(13),g.Q6J("documentationPropertyValue",e.disabled),g.xp6(1),g.Q6J("documentationPropertyValues",e.identityMatcherVariants)("documentationPropertyValue",e.identityMatcher),g.xp6(1),g.Q6J("documentationPropertyValues",e.valueTemplateVariants)("documentationPropertyValue",e.selectedValueTemplate),g.xp6(1),g.Q6J("dropdown",!0)}}function Mt(e,t){if(1&e&&(g.TgZ(0,"ol",29)(1,"li")(2,"p"),g._uU(3," Import an Angular module for forms and "),g.TgZ(4,"code"),g._uU(5,"TuiSelectModule"),g.qZA(),g._uU(6," in the same module where you want to use our component: "),g.qZA(),g._UZ(7,"tui-doc-code",30),g.TgZ(8,"p"),g._uU(9," See samples to learn more about working with "),g.TgZ(10,"code"),g._uU(11,"tui-data-list-wrapper"),g.qZA(),g._uU(12," or without them "),g.qZA()(),g.TgZ(13,"li")(14,"p"),g._uU(15," Declare a form ( "),g.TgZ(16,"code"),g._uU(17,"FormGroup"),g.qZA(),g._uU(18," ) or a control ( "),g.TgZ(19,"code"),g._uU(20,"FormControl"),g.qZA(),g._uU(21," ) in your component: "),g.qZA(),g._UZ(22,"tui-doc-code",31),g.qZA(),g.TgZ(23,"li")(24,"p"),g._uU(25,"Add to the template:"),g.qZA(),g._UZ(26,"tui-doc-code",32),g.qZA()()),2&e){const e=g.oxw();g.xp6(7),g.Q6J("code",e.exampleModule),g.xp6(15),g.Q6J("code",e.exampleForm),g.xp6(4),g.Q6J("code",e.exampleHtml)}}class _t{constructor(e,t){this.name=e,this.balance=t}toString(){return`${this.name} (${this.balance})`}}let At=(()=>{var e;class t extends f.b{constructor(){super(...arguments),this.iconVariants=["","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.iconLeft=this.iconVariants[0],this.control=new o.NI(null,o.kI.required),this.exampleModule=n.e(85019).then(n.t.bind(n,85019,17)),this.exampleHtml=n.e(88502).then(n.t.bind(n,88502,17)),this.exampleForm=n.e(25155).then(n.t.bind(n,25155,17)),this.example1={TypeScript:n.e(26293).then(n.t.bind(n,26293,17)),HTML:n.e(44262).then(n.t.bind(n,44262,17))},this.example2={TypeScript:n.e(55910).then(n.t.bind(n,55910,17)),HTML:n.e(17210).then(n.t.bind(n,17210,17)),LESS:n.e(54210).then(n.t.bind(n,54210,17))},this.example3={TypeScript:n.e(93653).then(n.t.bind(n,93653,17)),HTML:n.e(34811).then(n.t.bind(n,34811,17)),LESS:n.e(95033).then(n.t.bind(n,95033,17))},this.example4={TypeScript:n.e(92736).then(n.t.bind(n,92736,17)),HTML:n.e(79530).then(n.t.bind(n,79530,17)),LESS:n.e(6583).then(n.t.bind(n,6583,17))},this.example5={TypeScript:n.e(616).then(n.t.bind(n,616,17)),HTML:n.e(67661).then(n.t.bind(n,67661,17)),LESS:n.e(56490).then(n.t.bind(n,56490,17))},this.example6={TypeScript:n.e(78200).then(n.t.bind(n,78200,17)),HTML:n.e(36409).then(n.t.bind(n,36409,17)),LESS:n.e(76030).then(n.t.bind(n,76030,17))},this.example7={TypeScript:n.e(56067).then(n.t.bind(n,56067,17)),HTML:n.e(51407).then(n.t.bind(n,51407,17)),LESS:n.e(36907).then(n.t.bind(n,36907,17))},this.example8={TypeScript:n.e(40229).then(n.t.bind(n,40229,17)),HTML:n.e(60620).then(n.t.bind(n,60620,17)),LESS:n.e(96776).then(n.t.bind(n,96776,17))},this.example9={TypeScript:n.e(64823).then(n.t.bind(n,64823,17)),HTML:n.e(20632).then(n.t.bind(n,20632,17)),LESS:n.e(20918).then(n.t.bind(n,20918,17)),"./account/my-account.component.ts":n.e(26665).then(n.t.bind(n,26665,17)),"./account/my-account.component.less":n.e(12661).then(n.t.bind(n,12661,17)),"./account/my-account.component.html":n.e(51483).then(n.t.bind(n,51483,17))},this.example10={TypeScript:n.e(98787).then(n.t.bind(n,98787,17)),HTML:n.e(37914).then(n.t.bind(n,37914,17))},this.example11={TypeScript:n.e(12682).then(n.t.bind(n,12682,17)),HTML:n.e(62369).then(n.t.bind(n,55664,17))},this.items=[new _t("Ruble",500),new _t("Dollar",237)],this.valueTemplateVariants=["","Template"],this.selectedValueTemplate=this.valueTemplateVariants[0],this.identityMatcherVariants=[(e,t)=>e===t,(e,t)=>e.balance===t.balance],this.identityMatcher=this.identityMatcherVariants[0],this.disabledItemHandlerVariants=[c.ALWAYS_FALSE_HANDLER,e=>e.balance<300]}get valueContent(){return this.valueTemplateRef&&this.selectedValueTemplate?this.valueTemplateRef:""}setValue(){this.control.setValue(new _t("Dollar",237))}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=g.n5z(e)))(n||e)}}(),e.ɵcmp=g.Xpm({type:e,selectors:[["example-tui-select"]],viewQuery:function(e,t){if(1&e&&g.Gf(ft,5),2&e){let e;g.iGM(e=g.CRH())&&(t.valueTemplateRef=e.first)}},features:[g._Bn([{provide:h.x,useExisting:(0,g.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix"])]),g.qOj],decls:4,vars:0,consts:[["header","Select","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","base","heading","String array",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","template","heading","Custom template",3,"content"],["id","delegate","heading","Item delegate",3,"content"],["id","datalist","heading","DataList",3,"content"],["id","id","heading","ID only",3,"content"],["id","wrapper","heading","DataListWrapper",3,"content"],["id","complex","heading","Complex dropdown",3,"content"],["id","virtual","heading","Virtual scroll",3,"content","description"],["cdkVirtualScrollDescription",""],["id","accounts","heading","Accounts list",3,"content"],["id","options-stringify","heading","Options (stringify)",3,"content"],["id","native-select","heading","Native select",3,"content"],["href","https://material.angular.io/cdk/scrolling/overview","rel","noreferrer","target","_blank","tuiLink",""],[3,"control"],["valueTemplateContent",""],["size","m","tuiButton","","type","button",3,"click"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","identityMatcher","documentationPropertyType","TuiIdentityMatcher",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","valueContent","documentationPropertyType","PolymorpheusContent>",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],[3,"focusable","formControl","identityMatcher","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","valueContent","tuiDropdownOpenChange"],[3,"items",4,"tuiDataList"],[3,"items"],["src","tuiIconCheck",1,"icon"],[1,"text-overflow"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-doc-page",0),g.YNc(1,xt,44,12,"ng-template",1),g.YNc(2,wt,17,7,"ng-template",1),g.YNc(3,Mt,27,3,"ng-template",1),g.qZA())},dependencies:[o.JJ,o.oH,x.g,b.u,T.O,Z.v,v.V,C.P,y.o,w.Ek,M.b,_.B,A.x,O.s,J.a,U.k,S.bZ,L.e,q.L,N.w,P.c,k.F,I.z,Q.B,D.q,H.n,F.f,E,ne,pe,he,Je,Qe,Re,je,ct,dt,gt,a.Ov],styles:[".icon[_ngcontent-%COMP%]{height:1.125rem;color:var(--tui-accent);margin:0 .25rem 0 -.25rem}.text-overflow[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),t})(),Ot=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=g.oAB({type:e}),e.ɵinj=g.cJS({imports:[a.ez,o.u5,o.UX,p.wq,i.Cl,s.TuiScrollbarComponent,s.TuiDataListModule,d.TuiTextareaModule,d.TuiSelectModule,l.TuiThumbnailCardModule,d.TuiRadioListModule,s.TuiButtonModule,s.TuiLinkModule,d.TuiAvatarComponent,s.TuiSvgModule,s.TuiDropdownModule,s.TuiTextfieldControllerModule,s.TuiHintModule,c.TuiAutoFocusModule,c.TuiLetModule,s.TuiLoaderModule,d.TuiDataListWrapperModule,d.TuiMultiSelectModule,s.TuiLabelModule,s.TuiNotificationModule,m.f,r.fV,d.TuiMarkerIconModule,c.TuiMapperPipeModule,u.Bz.forChild((0,r.Ve)(At)),s.TuiNumberFormatModule]}),t})()}}]); \ No newline at end of file diff --git a/next/39097.3fa89ed60b67144a.js b/next/39097.3fa89ed60b67144a.js new file mode 100644 index 000000000000..4dd1c66a0ec1 --- /dev/null +++ b/next/39097.3fa89ed60b67144a.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[39097],{39097:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSelectModule:()=>Ot});var i=n(56900),a=n(88692),o=n(69900),u=n(91795),l=n(24007),r=n(64500),c=n(53222),s=n(73588),d=n(84479),p=n(89570),m=n(75695),g=n(64537),h=n(82880),f=n(98204),x=n(52219),b=n(50170),T=n(1414),Z=n(76189),v=n(66596),C=n(34880),y=n(69956),w=n(33250),M=n(64374),_=n(6707),A=n(68874),O=n(10200),J=n(3729),U=n(87205),S=n(84848),L=n(50020),q=n(79121),N=n(54218),P=n(83074),k=n(10977),I=n(62840),Q=n(60404),D=n(43560),H=n(93525),F=n(38868),V=n(91030);function Y(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",5),2&e){const e=g.oxw();g.Q6J("items",e.items)}}function G(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",5),2&e){const e=g.oxw();g.Q6J("items",e.items)}}function B(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",5),2&e){const e=g.oxw();g.Q6J("items",e.items)}}let E=(()=>{var e;class t{constructor(){this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.testValue=new o.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-1"]],decls:13,vars:4,consts:[["tuiTextfieldSize","s",3,"formControl"],["placeholder","Choose your hero","tuiTextfield",""],[3,"items",4,"tuiDataList"],["tuiTextfieldSize","m",1,"tui-space_vertical-4",3,"formControl","tuiTextfieldLabelOutside"],[3,"formControl"],[3,"items"]],template:function(e,t){1&e&&(g.TgZ(0,"form")(1,"tui-select",0),g._uU(2," Character "),g._UZ(3,"input",1),g.YNc(4,Y,1,1,"tui-data-list-wrapper",2),g.qZA(),g.TgZ(5,"tui-select",3),g._uU(6," Character "),g._UZ(7,"input",1),g.YNc(8,G,1,1,"tui-data-list-wrapper",2),g.qZA(),g.TgZ(9,"tui-select",4),g._uU(10," Character "),g._UZ(11,"input",1),g.YNc(12,B,1,1,"tui-data-list-wrapper",2),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("formControl",t.testValue),g.xp6(4),g.Q6J("formControl",t.testValue)("tuiTextfieldLabelOutside",!0),g.xp6(4),g.Q6J("formControl",t.testValue))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x.g,V.M,b.u,T.O,A.x,O.s,L.e],encapsulation:2,changeDetection:0}),t})();var z=n(68661),R=n(10650);function $(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",7),2&e){const e=g.oxw(),t=g.MAs(11);g.Q6J("itemContent",t)("items",e.cards)}}function K(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",7),2&e){const e=g.oxw(),t=g.MAs(11);g.Q6J("itemContent",t)("items",e.cards)}}function W(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",7),2&e){const e=g.oxw(),t=g.MAs(13);g.Q6J("itemContent",t)("items",e.accounts)}}function j(e,t){if(1&e&&(g.TgZ(0,"div",8),g._UZ(1,"tui-thumbnail-card",9),g.TgZ(2,"span",10),g._uU(3),g.qZA(),g.TgZ(4,"span",11),g._uU(5),g.qZA()()),2&e){const e=t.$implicit;g.xp6(1),g.Q6J("cardNumber",e.cardNumber.slice(1)),g.xp6(2),g.Oqu(e.cardName),g.xp6(2),g.Oqu(e.cardNumber)}}function X(e,t){if(1&e&&(g.TgZ(0,"div",12),g._uU(1),g.TgZ(2,"span"),g._uU(3),g.ALo(4,"async"),g.ALo(5,"tuiAmount"),g.qZA()()),2&e){const e=t.$implicit;g.xp6(1),g.hij(" ",e.name," "),g.xp6(2),g.Oqu(g.lcZ(4,2,g.xi3(5,4,e.amount,"RUB")))}}class ee{constructor(e,t){this.cardName=e,this.cardNumber=t}}class te{constructor(e,t,n,i){this.id=e,this.name=t,this.amount=n,this.currency=i}}let ne=(()=>{var e;class t{constructor(){this.cards=[new ee("Bitcoin","*6713"),new ee("Money","*4562"),new ee("Charity","*6788"),new ee("Subscriptions","*1231")],this.accounts=[new te("1","RUB",24876.55,l.TuiCurrency.Ruble),new te("2","USD",335,l.TuiCurrency.Dollar),new te("3","EUR",1e4,l.TuiCurrency.Euro),new te("4","PND",100,l.TuiCurrency.Pound)],this.testForm=new o.cw({testValue:new o.NI(this.cards[0]),accounts:new o.NI(this.accounts[0])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-2"]],decls:14,vars:6,consts:[[1,"form",3,"formGroup"],["formControlName","testValue",3,"valueContent"],[3,"itemContent","items",4,"tuiDataList"],["formControlName","testValue",1,"tui-space_vertical-5",3,"tuiTextfieldLabelOutside","valueContent"],["formControlName","accounts",3,"tuiTextfieldLabelOutside","valueContent"],["cardContent",""],["accountContent",""],[3,"itemContent","items"],[1,"card-item"],["paymentSystem","mastercard","size","s",1,"card",3,"cardNumber"],[1,"card-name"],[1,"card-number"],[1,"account"]],template:function(e,t){if(1&e&&(g.TgZ(0,"form",0)(1,"tui-select",1),g._uU(2," Choose a card "),g.YNc(3,$,1,2,"tui-data-list-wrapper",2),g.qZA(),g.TgZ(4,"tui-select",3),g._uU(5," Choose a card "),g.YNc(6,K,1,2,"tui-data-list-wrapper",2),g.qZA(),g.TgZ(7,"tui-select",4),g._uU(8," Choose an account "),g.YNc(9,W,1,2,"tui-data-list-wrapper",2),g.qZA(),g.YNc(10,j,6,3,"ng-template",null,5,g.W1O),g.YNc(12,X,6,7,"ng-template",null,6,g.W1O),g.qZA()),2&e){const e=g.MAs(11),n=g.MAs(13);g.Q6J("formGroup",t.testForm),g.xp6(1),g.Q6J("valueContent",e),g.xp6(3),g.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",e),g.xp6(3),g.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",n)}},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.g,b.u,T.O,z._,A.x,L.e,a.Ov,R.E],styles:[".form[_ngcontent-%COMP%]{max-width:25rem}.account-item[_ngcontent-%COMP%], .card-item[_ngcontent-%COMP%]{display:flex;flex:1;align-items:center;min-width:0}.account-item[_ngcontent-%COMP%]{height:4rem}.account[_ngcontent-%COMP%]{display:flex;flex:1;justify-content:space-between}.card[_ngcontent-%COMP%]{background-color:var(--tui-support-05)}.card-name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 .5rem;min-width:0;flex:1 1 0}.card-number[_ngcontent-%COMP%]{margin-left:auto;color:var(--tui-text-02)}.icon[_ngcontent-%COMP%]{width:1.5rem}.account-currency[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:.5rem;width:2.25rem;height:2.25rem;border-radius:100%;background-color:var(--tui-base-01);font-weight:700}.account-card[_ngcontent-%COMP%]{margin-left:auto;flex-shrink:0}.account-name[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-03)}.account-value[_ngcontent-%COMP%]{font:var(--tui-font-text-m)}"],changeDetection:0}),t})();var ie=n(20933),ae=n(35065),oe=n(15193),ue=n(56735),le=n(20986);function re(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"button",6),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw(2);return g.KtG(t.toggle())})),g._UZ(1,"tui-svg",7),g._uU(2," Add signature "),g.qZA()}}function ce(e,t){if(1&e&&(g.TgZ(0,"button",8),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.hij(" ",e," ")}}function se(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,re,3,0,"button",4),g.YNc(2,ce,2,2,"button",5),g.qZA()),2&e){const e=g.oxw();g.xp6(1),g.Q6J("ngIf",!e.signatureVisible),g.xp6(1),g.Q6J("ngForOf",e.items)}}function de(e,t){if(1&e){const e=g.EpF();g.ynx(0),g.TgZ(1,"tui-textarea",9),g._uU(2," Type a signature "),g.qZA(),g.TgZ(3,"button",10),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw();return g.KtG(t.toggle())})),g._uU(4," Hide signature "),g.qZA(),g.BQk()}}let pe=(()=>{var e;class t{constructor(){this.items=["https://twitter.com/marsibarsi","https://twitter.com/waterplea"],this.testForm=new o.cw({email:new o.NI(null),signature:new o.NI("")}),this.signatureVisible=!1}toggle(){this.signatureVisible=!this.signatureVisible}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-3"]],decls:7,vars:3,consts:[[1,"wrapper",3,"formGroup"],["formControlName","email",1,"tui-space_bottom-4",3,"tuiTextfieldLabelOutside"],[4,"tuiDataList"],[4,"ngIf"],["tuiOption","","class","link",3,"click",4,"ngIf"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",1,"link",3,"click"],["src","tuiIconPlusCircleLarge",1,"icon"],["tuiOption","",3,"value"],["formControlName","signature","tuiAutoFocus","","tuiTextfieldSize","m",1,"tui-space_bottom-4"],["size","m","tuiButton","","type","button",3,"click"]],template:function(e,t){1&e&&(g.TgZ(0,"form",0)(1,"label"),g._uU(2," What is your address? "),g.TgZ(3,"tui-select",1),g._uU(4," Choose an address "),g.YNc(5,se,3,2,"tui-data-list",2),g.qZA()(),g.YNc(6,de,5,0,"ng-container",3),g.qZA()),2&e&&(g.Q6J("formGroup",t.testForm),g.xp6(3),g.Q6J("tuiTextfieldLabelOutside",!0),g.xp6(3),g.Q6J("ngIf",t.signatureVisible))},dependencies:[a.sg,a.O5,o._Y,o.JJ,o.JL,o.sg,o.u,ie.q,ae.v,x.g,oe.FC,ue.B,b.u,T.O,Z.v,C.P,A.x,O.s,le.k],styles:[".wrapper[_ngcontent-%COMP%]{width:18.75rem}.link[_ngcontent-%COMP%]{color:var(--tui-link)}.link[_ngcontent-%COMP%]:hover{color:var(--tui-link-hover)}.icon[_ngcontent-%COMP%]{margin-right:.5rem}"],changeDetection:0}),t})();var me=n(89786);function ge(e,t){if(1&e&&(g.TgZ(0,"button",10),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.hij(" ",e," ")}}function he(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-data-list")(1,"tui-opt-group",3),g.YNc(2,ge,2,2,"button",4),g.qZA(),g.TgZ(3,"tui-opt-group",5)(4,"button",6),g._uU(5," Alexander Inkin "),g.qZA(),g.TgZ(6,"button",7),g._uU(7," Roman Sedov "),g.qZA()(),g.TgZ(8,"button",8),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw(),n=g.MAs(1);return g.KtG(t.addMore(n))})),g._UZ(9,"tui-svg",9),g._uU(10," Add more "),g.qZA()()}if(2&e){const e=g.oxw();g.xp6(2),g.Q6J("ngForOf",e.pythons)}}let fe=(()=>{var e;class t{constructor(){this.alerts=(0,g.f3M)(s.TuiAlertService),this.pythons=["de la Concordia «Gabo» García Márquez","John Cleese","Eric Idle","Michael Palin","Terry Gilliam","Terry Jones","Graham Chapman"],this.value=this.pythons[0]}addMore(e){e.handleOption(e.value),this.alerts.open("Add more is clicked").subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-4"]],decls:4,vars:1,consts:[[3,"ngModel","ngModelChange"],["select",""],[4,"tuiDataList"],["label","Monty Python"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["label","Open-source squad"],["tuiOption","","value","Alexander Inkin"],["tuiOption","","value","Roman Sedov"],["tuiOption","",1,"more",3,"click"],["src","tuiIconPlusCircleLarge",1,"tui-space_right-2"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-select",0,1),g.NdJ("ngModelChange",(function(e){return t.value=e})),g._uU(2," Select user "),g.YNc(3,he,11,1,"tui-data-list",2),g.qZA()),2&e&&g.Q6J("ngModel",t.value)},dependencies:[a.sg,o.JJ,o.On,ie.q,ae.v,me.R,x.g,b.u,T.O,C.P],styles:["[_nghost-%COMP%]{display:block}.more[_ngcontent-%COMP%]{color:var(--tui-link)}.more[_ngcontent-%COMP%]:focus{color:var(--tui-link-hover)}"],changeDetection:0}),t})();var xe,be=n(84911),Te=n(84945),Ze=n(88960),ve=n(40939),Ce=n(23184);function ye(e,t){if(1&e&&(g.TgZ(0,"button",6),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e.id),g.xp6(1),g.hij(" ",e.name," ")}}function we(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,ye,2,2,"button",5),g.qZA()),2&e){const e=g.oxw(2).tuiLet;g.xp6(1),g.Q6J("ngForOf",e)}}function Me(e,t){if(1&e&&g.YNc(0,we,2,1,"tui-data-list",4),2&e){const e=g.oxw().tuiLet,t=g.MAs(3);g.Q6J("ngIf",e)("ngIfElse",t)}}function _e(e,t){1&e&&g._UZ(0,"tui-loader",7)}function Ae(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-select",1),g.NdJ("ngModelChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.value=t)})),g.YNc(1,Me,1,2,"ng-template",2),g.YNc(2,_e,1,0,"ng-template",null,3,g.W1O),g.qZA()}if(2&e){const e=t.tuiLet,n=g.MAs(3),i=g.oxw();g.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",e?i.stringify(e):n)("ngModel",i.value)}}const Oe=[{id:42,name:"John Cleese"},{id:237,name:"Eric Idle"},{id:666,name:"Michael Palin"},{id:123,name:"Terry Gilliam"},{id:777,name:"Terry Jones"},{id:999,name:"Graham Chapman"}];class Je{constructor(){this.value=42,this.items$=(0,Te.of)(Oe).pipe((0,Ze.g)(3e3))}stringify(e){const t=new Map(e.map((({id:e,name:t})=>[e,t])));return({$implicit:e})=>t.get(e)||""}}(xe=Je).ɵfac=function(e){return new(e||xe)},xe.ɵcmp=g.Xpm({type:xe,selectors:[["tui-select-example-5"]],decls:2,vars:3,consts:[[3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange",4,"tuiLet"],[3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange"],["tuiDataList",""],["loading",""],[4,"ngIf","ngIfElse"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"],[1,"tui-space_vertical-3","loader"]],template:function(e,t){1&e&&(g.YNc(0,Ae,4,3,"tui-select",0),g.ALo(1,"async")),2&e&&g.Q6J("tuiLet",g.lcZ(1,1,t.items$))},dependencies:[a.sg,a.O5,o.JJ,o.On,ie.q,ae.v,x.g,b.u,T.O,A.x,ve.L,Ce.k,a.Ov],styles:["[_nghost-%COMP%]{display:block}.loader[_ngcontent-%COMP%]{flex:1}.more[_ngcontent-%COMP%]{color:var(--tui-link)}.more[_ngcontent-%COMP%]:focus{color:var(--tui-link-hover)}"],changeDetection:0}),(0,be.gn)([c.tuiPure],Je.prototype,"stringify",null);var Ue=n(73336),Se=n(44124),Le=n(83653);function qe(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",4),2&e){const e=g.oxw().tuiLet,t=g.oxw(),n=g.MAs(3);g.Q6J("disabledItemHandler",t.disabledItemHandler)("itemContent",n)("items",e)}}function Ne(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-select",2),g.NdJ("ngModelChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.value=t)})),g._uU(1," Select user "),g.YNc(2,qe,1,3,"tui-data-list-wrapper",3),g.qZA()}if(2&e){const e=g.oxw();g.Q6J("ngModel",e.value)}}function Pe(e,t){if(1&e&&(g.TgZ(0,"div",5),g._UZ(1,"tui-avatar",6),g.ALo(2,"tuiInitials"),g.TgZ(3,"div",7),g._uU(4),g.qZA()()),2&e){const e=t.$implicit;g.xp6(1),g.Q6J("src",e.avatarUrl||g.lcZ(2,2,e.toString())),g.xp6(3),g.Oqu(e)}}class ke{constructor(e,t,n=null){this.firstName=e,this.lastName=t,this.avatarUrl=n}toString(){return`${this.firstName} ${this.lastName}`}}const Ie=[new ke("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new ke("Alex","Inkin",Ue.Ll`/images/avatar.jpg`),new ke("Dmitriy","Demenskiy"),new ke("Evgeniy","Mamaev"),new ke("Ivan","Ishmametiev"),new ke("Igor","Katsuba"),new ke("Yulia","Tsareva")];let Qe=(()=>{var e;class t{constructor(){this.value=null,this.items$=(0,Te.of)(Ie).pipe((0,Ze.g)(5e3)),this.disabledItemHandler=({avatarUrl:e})=>!!e}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-6"]],decls:4,vars:3,consts:[[3,"ngModel","ngModelChange",4,"tuiLet"],["content",""],[3,"ngModel","ngModelChange"],["size","l",3,"disabledItemHandler","itemContent","items",4,"tuiDataList"],["size","l",3,"disabledItemHandler","itemContent","items"],[1,"template"],["size","xs",1,"avatar",3,"src"],[1,"name"]],template:function(e,t){1&e&&(g.YNc(0,Ne,3,1,"tui-select",0),g.ALo(1,"async"),g.YNc(2,Pe,5,4,"ng-template",null,1,g.W1O)),2&e&&g.Q6J("tuiLet",g.lcZ(1,1,t.items$))},dependencies:[o.JJ,o.On,x.g,b.u,T.O,Se.J,ve.L,L.e,a.Ov,Le.X],styles:[".template[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}"],changeDetection:0}),t})();var De=n(31363),He=n(20501),Fe=n(88135);function Ve(e,t){if(1&e&&(g.TgZ(0,"button",2)(1,"label",7),g._uU(2),g.qZA()()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("tuiLabel",e.name),g.xp6(1),g.hij(" ",e.account," ")}}function Ye(e,t){if(1&e&&(g.TgZ(0,"button",2)(1,"label",7),g._uU(2),g.qZA()()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("tuiLabel",e.name),g.xp6(1),g.hij(" ",e.account," ")}}function Ge(e,t){if(1&e&&(g.TgZ(0,"tui-data-list")(1,"tui-opt-group")(2,"button",2),g._uU(3," All "),g.qZA()(),g.TgZ(4,"tui-opt-group",3)(5,"tui-opt-group",4),g.YNc(6,Ve,3,3,"button",5),g.qZA()(),g.TgZ(7,"tui-opt-group",6)(8,"tui-opt-group",4),g.YNc(9,Ye,3,3,"button",5),g.qZA()(),g.TgZ(10,"tui-opt-group",4)(11,"button",2),g._uU(12," Cash "),g.qZA()()()),2&e){const e=g.oxw();g.xp6(2),g.Q6J("value",e.all),g.xp6(4),g.Q6J("ngForOf",e.bank),g.xp6(3),g.Q6J("ngForOf",e.others),g.xp6(2),g.Q6J("value",e.cash)}}const Be=[{name:"Ruble",account:"1234567890987654321"},{name:"Dollar",account:"1234567890987654321"}],Ee=[{name:"Bank",account:"1234567890987654321"},{name:"Other bank",account:"1234567890987654321"},{name:"Bank of America",account:"1234567890987654321"}],ze={name:"Cash",account:""};let Re=(()=>{var e;class t{constructor(){this.value=c.EMPTY_ARRAY,this.all=c.EMPTY_ARRAY,this.cash=ze,this.bank=Be,this.others=Ee,this.content=({$implicit:{length:e}})=>e?`${e} accounts`:"All"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-7"]],decls:3,vars:2,consts:[[3,"valueContent","ngModel","ngModelChange"],["tuiDataList",""],["tuiOption","",3,"value"],["label","Best bank"],["tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["label","Other banks"],[3,"tuiLabel"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-select",0),g.NdJ("ngModelChange",(function(e){return t.value=e})),g._uU(1," Bank and account "),g.YNc(2,Ge,13,4,"ng-template",1),g.qZA()),2&e&&g.Q6J("valueContent",t.content)("ngModel",t.value)},dependencies:[a.sg,o.JJ,o.On,ie.q,ae.v,me.R,x.g,b.u,T.O,De.g,He.Q,Fe.A],styles:["label[_ngcontent-%COMP%]{cursor:pointer}"],changeDetection:0}),t})();var $e=n(62500);function Ke(e,t){if(1&e&&(g.TgZ(0,"button",4),g._uU(1),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.hij(" ",e," ")}}function We(e,t){if(1&e&&(g.TgZ(0,"cdk-virtual-scroll-viewport",2)(1,"tui-data-list"),g.YNc(2,Ke,2,2,"button",3),g.qZA()()),2&e){const e=g.oxw();g.Q6J("itemSize",44),g.xp6(2),g.Q6J("cdkVirtualForOf",e.countries)}}let je=(()=>{var e;class t{constructor(){this.value=null,this.countries=["Afghanistan","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cabo Verde","Cambodia","Cameroon","Canada","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Cook Islands","Costa Rica","Croatia","Cuba","Curaçao","Cyprus","Czechia","Côte d'Ivoire","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","Republic of North Macedonia","Romania","Russian Federation","Rwanda","Réunion","Saint Barthélemy","Saint Helena","Saint Kitts and Nevis","Saint Lucia","Saint Martin","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Sweden","Switzerland","Syrian Arab Republic","Taiwan","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Venezuela","Viet Nam","Virgin Islands (British)","Virgin Islands (U.S.)","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe","Åland Islands"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-8"]],decls:3,vars:1,consts:[[3,"ngModel","ngModelChange"],["tuiScrollable","","class","scroll",3,"itemSize",4,"tuiDataList"],["tuiScrollable","",1,"scroll",3,"itemSize"],["tuiOption","",3,"value",4,"cdkVirtualFor","cdkVirtualForOf"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-select",0),g.NdJ("ngModelChange",(function(e){return t.value=e})),g._uU(1," Country "),g.YNc(2,We,3,2,"cdk-virtual-scroll-viewport",1),g.qZA()),2&e&&g.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,i.xd,i.x0,i.N7,ie.q,ae.v,x.g,b.u,T.O,$e.R],styles:[".scroll[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;height:200px}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar, .scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();var Xe=n(86187),et=n(79261);function tt(e,t){if(1&e&&g._UZ(0,"tui-marker-icon",5),2&e){const e=t.polymorpheusOutlet;g.Q6J("src",e)}}const nt=function(){return{decimal:"always"}};let it=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["my-account"]],inputs:{account:"account"},decls:9,vars:10,consts:[[1,"icon"],["size","xs","class","icon-content",3,"src",4,"polymorpheusOutlet"],[1,"info"],[1,"name"],[1,"value",3,"tuiNumberFormat"],["size","xs",1,"icon-content",3,"src"]],template:function(e,t){1&e&&(g.TgZ(0,"span",0),g.YNc(1,tt,1,1,"tui-marker-icon",1),g.qZA(),g.TgZ(2,"span",2)(3,"span",3),g._uU(4),g.qZA(),g.TgZ(5,"span",4),g._uU(6),g.ALo(7,"async"),g.ALo(8,"tuiAmount"),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("polymorpheusOutlet",t.account.paymentSystem),g.xp6(3),g.Oqu(t.account.name),g.xp6(1),g.Q6J("tuiNumberFormat",g.DdM(9,nt)),g.xp6(1),g.hij(" ",g.lcZ(7,4,g.xi3(8,6,t.account.amount,t.account.currency))," "))},dependencies:[p.Li,Xe.B,et.y,a.Ov,R.E],styles:["[_nghost-%COMP%]{position:relative;display:flex;flex:1;align-items:center;max-width:100%;height:var(--tui-height-s);box-sizing:border-box;outline:none}*:focus[_nghost-%COMP%] .icon-content[_ngcontent-%COMP%], *:focus [_nghost-%COMP%] .icon-content[_ngcontent-%COMP%]{background-color:var(--tui-base-01);color:var(--tui-text-03)}.icon[_ngcontent-%COMP%]{margin:0 .5rem 0 -.25rem}.info[_ngcontent-%COMP%]{min-width:0;margin-right:.5rem;overflow:hidden}.icon-content[_ngcontent-%COMP%]{display:flex}.card[_ngcontent-%COMP%]{max-width:2rem;max-height:2rem;margin:0 .375rem 0 auto;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font:var(--tui-font-text-s);color:var(--tui-text-02);margin-bottom:-.125rem}.value[_ngcontent-%COMP%]{font:var(--tui-font-text-m)}"],changeDetection:0}),t})();function at(e,t){if(1&e&&(g.TgZ(0,"button",6),g._UZ(1,"my-account",7),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("account",e)}}function ot(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,at,2,2,"button",5),g.qZA()),2&e){const e=g.oxw();g.xp6(1),g.Q6J("ngForOf",e.accounts)}}function ut(e,t){if(1&e&&(g.TgZ(0,"button",6),g._UZ(1,"my-account",7),g.qZA()),2&e){const e=t.$implicit;g.Q6J("value",e),g.xp6(1),g.Q6J("account",e)}}function lt(e,t){if(1&e&&(g.TgZ(0,"tui-data-list"),g.YNc(1,ut,2,2,"button",5),g.qZA()),2&e){const e=g.oxw();g.xp6(1),g.Q6J("ngForOf",e.accounts)}}function rt(e,t){if(1&e&&g._UZ(0,"my-account",7),2&e){const e=t.$implicit;g.Q6J("account",e)}}let ct=(()=>{var e;class t{constructor(){this.accounts=[{name:"Dollar deposit",amount:237e3,currency:l.TuiCurrency.Dollar,paymentSystem:"tuiIconVisa"},{name:"Pound deposit",amount:100,currency:l.TuiCurrency.Pound,paymentSystem:"tuiIconMastercard"},{name:"Rouble deposit",amount:1234567890,currency:l.TuiCurrency.Ruble,paymentSystem:"tuiIconMir"}],this.account=new o.NI(this.accounts[0])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-9"]],decls:7,vars:6,consts:[[1,"example"],["tuiTextfieldSize","l",3,"formControl","tuiTextfieldLabelOutside","valueContent"],["tuiDataList",""],["tuiTextfieldSize","m",1,"tui-space_top-2",3,"formControl","tuiTextfieldLabelOutside","valueContent"],["value",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"],[3,"account"]],template:function(e,t){if(1&e&&(g.TgZ(0,"div",0)(1,"tui-select",1),g.YNc(2,ot,2,1,"ng-template",2),g.qZA(),g.TgZ(3,"tui-select",3),g.YNc(4,lt,2,1,"ng-template",2),g.qZA()(),g.YNc(5,rt,1,1,"ng-template",null,4,g.W1O)),2&e){const e=g.MAs(6);g.xp6(1),g.Q6J("formControl",t.account)("tuiTextfieldLabelOutside",!0)("valueContent",e),g.xp6(2),g.Q6J("formControl",t.account)("tuiTextfieldLabelOutside",!0)("valueContent",e)}},dependencies:[a.sg,o.JJ,o.oH,ie.q,ae.v,x.g,b.u,T.O,A.x,O.s,it],styles:[".example[_ngcontent-%COMP%]{max-width:25rem}"],changeDetection:0}),t})();function st(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",2),2&e){const e=g.oxw();g.Q6J("items",e.items)}}let dt=(()=>{var e;class t{constructor(){this.testValue=new o.NI(null),this.items=[{id:42,name:"John Cleese",dept:{id:566,title:"Financial"}},{id:237,name:"Eric Idle",dept:{id:560,title:"Staffing"}},{id:666,name:"Michael Palin",dept:{id:566,title:"Financial"}},{id:123,name:"Terry Gilliam",dept:{id:500,title:"Administrative"}},{id:777,name:"Terry Jones",dept:{id:566,title:"Financial"}},{id:999,name:"Graham Chapman",dept:{id:560,title:"Staffing"}}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-10"]],features:[g._Bn([(0,d.tuiItemsHandlersProvider)({stringify:e=>`${e.name} (${e.dept.title})`})])],decls:4,vars:2,consts:[["tuiTextfieldSize","m",3,"formControl","tuiTextfieldLabelOutside"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(g.TgZ(0,"form")(1,"tui-select",0),g._uU(2," Employee "),g.YNc(3,st,1,1,"tui-data-list-wrapper",1),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("formControl",t.testValue)("tuiTextfieldLabelOutside",!0))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x.g,b.u,T.O,A.x,O.s,L.e],encapsulation:2,changeDetection:0}),t})();var pt=n(24645),mt=n(41871);let gt=(()=>{var e;class t{constructor(){this.itemStringControl=new o.NI(null),this.itemGroupControl=new o.NI(null),this.itemControl=new o.NI(null),this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.groupItems=[["Caesar","Greek","Apple and Chicken"],["Broccoli Cheddar","Chicken and Rice","Chicken Noodle"]],this.customItems=[{name:"Luke Skywalker",id:1},{name:"Leia Organa Solo",id:2},{name:"Darth Vader",id:3},{name:"Han Solo",id:4},{name:"Obi-Wan Kenobi",id:5},{name:"Yoda",id:6}],this.labels=["Salad","Soup"],this.stringify=e=>e.name,this.disabledItemHandler=e=>e.startsWith("Chicken")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=g.Xpm({type:e,selectors:[["tui-select-example-11"]],decls:11,vars:10,consts:[[3,"formControl"],["tuiSelect","",3,"items"],[1,"tui-space_top-4",3,"formControl","tuiTextfieldCleaner"],["tuiSelect","",3,"disabledItemHandler","items","labels"],["placeholder","Make a choice","tuiTextfield",""],[1,"tui-space_top-4",3,"formControl","stringify"]],template:function(e,t){1&e&&(g.TgZ(0,"form")(1,"tui-select",0),g._uU(2," Character "),g._UZ(3,"select",1),g.qZA(),g.TgZ(4,"tui-select",2),g._uU(5," Food "),g._UZ(6,"select",3)(7,"input",4),g.qZA(),g.TgZ(8,"tui-select",5),g._uU(9," Character "),g._UZ(10,"select",1),g.qZA()()),2&e&&(g.xp6(1),g.Q6J("formControl",t.itemStringControl),g.xp6(2),g.Q6J("items",t.items),g.xp6(1),g.Q6J("formControl",t.itemGroupControl)("tuiTextfieldCleaner",!0),g.xp6(2),g.Q6J("disabledItemHandler",t.disabledItemHandler)("items",t.groupItems)("labels",t.labels),g.xp6(2),g.Q6J("formControl",t.itemControl)("stringify",t.stringify),g.xp6(2),g.Q6J("items",t.customItems))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,V.M,b.u,T.O,pt.I,mt.f,M.b],encapsulation:2,changeDetection:0}),t})();const ht=["valueTemplateContent"];function ft(e,t){1&e&&(g._uU(0," You can use "),g.TgZ(1,"code"),g._uU(2,"Select"),g.qZA(),g._uU(3," with "),g.TgZ(4,"code"),g._uU(5,"ScrollingModule"),g.qZA(),g._uU(6," from "),g.TgZ(7,"a",16),g._uU(8," @angular/cdk/scrolling "),g.qZA(),g._uU(9," . "))}function xt(e,t){if(1&e&&(g.TgZ(0,"div",2)(1,"code"),g._uU(2,"Select"),g.qZA(),g._uU(3," is a field with dropdown to choose one item. "),g.qZA(),g.TgZ(4,"tui-doc-example",3)(5,"tui-notification",4),g._uU(6," If you need to set some attributes or listen to events on native "),g.TgZ(7,"code"),g._uU(8,"input"),g.qZA(),g._uU(9," , you can put it inside with "),g.TgZ(10,"code"),g._uU(11,"Textfield"),g.qZA(),g._uU(12," directive as shown below "),g.qZA(),g._UZ(13,"tui-select-example-1"),g.qZA(),g.TgZ(14,"tui-doc-example",5),g._UZ(15,"tui-select-example-2"),g.qZA(),g.TgZ(16,"tui-doc-example",6),g._UZ(17,"tui-select-example-3"),g.qZA(),g.TgZ(18,"tui-doc-example",7),g._UZ(19,"tui-select-example-4"),g.qZA(),g.TgZ(20,"tui-doc-example",8),g._UZ(21,"tui-select-example-5"),g.qZA(),g.TgZ(22,"tui-doc-example",9),g._UZ(23,"tui-select-example-6"),g.qZA(),g.TgZ(24,"tui-doc-example",10),g._UZ(25,"tui-select-example-7"),g.qZA(),g.TgZ(26,"tui-doc-example",11),g.YNc(27,ft,10,0,"ng-template",null,12,g.W1O),g._UZ(29,"tui-select-example-8"),g.qZA(),g.TgZ(30,"tui-doc-example",13),g._UZ(31,"tui-select-example-9"),g.qZA(),g.TgZ(32,"tui-doc-example",14),g._UZ(33,"tui-select-example-10"),g.qZA(),g.TgZ(34,"tui-doc-example",15)(35,"tui-notification",4),g._uU(36," You can enable native select on mobile devices by putting "),g.TgZ(37,"code"),g._uU(38,"select"),g.qZA(),g._uU(39," inside with "),g.TgZ(40,"code"),g._uU(41,"tuiSelect"),g.qZA(),g._uU(42," directive as shown below "),g.qZA(),g._UZ(43,"tui-select-example-11"),g.qZA()),2&e){const e=g.MAs(28),t=g.oxw();g.xp6(4),g.Q6J("content",t.example1),g.xp6(10),g.Q6J("content",t.example2),g.xp6(2),g.Q6J("content",t.example3),g.xp6(2),g.Q6J("content",t.example4),g.xp6(2),g.Q6J("content",t.example5),g.xp6(2),g.Q6J("content",t.example6),g.xp6(2),g.Q6J("content",t.example7),g.xp6(2),g.Q6J("content",t.example8)("description",e),g.xp6(4),g.Q6J("content",t.example9),g.xp6(2),g.Q6J("content",t.example10),g.xp6(2),g.Q6J("content",t.example11)}}function bt(e,t){if(1&e&&g._UZ(0,"tui-data-list-wrapper",26),2&e){const e=g.oxw(3);g.Q6J("items",e.items)}}function Tt(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-select",24),g.NdJ("tuiDropdownOpenChange",(function(t){g.CHM(e);const n=g.oxw(2);return g.KtG(n.dropdownOpen.next(t))})),g.ALo(1,"async"),g._uU(2," Choose an account "),g.YNc(3,bt,1,1,"tui-data-list-wrapper",25),g.qZA()}if(2&e){const e=g.oxw(2);g.Q6J("focusable",e.focusable)("formControl",e.control)("identityMatcher",e.identityMatcher)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!g.lcZ(1,25,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)("valueContent",e.valueContent)}}function Zt(e,t){if(1&e&&(g._UZ(0,"tui-svg",27),g.TgZ(1,"div",28),g._uU(2),g.qZA()),2&e){const e=t.$implicit;g.xp6(2),g.Oqu(e)}}function vt(e,t){1&e&&(g._uU(0," Disabled state (use "),g.TgZ(1,"code"),g._uU(2,"formControl.disable()"),g.qZA(),g._uU(3," ) "))}function Ct(e,t){1&e&&(g._uU(0," Function that matches value and items, e.g. if objects are copied. Uses "),g.TgZ(1,"code"),g._uU(2,"==="),g.qZA(),g._uU(3," by default. "),g.TgZ(4,"strong"),g._uU(5,"Must be a pure function"),g.qZA())}function yt(e,t){1&e&&g._uU(0," A template for custom view of selected value ")}function wt(e,t){if(1&e){const e=g.EpF();g.TgZ(0,"tui-doc-demo",17),g.YNc(1,Tt,4,27,"ng-template"),g.qZA(),g.YNc(2,Zt,3,1,"ng-template",null,18,g.W1O),g.TgZ(4,"div")(5,"p"),g._uU(6," Set a value with copied object from items to check "),g.TgZ(7,"code"),g._uU(8,"identityMatcher"),g.qZA(),g._uU(9," : "),g.qZA(),g.TgZ(10,"button",19),g.NdJ("click",(function(){g.CHM(e);const t=g.oxw();return g.KtG(t.setValue())})),g._uU(11," Set "),g.qZA()(),g.TgZ(12,"tui-doc-documentation"),g.YNc(13,vt,4,0,"ng-template",20),g.NdJ("documentationPropertyValueChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.disabled=t)})),g.YNc(14,Ct,6,0,"ng-template",21),g.NdJ("documentationPropertyValueChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.identityMatcher=t)})),g.YNc(15,yt,1,0,"ng-template",22),g.NdJ("documentationPropertyValueChange",(function(t){g.CHM(e);const n=g.oxw();return g.KtG(n.selectedValueTemplate=t)})),g.qZA(),g._UZ(16,"inherited-documentation",23)}if(2&e){const e=g.oxw();g.Q6J("control",e.control),g.xp6(13),g.Q6J("documentationPropertyValue",e.disabled),g.xp6(1),g.Q6J("documentationPropertyValues",e.identityMatcherVariants)("documentationPropertyValue",e.identityMatcher),g.xp6(1),g.Q6J("documentationPropertyValues",e.valueTemplateVariants)("documentationPropertyValue",e.selectedValueTemplate),g.xp6(1),g.Q6J("dropdown",!0)}}function Mt(e,t){if(1&e&&(g.TgZ(0,"ol",29)(1,"li")(2,"p"),g._uU(3," Import an Angular module for forms and "),g.TgZ(4,"code"),g._uU(5,"TuiSelectModule"),g.qZA(),g._uU(6," in the same module where you want to use our component: "),g.qZA(),g._UZ(7,"tui-doc-code",30),g.TgZ(8,"p"),g._uU(9," See samples to learn more about working with "),g.TgZ(10,"code"),g._uU(11,"tui-data-list-wrapper"),g.qZA(),g._uU(12," or without them "),g.qZA()(),g.TgZ(13,"li")(14,"p"),g._uU(15," Declare a form ( "),g.TgZ(16,"code"),g._uU(17,"FormGroup"),g.qZA(),g._uU(18," ) or a control ( "),g.TgZ(19,"code"),g._uU(20,"FormControl"),g.qZA(),g._uU(21," ) in your component: "),g.qZA(),g._UZ(22,"tui-doc-code",31),g.qZA(),g.TgZ(23,"li")(24,"p"),g._uU(25,"Add to the template:"),g.qZA(),g._UZ(26,"tui-doc-code",32),g.qZA()()),2&e){const e=g.oxw();g.xp6(7),g.Q6J("code",e.exampleModule),g.xp6(15),g.Q6J("code",e.exampleForm),g.xp6(4),g.Q6J("code",e.exampleHtml)}}class _t{constructor(e,t){this.name=e,this.balance=t}toString(){return`${this.name} (${this.balance})`}}let At=(()=>{var e;class t extends h.b{constructor(){super(...arguments),this.iconVariants=["","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.iconLeft=this.iconVariants[0],this.control=new o.NI(null,o.kI.required),this.exampleModule=n.e(85019).then(n.t.bind(n,85019,17)),this.exampleHtml=n.e(88502).then(n.t.bind(n,88502,17)),this.exampleForm=n.e(25155).then(n.t.bind(n,25155,17)),this.example1={TypeScript:n.e(26293).then(n.t.bind(n,26293,17)),HTML:n.e(44262).then(n.t.bind(n,44262,17))},this.example2={TypeScript:n.e(55910).then(n.t.bind(n,55910,17)),HTML:n.e(17210).then(n.t.bind(n,17210,17)),LESS:n.e(54210).then(n.t.bind(n,54210,17))},this.example3={TypeScript:n.e(93653).then(n.t.bind(n,93653,17)),HTML:n.e(34811).then(n.t.bind(n,34811,17)),LESS:n.e(95033).then(n.t.bind(n,95033,17))},this.example4={TypeScript:n.e(92736).then(n.t.bind(n,92736,17)),HTML:n.e(79530).then(n.t.bind(n,79530,17)),LESS:n.e(6583).then(n.t.bind(n,6583,17))},this.example5={TypeScript:n.e(616).then(n.t.bind(n,616,17)),HTML:n.e(67661).then(n.t.bind(n,67661,17)),LESS:n.e(56490).then(n.t.bind(n,56490,17))},this.example6={TypeScript:n.e(78200).then(n.t.bind(n,78200,17)),HTML:n.e(36409).then(n.t.bind(n,36409,17)),LESS:n.e(76030).then(n.t.bind(n,76030,17))},this.example7={TypeScript:n.e(56067).then(n.t.bind(n,56067,17)),HTML:n.e(51407).then(n.t.bind(n,51407,17)),LESS:n.e(36907).then(n.t.bind(n,36907,17))},this.example8={TypeScript:n.e(40229).then(n.t.bind(n,40229,17)),HTML:n.e(60620).then(n.t.bind(n,60620,17)),LESS:n.e(96776).then(n.t.bind(n,96776,17))},this.example9={TypeScript:n.e(64823).then(n.t.bind(n,64823,17)),HTML:n.e(20632).then(n.t.bind(n,20632,17)),LESS:n.e(20918).then(n.t.bind(n,20918,17)),"./account/my-account.component.ts":n.e(26665).then(n.t.bind(n,26665,17)),"./account/my-account.component.less":n.e(12661).then(n.t.bind(n,12661,17)),"./account/my-account.component.html":n.e(51483).then(n.t.bind(n,51483,17))},this.example10={TypeScript:n.e(98787).then(n.t.bind(n,98787,17)),HTML:n.e(37914).then(n.t.bind(n,37914,17))},this.example11={TypeScript:n.e(12682).then(n.t.bind(n,12682,17)),HTML:n.e(62369).then(n.t.bind(n,55664,17))},this.items=[new _t("Ruble",500),new _t("Dollar",237)],this.valueTemplateVariants=["","Template"],this.selectedValueTemplate=this.valueTemplateVariants[0],this.identityMatcherVariants=[(e,t)=>e===t,(e,t)=>e.balance===t.balance],this.identityMatcher=this.identityMatcherVariants[0],this.disabledItemHandlerVariants=[c.ALWAYS_FALSE_HANDLER,e=>e.balance<300]}get valueContent(){return this.valueTemplateRef&&this.selectedValueTemplate?this.valueTemplateRef:""}setValue(){this.control.setValue(new _t("Dollar",237))}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=g.n5z(e)))(n||e)}}(),e.ɵcmp=g.Xpm({type:e,selectors:[["example-tui-select"]],viewQuery:function(e,t){if(1&e&&g.Gf(ht,5),2&e){let e;g.iGM(e=g.CRH())&&(t.valueTemplateRef=e.first)}},features:[g._Bn([{provide:f.x,useExisting:(0,g.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix"])]),g.qOj],decls:4,vars:0,consts:[["header","Select","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","base","heading","String array",3,"content"],[1,"tui-space_bottom-4"],["id","template","heading","Custom template",3,"content"],["id","delegate","heading","Item delegate",3,"content"],["id","datalist","heading","DataList",3,"content"],["id","id","heading","ID only",3,"content"],["id","wrapper","heading","DataListWrapper",3,"content"],["id","complex","heading","Complex dropdown",3,"content"],["id","virtual","heading","Virtual scroll",3,"content","description"],["cdkVirtualScrollDescription",""],["id","accounts","heading","Accounts list",3,"content"],["id","options-stringify","heading","Options (stringify)",3,"content"],["id","native-select","heading","Native select",3,"content"],["href","https://material.angular.io/cdk/scrolling/overview","rel","noreferrer","target","_blank","tuiLink",""],[3,"control"],["valueTemplateContent",""],["size","m","tuiButton","","type","button",3,"click"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","identityMatcher","documentationPropertyType","TuiIdentityMatcher",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","valueContent","documentationPropertyType","PolymorpheusContent>",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],[3,"focusable","formControl","identityMatcher","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","valueContent","tuiDropdownOpenChange"],[3,"items",4,"tuiDataList"],[3,"items"],["src","tuiIconCheck",1,"icon"],[1,"text-overflow"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(g.TgZ(0,"tui-doc-page",0),g.YNc(1,xt,44,12,"ng-template",1),g.YNc(2,wt,17,7,"ng-template",1),g.YNc(3,Mt,27,3,"ng-template",1),g.qZA())},dependencies:[o.JJ,o.oH,x.g,b.u,T.O,Z.v,v.V,C.P,y.o,w.Ek,M.b,_.B,A.x,O.s,J.a,U.k,S.bZ,L.e,q.L,N.w,P.c,k.F,I.z,Q.B,D.q,H.n,F.f,E,ne,pe,fe,Je,Qe,Re,je,ct,dt,gt,a.Ov],styles:[".icon[_ngcontent-%COMP%]{height:1.125rem;color:var(--tui-accent);margin:0 .25rem 0 -.25rem}.text-overflow[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),t})(),Ot=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=g.oAB({type:e}),e.ɵinj=g.cJS({imports:[a.ez,o.u5,o.UX,p.wq,i.Cl,s.TuiScrollbarComponent,s.TuiDataListModule,d.TuiTextareaModule,d.TuiSelectModule,l.TuiThumbnailCardModule,d.TuiRadioListModule,s.TuiButtonModule,s.TuiLinkModule,d.TuiAvatarComponent,s.TuiSvgModule,s.TuiDropdownModule,s.TuiTextfieldControllerModule,s.TuiHintModule,c.TuiAutoFocusModule,c.TuiLetModule,s.TuiLoaderModule,d.TuiDataListWrapperModule,d.TuiMultiSelectModule,s.TuiLabelModule,s.TuiNotificationModule,m.f,r.fV,d.TuiMarkerIconModule,c.TuiMapperPipeModule,u.Bz.forChild((0,r.Ve)(At)),s.TuiNumberFormatModule]}),t})()}}]); \ No newline at end of file diff --git a/next/40116.2429efdf84bcb9c9.js b/next/40116.2429efdf84bcb9c9.js deleted file mode 100644 index 65ee7d0eb8e4..000000000000 --- a/next/40116.2429efdf84bcb9c9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[40116],{40116:n=>{n.exports='
\n \n Show/hide skeleton\n \n \n Light mode\n \n\n
\n --tui-skeleton-radius:\n\n \n
\n
\n\n\n
\n
\n \n
\n
\n
\n \n \n
\n
\n \n A category\n

\n \n {{ skeletonVisible ? \'\' : \'Title\' }}\n \n \n {{ skeletonVisible ? \'\' : placeholder }}\n

\n \n \n Link\n \n

\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n {{ skeletonVisible ? \'\' : \'Another title\' }}\n \n \n {{ skeletonVisible ? \'\' : \'And some new text again\' }}\n

\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n {{ skeletonVisible ? \'\' : \'One more title\' }}\n \n \n {{ skeletonVisible ? \'\' : \'All right, I get it\' }}\n

\n
\n
\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/40116.945500cbcae0fb9e.js b/next/40116.945500cbcae0fb9e.js new file mode 100644 index 000000000000..f82c049e4c3c --- /dev/null +++ b/next/40116.945500cbcae0fb9e.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[40116],{40116:n=>{n.exports='
\n \n Show/hide skeleton\n \n \n Light mode\n \n\n
\n --tui-skeleton-radius:\n\n \n
\n
\n\n\n
\n
\n \n
\n
\n
\n \n \n
\n
\n \n A category\n

\n \n {{ skeletonVisible ? \'\' : \'Title\' }}\n \n \n {{ skeletonVisible ? \'\' : placeholder }}\n

\n \n \n Link\n \n

\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n {{ skeletonVisible ? \'\' : \'Another title\' }}\n \n \n {{ skeletonVisible ? \'\' : \'And some new text again\' }}\n

\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n {{ skeletonVisible ? \'\' : \'One more title\' }}\n \n \n {{ skeletonVisible ? \'\' : \'All right, I get it\' }}\n

\n
\n
\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/41018.1b40ad0196ab7d6f.js b/next/41018.1b40ad0196ab7d6f.js deleted file mode 100644 index 91654abf3549..000000000000 --- a/next/41018.1b40ad0196ab7d6f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[41018],{41018:e=>{e.exports='\n \n Choose date and time\n \n \n\n

Form value:

\n\n 
{{ testForm.value | json }}
\n\n'}}]); \ No newline at end of file diff --git a/next/41018.82e0ab4b9d87f3f1.js b/next/41018.82e0ab4b9d87f3f1.js new file mode 100644 index 000000000000..1f1b9d61f187 --- /dev/null +++ b/next/41018.82e0ab4b9d87f3f1.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[41018],{41018:e=>{e.exports='
\n \n Choose date and time\n \n \n\n

Form value:

\n\n 
{{ testForm.value | json }}
\n
\n'}}]); \ No newline at end of file diff --git a/next/42709.5cc7afef482dfe47.js b/next/42709.5cc7afef482dfe47.js deleted file mode 100644 index 157e4501d129..000000000000 --- a/next/42709.5cc7afef482dfe47.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[42709],{42709:(t,e,i)=>{i.r(e),i.d(e,{ExampleTuiMultiSelectModule:()=>ye});var n,a=i(56900),o=i(88692),r=i(69900),l=i(91795),u=i(64500),s=i(53222),c=i(73588),d=i(84479),p=i(89570),m=i(75695),h=i(64537),g=i(82880),f=i(98204),b=i(93251),x=i(20501),y=i(49538),T=i(76189),C=i(66596),w=i(52219),Z=i(50020),M=i(69956),S=i(33250),v=i(84848),A=i(64374),J=i(68874),_=i(10200),L=i(3729),V=i(54218),U=i(83074),N=i(10977),P=i(62840),O=i(60404),H=i(43560),q=i(93525),Q=i(38868),I=i(84911);function D(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",2),2&t){const t=h.oxw();h.Q6J("items",t.filter(t.search))}}const k=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"];class G{constructor(){this.search="",this.control=new r.NI([k[0]]),this.tagValidator=t=>!t.startsWith("Han")}filter(t){return k.filter((e=>(0,s.TUI_DEFAULT_MATCHER)(e,t||"")))}}(n=G).ɵfac=function(t){return new(t||n)},n.ɵcmp=h.Xpm({type:n,selectors:[["tui-multi-select-example-1"]],decls:3,vars:5,consts:[["placeholder","Ignored text",1,"b-form",3,"editable","formControl","tagValidator","tuiTextfieldLabelOutside","search","searchChange"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"items"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("searchChange",(function(t){return e.search=t})),h._uU(1," Star Wars persons "),h.YNc(2,D,1,1,"tui-data-list-wrapper",1),h.qZA()),2&t&&h.Q6J("editable",!1)("formControl",e.control)("tagValidator",e.tagValidator)("tuiTextfieldLabelOutside",!0)("search",e.search)},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,w.g,Z.e,J.x],encapsulation:2,changeDetection:0}),(0,I.gn)([s.tuiPure],G.prototype,"filter",null);var Y=i(73336),F=i(38023),$=i(74970),z=i(61528),B=i(51927),E=i(84945),K=i(88960),R=i(44124),W=i(40939),j=i(73139),X=i(83653);function tt(t,e){if(1&t&&(h._UZ(0,"tui-data-list-wrapper",4),h.ALo(1,"tuiHideSelected")),2&t){const t=h.oxw().tuiLet;h.oxw();const e=h.MAs(5);h.Q6J("itemContent",e)("items",h.lcZ(1,2,t))}}function et(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-multi-select",2),h.NdJ("searchChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.onSearchChange(e))})),h._uU(1," Rock Star Frontend Developers "),h.YNc(2,tt,2,4,"tui-data-list-wrapper",3),h.qZA()}if(2&t){const t=h.oxw();h.Q6J("formControl",t.testValue)("rows",1)("tuiTextfieldLabelOutside",!0)}}function it(t,e){if(1&t&&(h.TgZ(0,"div",5),h._UZ(1,"tui-avatar",6),h.ALo(2,"tuiInitials"),h._uU(3),h.qZA()),2&t){const t=e.$implicit;h.xp6(1),h.Q6J("src",t.avatarUrl||h.lcZ(2,2,t.toString())),h.xp6(2),h.hij(" ",t," ")}}class nt{constructor(t,e,i=null){this.firstName=t,this.lastName=e,this.avatarUrl=i}toString(){return`${this.firstName} ${this.lastName}`}}const at=[new nt("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new nt("Alex","Inkin",Y.Ll`/images/avatar.jpg`),new nt("Dmitriy","Demenskiy"),new nt("Evgeniy","Mamaev"),new nt("Ivan","Ishmametiev"),new nt("Igor","Katsuba"),new nt("Yulia","Tsareva")];let ot=(()=>{var t;class e{constructor(){this.search$=new F.x,this.items$=this.search$.pipe((0,$.h)((t=>null!==t)),(0,z.w)((t=>this.serverRequest(t).pipe((0,B.O)(null)))),(0,B.O)(at)),this.testValue=new r.NI([at[0]])}onSearchChange(t){this.search$.next(t)}serverRequest(t){const e=at.filter((e=>(0,s.TUI_DEFAULT_MATCHER)(e,t||"")));return(0,E.of)(e).pipe((0,K.g)(1e3*Math.random()+500))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-2"]],decls:6,vars:3,consts:[["placeholder","Find by ...","class","b-form",3,"formControl","rows","tuiTextfieldLabelOutside","searchChange",4,"tuiLet"],["itemContent",""],["placeholder","Find by ...",1,"b-form",3,"formControl","rows","tuiTextfieldLabelOutside","searchChange"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"],[1,"template"],["size","xs",1,"avatar",3,"src"]],template:function(t,e){1&t&&(h.TgZ(0,"label"),h._uU(1," Type a name: "),h.YNc(2,et,3,3,"tui-multi-select",0),h.ALo(3,"async"),h.qZA(),h.YNc(4,it,4,4,"ng-template",null,1,h.W1O)),2&t&&(h.xp6(2),h.Q6J("tuiLet",h.lcZ(3,1,e.items$)))},dependencies:[r.JJ,r.oH,b.V,y.b,R.J,w.g,Z.e,W.L,J.x,o.Ov,j.E,X.X],styles:[".template[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 -.25rem}"],changeDetection:0}),e})();var rt=i(20933),lt=i(35065);function ut(t,e){if(1&t&&(h.TgZ(0,"button",8),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t.name," ")}}function st(t,e){if(1&t&&(h.TgZ(0,"tui-data-list",6),h.YNc(1,ut,2,2,"button",7),h.qZA()),2&t){const t=h.oxw();h.xp6(1),h.Q6J("ngForOf",t.items)}}function ct(t,e){if(1&t&&(h.TgZ(0,"button",8),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t.name," ")}}function dt(t,e){if(1&t&&(h.TgZ(0,"tui-data-list",6),h.YNc(1,ct,2,2,"button",7),h.qZA()),2&t){const t=h.oxw();h.xp6(1),h.Q6J("ngForOf",t.items)}}function pt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",9),2&t){const t=h.oxw();h.Q6J("itemContent",t.stringify)("items",t.items)}}let mt=(()=>{var t;class e{constructor(){this.items=[{id:1,name:"Luke Skywalker"},{id:2,name:"Leia Organa Solo"},{id:3,name:"Darth Vader"},{id:4,name:"Han Solo"},{id:5,name:"Obi-Wan Kenobi"},{id:6,name:"Yoda"}],this.control=new r.NI([this.items[3],this.items[4]]),this.stringify=t=>"name"in t?t.name:t.$implicit.name,this.identityMatcher=(t,e)=>t.id===e.id}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-3"]],decls:10,vars:15,consts:[[1,"b-form"],["tuiTextfieldSize","s",3,"formControl","identityMatcher","stringify","tuiTextfieldCleaner"],["tuiMultiSelectGroup","",4,"tuiDataList"],["tuiTextfieldSize","m",1,"tui-space_top-2",3,"editable","formControl","identityMatcher","stringify","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],[1,"tui-space_top-2",3,"editable","formControl","identityMatcher","stringify","tuiTextfieldCleaner"],["tuiMultiSelectGroup","",3,"itemContent","items",4,"tuiDataList"],["tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"],["tuiMultiSelectGroup","",3,"itemContent","items"]],template:function(t,e){1&t&&(h.TgZ(0,"form",0)(1,"tui-multi-select",1),h._uU(2," Choose your heroes "),h.YNc(3,st,2,1,"tui-data-list",2),h.qZA(),h.TgZ(4,"tui-multi-select",3),h._uU(5," Choose your heroes "),h.YNc(6,dt,2,1,"tui-data-list",2),h.qZA(),h.TgZ(7,"tui-multi-select",4),h._uU(8," Choose your heroes "),h.YNc(9,pt,1,2,"tui-data-list-wrapper",5),h.qZA()()),2&t&&(h.xp6(1),h.Q6J("formControl",e.control)("identityMatcher",e.identityMatcher)("stringify",e.stringify)("tuiTextfieldCleaner",!0),h.xp6(3),h.Q6J("editable",!1)("formControl",e.control)("identityMatcher",e.identityMatcher)("stringify",e.stringify)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(3),h.Q6J("editable",!1)("formControl",e.control)("identityMatcher",e.identityMatcher)("stringify",e.stringify)("tuiTextfieldCleaner",!0))},dependencies:[o.sg,r._Y,r.JJ,r.JL,r.F,r.oH,b.V,x.Q,y.b,rt.q,lt.v,w.g,Z.e,A.b,J.x,_.s],encapsulation:2,changeDetection:0}),e})();var ht=i(1995),gt=i(27969),ft=i(66466);function bt(t,e){if(1&t&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"async")),2&t){const t=h.oxw().tuiLet,e=h.oxw();h.Q6J("itemContent",h.lcZ(1,2,e.stringify$))("items",t)}}function xt(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-multi-select",1),h.NdJ("searchChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.onSearch(e))})),h.ALo(1,"async"),h.YNc(2,bt,2,4,"tui-data-list-wrapper",2),h.qZA()}if(2&t){const t=h.oxw();h.Q6J("formControl",t.control)("stringify",h.lcZ(1,3,t.stringify$))("tuiTextfieldLabelOutside",!0)}}const yt=[{id:1,name:"Luke Skywalker"},{id:2,name:"Princess Leia"},{id:3,name:"Darth Vader"},{id:4,name:"Han Solo"},{id:5,name:"Obi-Wan Kenobi"},{id:6,name:"Yoda"}];let Tt=(()=>{var t;class e{constructor(){this.server$=(0,ht.H)(5e3).pipe((0,gt.U)((()=>yt)),(0,ft.d)({bufferSize:1,refCount:!0})),this.search$=new F.x,this.items$=this.search$.pipe((0,B.O)(""),(0,z.w)((t=>this.server$.pipe((0,gt.U)((e=>e.filter((({name:e})=>(0,s.TUI_DEFAULT_MATCHER)(e,t))).map((({id:t})=>t))))))),(0,B.O)(null)),this.stringify$=this.server$.pipe((0,gt.U)((t=>new Map(t.map((({id:t,name:e})=>[t,e]))))),(0,B.O)(new Map),(0,gt.U)((t=>e=>((0,s.tuiIsNumber)(e)?t.get(e):t.get(e.$implicit))||"Loading..."))),this.control=new r.NI([2,3])}onSearch(t){this.search$.next(t||"")}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-4"]],decls:2,vars:3,consts:[["class","b-form",3,"formControl","stringify","tuiTextfieldLabelOutside","searchChange",4,"tuiLet"],[1,"b-form",3,"formControl","stringify","tuiTextfieldLabelOutside","searchChange"],["tuiMultiSelectGroup","",3,"itemContent","items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"itemContent","items"]],template:function(t,e){1&t&&(h.YNc(0,xt,3,5,"tui-multi-select",0),h.ALo(1,"async")),2&t&&h.Q6J("tuiLet",h.lcZ(1,1,e.items$))},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,w.g,Z.e,W.L,J.x,o.Ov],encapsulation:2,changeDetection:0}),e})();var Ct=i(31363),wt=i(89786);function Zt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Mt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function St(t,e){if(1&t&&(h.TgZ(0,"tui-data-list")(1,"tui-opt-group",4),h.YNc(2,Zt,2,2,"button",5),h.qZA(),h.TgZ(3,"tui-opt-group",6),h.YNc(4,Mt,2,2,"button",5),h.ALo(5,"tuiHideSelected"),h.qZA()()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("ngForOf",t.jedi),h.xp6(2),h.Q6J("ngForOf",h.lcZ(5,2,t.sith))}}function vt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function At(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Jt(t,e){if(1&t&&(h.TgZ(0,"tui-data-list")(1,"tui-opt-group",4),h.YNc(2,vt,2,2,"button",5),h.qZA(),h.TgZ(3,"tui-opt-group",8),h.YNc(4,At,2,2,"button",5),h.qZA()()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("ngForOf",t.jedi),h.xp6(2),h.Q6J("ngForOf",t.sith)}}function _t(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Lt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Vt(t,e){if(1&t&&(h.TgZ(0,"tui-data-list")(1,"tui-opt-group",4),h.YNc(2,_t,2,2,"button",5),h.qZA(),h.TgZ(3,"tui-opt-group",9),h.YNc(4,Lt,2,2,"button",5),h.qZA()()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("ngForOf",t.jedi),h.xp6(2),h.Q6J("ngForOf",t.sith)}}let Ut=(()=>{var t;class e{constructor(){this.jedi=["Luke Skywalker","Princess Leia","Han Solo","Obi-Wan Kenobi","Yoda"],this.sith=["Emperor","Darth Vader","Darth Maul"],this.value=[this.jedi[0]]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-5"]],decls:7,vars:12,consts:[[1,"b-form",3,"editable","rows","tuiTextfieldLabelOutside","ngModel","ngModelChange"],["component",""],[4,"tuiDataList"],[1,"b-form","tui-space_top-5",3,"editable","rows","tuiTextfieldLabelOutside","ngModel","ngModelChange"],["label","Jedi, may the force be with them blah blah blah","tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["label","Sith"],["tuiOption","",3,"value"],["tuiMultiSelectGroup",""],["label","Jedi, may the force be with them blah blah blah (second time)","tuiMultiSelectGroup",""]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0,1),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(2,St,6,4,"tui-data-list",2),h.qZA(),h.TgZ(3,"tui-multi-select",3),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(4,Jt,5,2,"tui-data-list",2),h.qZA(),h.TgZ(5,"tui-multi-select",3),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(6,Vt,5,2,"tui-data-list",2),h.qZA()),2&t&&(h.Q6J("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0)("ngModel",e.value),h.xp6(3),h.Q6J("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0)("ngModel",e.value),h.xp6(2),h.Q6J("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0)("ngModel",e.value))},dependencies:[o.sg,r.JJ,r.On,b.V,Ct.g,x.Q,y.b,rt.q,lt.v,wt.R,w.g,J.x,j.E],encapsulation:2,changeDetection:0}),e})();function Nt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",2),2&t){const t=h.oxw();h.Q6J("items",t.items)}}let Pt=(()=>{var t;class e{constructor(){this.items=["گراهام چپمن","جان کلیز","تری گیلیام","اریک آیدل","تری جونز","مایکل پیلین"],this.value=[this.items[0]]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-6"]],decls:2,vars:3,consts:[[1,"input",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside","ngModel","ngModelChange"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(1,Nt,1,1,"tui-data-list-wrapper",1),h.qZA()),2&t&&h.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("ngModel",e.value)},dependencies:[r.JJ,r.On,b.V,y.b,w.g,Z.e,A.b,J.x],styles:[".input[_ngcontent-%COMP%]{width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),e})();var Ot=i(62500);function Ht(t,e){if(1&t&&(h.TgZ(0,"button",5),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function qt(t,e){if(1&t&&(h.TgZ(0,"cdk-virtual-scroll-viewport",2)(1,"tui-data-list",3),h.YNc(2,Ht,2,2,"button",4),h.qZA()()),2&t){const t=h.oxw();h.Q6J("itemSize",44),h.xp6(2),h.Q6J("cdkVirtualForOf",t.countries)}}let Qt=(()=>{var t;class e{constructor(){this.value=[],this.countries=["Afghanistan","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cabo Verde","Cambodia","Cameroon","Canada","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Cook Islands","Costa Rica","Croatia","Cuba","Curaçao","Cyprus","Czechia","Côte d'Ivoire","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","Republic of North Macedonia","Romania","Russian Federation","Rwanda","Réunion","Saint Barthélemy","Saint Helena","Saint Kitts and Nevis","Saint Lucia","Saint Martin","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Sweden","Switzerland","Syrian Arab Republic","Taiwan","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Venezuela","Viet Nam","Virgin Islands (British)","Virgin Islands (U.S.)","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe","Åland Islands"]}get content(){return`Selected ${this.value.length} of ${this.countries.length}`}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-7"]],decls:3,vars:3,consts:[[1,"b-form",3,"editable","valueContent","ngModel","ngModelChange"],["tuiScrollable","","class","scroll",3,"itemSize",4,"tuiDataList"],["tuiScrollable","",1,"scroll",3,"itemSize"],["tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"cdkVirtualFor","cdkVirtualForOf"],["tuiOption","",3,"value"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("ngModelChange",(function(t){return e.value=t})),h._uU(1," Applicable countries "),h.YNc(2,qt,3,2,"cdk-virtual-scroll-viewport",1),h.qZA()),2&t&&h.Q6J("editable",!1)("valueContent",e.content)("ngModel",e.value)},dependencies:[r.JJ,r.On,a.xd,a.x0,a.N7,b.V,x.Q,y.b,rt.q,lt.v,w.g,Ot.R],styles:[".scroll[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;height:200px;--tui-duration: 0}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar, .scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),e})();function It(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",4),2&t){const t=h.oxw();h.Q6J("items",t.items)}}function Dt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",4),2&t){const t=h.oxw();h.Q6J("items",t.items)}}let kt=(()=>{var t;class e{constructor(){this.testValue=new r.NI([]),this.items=[{id:42,name:"John Cleese",dept:{id:566,title:"Financial"}},{id:237,name:"Eric Idle",dept:{id:560,title:"Staffing"}},{id:666,name:"Michael Palin",dept:{id:566,title:"Financial"}},{id:123,name:"Terry Gilliam",dept:{id:500,title:"Administrative"}},{id:777,name:"Terry Jones",dept:{id:566,title:"Financial"}},{id:999,name:"Graham Chapman",dept:{id:560,title:"Staffing"}}]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-8"]],features:[h._Bn([(0,d.tuiItemsHandlersProvider)({identityMatcher:(t,e)=>t.id===e.id,stringify:t=>"name"in t?`${t.name} (${t.dept.title})`:`${t.$implicit.name} (${t.$implicit.dept.title})`})])],decls:7,vars:7,consts:[[1,"b-form"],["tuiTextfieldSize","m",3,"editable","formControl","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],[1,"tui-space_top-2",3,"editable","formControl","tuiTextfieldCleaner"],["tuiMultiSelectGroup","",3,"items"]],template:function(t,e){1&t&&(h.TgZ(0,"form",0)(1,"tui-multi-select",1),h._uU(2," Employees "),h.YNc(3,It,1,1,"tui-data-list-wrapper",2),h.qZA(),h.TgZ(4,"tui-multi-select",3),h._uU(5," Employees "),h.YNc(6,Dt,1,1,"tui-data-list-wrapper",2),h.qZA()()),2&t&&(h.xp6(1),h.Q6J("editable",!1)("formControl",e.testValue)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(3),h.Q6J("editable",!1)("formControl",e.testValue)("tuiTextfieldCleaner",!0))},dependencies:[r._Y,r.JJ,r.JL,r.F,r.oH,b.V,x.Q,y.b,w.g,Z.e,A.b,J.x,_.s],encapsulation:2,changeDetection:0}),e})();var Gt=i(88135);function Yt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",8),2&t){const t=h.oxw(2);h.Q6J("items",t.items)}}function Ft(t,e){if(1&t&&(h.TgZ(0,"div",3)(1,"div",4)(2,"label",5)(3,"tui-multi-select",6),h.YNc(4,Yt,1,1,"tui-data-list-wrapper",7),h.qZA()()()()),2&t){const t=e.data,i=h.oxw();h.xp6(3),h.Q6J("formControl",i.testValue)("rows",1)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("tuiTextfieldSize",t.textFieldSize)}}let $t=(()=>{var t;class e{constructor(){this.dialogs=(0,h.f3M)(c.TuiDialogService),this.testValue=new r.NI([]),this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"]}showDialog(t,e){this.dialogs.open(t,{data:{textFieldSize:e}}).subscribe()}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-9"]],decls:9,vars:0,consts:[["size","m","tuiButton","","type","button",1,"tui-space_right-3",3,"click"],["size","m","tuiButton","","type","button",3,"click"],["template",""],[1,"tui-container_fullwidth"],[1,"tui-row","tui-form__row_multi-fields","tui-row_adaptive"],["tuiLabel","Star Wars persons",1,"tui-col_md-12"],[1,"b-form",3,"formControl","rows","tuiTextfieldCleaner","tuiTextfieldLabelOutside","tuiTextfieldSize"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"items"]],template:function(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"button",0),h.NdJ("click",(function(){h.CHM(t);const i=h.MAs(8);return h.KtG(e.showDialog(i,"s"))})),h._uU(1," Show 's' size\n"),h.qZA(),h.TgZ(2,"p")(3,"button",0),h.NdJ("click",(function(){h.CHM(t);const i=h.MAs(8);return h.KtG(e.showDialog(i,"m"))})),h._uU(4," Show 'm' size "),h.qZA()(),h.TgZ(5,"button",1),h.NdJ("click",(function(){h.CHM(t);const i=h.MAs(8);return h.KtG(e.showDialog(i,"l"))})),h._uU(6," Show 'l' size\n"),h.qZA(),h.YNc(7,Ft,5,5,"ng-template",null,2,h.W1O)}},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,T.v,w.g,Z.e,A.b,J.x,_.s,Gt.A],encapsulation:2,changeDetection:0}),e})();var zt=i(74089),Bt=i(97951);let Et=(()=>{var t;class e{constructor(){this.itemStringControl=new r.NI([]),this.itemControl=new r.NI([]),this.itemStringGroupControl=new r.NI([]),this.itemGroupControl=new r.NI([]),this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.customItems=[{name:"Luke Skywalker",id:1},{name:"Leia Organa Solo",id:2},{name:"Darth Vader",id:3},{name:"Han Solo",id:4},{name:"Obi-Wan Kenobi",id:5},{name:"Yoda",id:6}],this.groupItems=[["Caesar","Greek","Apple and Chicken"],["Broccoli Cheddar","Chicken and Rice","Chicken Noodle"]],this.customGroupItems=[[{name:"Caesar",id:1},{name:"Apple and Chicken",id:2}],[{name:"Broccoli Cheddar",id:3},{name:"Chicken and Rice",id:4},{name:"Chicken Noodle",id:5}]],this.labels=["Salad","Soup"],this.stringify=t=>t.name,this.disableHandler=t=>t.startsWith("Broccoli"),this.disableItemHandler=({name:t})=>t.startsWith("Broccoli")}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-10"]],decls:16,vars:26,consts:[[1,"tui-text_body-l"],[1,"b-form","tui-space_top-5",3,"editable","formControl","tuiHintContent","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["multiple","","tuiSelect","",3,"items"],[1,"b-form","tui-space_vertical-5",3,"disabledItemHandler","editable","formControl","tuiTextfieldLabelOutside"],["multiple","","tuiSelect","",3,"items","labels"],[1,"b-form","tui-space_top-5",3,"editable","formControl","stringify","tuiHintContent","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],[1,"b-form","tui-space_top-5",3,"disabledItemHandler","editable","formControl","stringify","tuiTextfieldLabelOutside"]],template:function(t,e){1&t&&(h.TgZ(0,"span",0),h._uU(1,"Strings:"),h.qZA(),h.TgZ(2,"tui-multi-select",1),h._uU(3," Star Wars persons "),h._UZ(4,"select",2),h.qZA(),h.TgZ(5,"tui-multi-select",3),h._uU(6," Star Wars persons "),h._UZ(7,"select",4),h.qZA(),h.TgZ(8,"span",0),h._uU(9,"Objects (stringify):"),h.qZA(),h.TgZ(10,"tui-multi-select",5),h._uU(11," Star Wars persons "),h._UZ(12,"select",2),h.qZA(),h.TgZ(13,"tui-multi-select",6),h._uU(14," Star Wars persons "),h._UZ(15,"select",4),h.qZA()),2&t&&(h.xp6(2),h.Q6J("editable",!1)("formControl",e.itemStringControl)("tuiHintContent","hint")("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.items),h.xp6(1),h.Q6J("disabledItemHandler",e.disableHandler)("editable",!1)("formControl",e.itemStringGroupControl)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.groupItems)("labels",e.labels),h.xp6(3),h.Q6J("editable",!1)("formControl",e.itemControl)("stringify",e.stringify)("tuiHintContent","hint")("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.customItems),h.xp6(1),h.Q6J("disabledItemHandler",e.disableItemHandler)("editable",!1)("formControl",e.itemGroupControl)("stringify",e.stringify)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.customGroupItems)("labels",e.labels))},dependencies:[r.JJ,r.oH,b.V,y.b,zt.O,Bt.P,v.bZ,A.b,J.x],encapsulation:2,changeDetection:0}),e})();var Kt=i(49195);function Rt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",4),2&t){const t=h.oxw();h.Q6J("items",t.items)}}function Wt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",4),2&t){const t=h.oxw();h.Q6J("items",t.items)}}function jt(t,e){if(1&t){const t=h.EpF();h.ynx(0),h.TgZ(1,"tui-tag",7),h.NdJ("edited",(function(){const e=h.CHM(t).$implicit,i=h.oxw(2);return h.KtG(i.remove(e))})),h.qZA(),h.BQk()}if(2&t){const t=e.$implicit;h.xp6(1),h.Q6J("removable",!0)("value",t)}}function Xt(t,e){if(1&t&&(h.TgZ(0,"div",5),h.YNc(1,jt,2,2,"ng-container",6),h.qZA()),2&t){const t=e.$implicit;h.xp6(1),h.Q6J("ngForOf",t)}}let te=(()=>{var t;class e{constructor(){this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.value=this.items,this.content=({$implicit:{length:t}})=>`Selected: ${t}`}remove(t){this.value=this.value.filter((e=>e!==t))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-11"]],decls:7,vars:5,consts:[[3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],[1,"tui-space_top-4",3,"valueContent","ngModel","ngModelChange"],["valueContent",""],["tuiMultiSelectGroup","",3,"items"],[1,"t-wrapper"],[4,"ngFor","ngForOf"],["size","l",1,"t-tag",3,"removable","value","edited"]],template:function(t,e){if(1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(1,Rt,1,1,"tui-data-list-wrapper",1),h.qZA(),h.TgZ(2,"tui-multi-select",2),h.NdJ("ngModelChange",(function(t){return e.value=t})),h._uU(3," Select "),h.YNc(4,Wt,1,1,"tui-data-list-wrapper",1),h.qZA(),h.YNc(5,Xt,2,1,"ng-template",null,3,h.W1O)),2&t){const t=h.MAs(6);h.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",t)("ngModel",e.value),h.xp6(2),h.Q6J("valueContent",e.content)("ngModel",e.value)}},dependencies:[o.sg,r.JJ,r.On,b.V,x.Q,y.b,w.g,Z.e,Kt.G,J.x],styles:[".t-tag[_ngcontent-%COMP%]{margin:.125rem .5rem .125rem -.25rem}.t-wrapper[_ngcontent-%COMP%]{flex-wrap:wrap;padding-inline-start:.25rem}"],changeDetection:0}),e})();function ee(t,e){1&t&&(h._uU(0," You can use "),h.TgZ(1,"code"),h._uU(2,"MultiSelect"),h.qZA(),h._uU(3," with "),h.TgZ(4,"code"),h._uU(5,"ScrollingModule"),h.qZA(),h._uU(6," from "),h.TgZ(7,"a",15),h._uU(8," @angular/cdk/scrolling "),h.qZA(),h._uU(9," . "))}function ie(t,e){if(1&t&&(h.TgZ(0,"div",2)(1,"code"),h._uU(2,"MultiSelect"),h.qZA(),h._uU(3," is a textfield with a dropdown for choosing several items "),h.qZA(),h.TgZ(4,"tui-doc-example",3),h._UZ(5,"tui-multi-select-example-1"),h.qZA(),h.TgZ(6,"tui-doc-example",4),h._UZ(7,"tui-multi-select-example-2"),h.qZA(),h.TgZ(8,"tui-doc-example",5),h._UZ(9,"tui-multi-select-example-3"),h.qZA(),h.TgZ(10,"tui-doc-example",6),h._UZ(11,"tui-multi-select-example-4"),h.qZA(),h.TgZ(12,"tui-doc-example",7),h._UZ(13,"tui-multi-select-example-5"),h.qZA(),h.TgZ(14,"tui-doc-example",8),h._UZ(15,"tui-multi-select-example-6"),h.qZA(),h.TgZ(16,"tui-doc-example",9),h.YNc(17,ee,10,0,"ng-template",null,10,h.W1O),h._UZ(19,"tui-multi-select-example-7"),h.qZA(),h.TgZ(20,"tui-doc-example",11),h._UZ(21,"tui-multi-select-example-8"),h.qZA(),h.TgZ(22,"tui-doc-example",12),h._UZ(23,"tui-multi-select-example-9"),h.qZA(),h.TgZ(24,"tui-doc-example",13),h._UZ(25,"tui-multi-select-example-10"),h.qZA(),h.TgZ(26,"tui-doc-example",14),h._UZ(27,"tui-multi-select-example-11"),h.qZA()),2&t){const t=h.MAs(18),e=h.oxw();h.xp6(4),h.Q6J("content",e.example1),h.xp6(2),h.Q6J("content",e.example2),h.xp6(2),h.Q6J("content",e.example3),h.xp6(2),h.Q6J("content",e.example4),h.xp6(2),h.Q6J("content",e.example5),h.xp6(2),h.Q6J("content",e.example6),h.xp6(2),h.Q6J("content",e.example7)("description",t),h.xp6(4),h.Q6J("content",e.example8),h.xp6(2),h.Q6J("content",e.example9),h.xp6(2),h.Q6J("content",e.example10),h.xp6(2),h.Q6J("content",e.example11)}}function ne(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",31),2&t){const t=h.oxw(3);h.Q6J("disabledItemHandler",t.disabledItemHandler)("items",t.items)}}function ae(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-multi-select",29),h.NdJ("searchChange",(function(e){h.CHM(t);const i=h.oxw(2);return h.KtG(i.search=e)}))("tuiDropdownOpenChange",(function(e){h.CHM(t);const i=h.oxw(2);return h.KtG(i.dropdownOpen.next(e))})),h.ALo(1,"async"),h._uU(2," Choose an account "),h.YNc(3,ne,1,2,"tui-data-list-wrapper",30),h.qZA()}if(2&t){const t=h.oxw(2);h.Q6J("disabledItemHandler",t.disabledItemHandler)("editable",t.editable)("focusable",t.focusable)("formControl",t.control)("identityMatcher",t.identityMatcher)("placeholder",t.exampleText)("pseudoActive",t.pseudoPressed)("pseudoFocus",t.pseudoFocused)("pseudoHover",t.pseudoHovered)("pseudoInvalid",t.pseudoInvalid)("readOnly",t.readOnly)("rows",t.rows)("stringify",t.stringify)("tagValidator",t.tagValidator)("tuiDropdownAlign",t.dropdownAlign)("tuiDropdownDirection",t.dropdownDirection)("tuiDropdownLimitWidth",t.dropdownLimitWidth)("tuiDropdownMaxHeight",t.dropdownMaxHeight)("tuiDropdownMinHeight",t.dropdownMinHeight)("tuiDropdownOffset",t.dropdownOffset)("tuiDropdownOpen",!!h.lcZ(1,30,t.dropdownOpen))("tuiHintAppearance",t.hintAppearance)("tuiHintContent",t.hintContent)("tuiHintDirection",t.hintDirection)("tuiTextfieldCleaner",t.cleaner)("tuiTextfieldIconLeft",t.iconLeft)("tuiTextfieldLabelOutside",t.labelOutside)("tuiTextfieldSize",t.size)("valueContent",t.valueContent)("search",t.search)}}function oe(t,e){1&t&&(h._uU(0," Disabled state (use "),h.TgZ(1,"code"),h._uU(2,"formControl.disable()"),h.qZA(),h._uU(3," ) "))}function re(t,e){1&t&&(h._uU(0," Textfield value to subscribe on input or setting it from the outside (emits "),h.TgZ(1,"code"),h._uU(2,"null"),h.qZA(),h._uU(3," when item from list selected) "))}function le(t,e){1&t&&h._uU(0," Handler for deactivation some items ")}function ue(t,e){1&t&&h._uU(0," Textfield can be use for typing ")}function se(t,e){1&t&&h._uU(0," A number of visible rows ")}function ce(t,e){1&t&&(h._uU(0," A function that compares search and value to define a match between them. "),h.TgZ(1,"strong"),h._uU(2,"Must be a pure function"),h.qZA())}function de(t,e){1&t&&(h._uU(0," A function that transforms object into a string. "),h.TgZ(1,"code"),h._uU(2,"String(value)"),h.qZA(),h._uU(3," by default. "),h.TgZ(4,"strong"),h._uU(5,"Should be a pure function"),h.qZA())}function pe(t,e){1&t&&h._uU(0," A template for custom view of selected value ")}function me(t,e){1&t&&h._uU(0," A function that checks that tag is valid ")}function he(t,e){1&t&&h._uU(0," Placeholder ")}function ge(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-doc-demo",16),h.YNc(1,ae,4,32,"ng-template"),h.qZA(),h.TgZ(2,"div")(3,"p"),h._uU(4," Set a value with copied object from items to check "),h.TgZ(5,"code"),h._uU(6,"identityMatcher"),h.qZA(),h._uU(7," : "),h.qZA(),h.TgZ(8,"button",17),h.NdJ("click",(function(){h.CHM(t);const e=h.oxw();return h.KtG(e.setValue())})),h._uU(9," Set "),h.qZA()(),h.TgZ(10,"tui-doc-documentation"),h.YNc(11,oe,4,0,"ng-template",18),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.disabled=e)})),h.YNc(12,re,4,0,"ng-template",19),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.search=e)})),h.YNc(13,le,1,0,"ng-template",20),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.disabledItemHandler=e)})),h.YNc(14,ue,1,0,"ng-template",21),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.editable=e)})),h.YNc(15,se,1,0,"ng-template",22),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.rows=e)})),h.YNc(16,ce,3,0,"ng-template",23),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.identityMatcher=e)})),h.YNc(17,de,6,0,"ng-template",24),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.stringify=e)})),h.YNc(18,pe,1,0,"ng-template",25),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.valueContent=e)})),h.YNc(19,me,1,0,"ng-template",26),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.tagValidator=e)})),h.YNc(20,he,1,0,"ng-template",27),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.exampleText=e)})),h.qZA(),h._UZ(21,"inherited-documentation",28)}if(2&t){const t=h.oxw();h.Q6J("control",t.control),h.xp6(11),h.Q6J("documentationPropertyValue",t.disabled),h.xp6(1),h.Q6J("documentationPropertyValue",t.search),h.xp6(1),h.Q6J("documentationPropertyValues",t.disabledItemHandlerVariants)("documentationPropertyValue",t.disabledItemHandler),h.xp6(1),h.Q6J("documentationPropertyValue",t.editable),h.xp6(1),h.Q6J("documentationPropertyValue",t.rows),h.xp6(1),h.Q6J("documentationPropertyValues",t.identityMatcherVariants)("documentationPropertyValue",t.identityMatcher),h.xp6(1),h.Q6J("documentationPropertyValues",t.stringifyVariants)("documentationPropertyValue",t.stringify),h.xp6(1),h.Q6J("documentationPropertyValues",t.valueContentVariants)("documentationPropertyValue",t.valueContent),h.xp6(1),h.Q6J("documentationPropertyValues",t.tagValidatorVariants)("documentationPropertyValue",t.tagValidator),h.xp6(1),h.Q6J("documentationPropertyValue",t.exampleText),h.xp6(1),h.Q6J("dropdown",!0)}}function fe(t,e){if(1&t&&(h.TgZ(0,"ol",32)(1,"li")(2,"p"),h._uU(3," Import an Angular module for forms and "),h.TgZ(4,"code"),h._uU(5,"TuiMultiSelectModule"),h.qZA(),h._uU(6," in the same module where you want to use our component: "),h.qZA(),h._UZ(7,"tui-doc-code",33),h.TgZ(8,"p"),h._uU(9," See samples to learn more about working with "),h.TgZ(10,"code"),h._uU(11,"tui-data-list-wrapper"),h.qZA(),h._uU(12," or without them "),h.qZA()(),h.TgZ(13,"li")(14,"p"),h._uU(15," Declare a form ( "),h.TgZ(16,"code"),h._uU(17,"FormGroup"),h.qZA(),h._uU(18," ) or a control ( "),h.TgZ(19,"code"),h._uU(20,"FormControl"),h.qZA(),h._uU(21," ) in your component: "),h.qZA(),h._UZ(22,"tui-doc-code",34),h.qZA(),h.TgZ(23,"li")(24,"p"),h._uU(25,"Add to the template:"),h.qZA(),h._UZ(26,"tui-doc-code",35),h.qZA()()),2&t){const t=h.oxw();h.xp6(7),h.Q6J("code",t.exampleModule),h.xp6(15),h.Q6J("code",t.exampleForm),h.xp6(4),h.Q6J("code",t.exampleHtml)}}class be{constructor(t,e){this.name=t,this.balance=e}toString(){return`${this.name} (${this.balance})`}}let xe=(()=>{var t;class e extends g.b{constructor(){super(...arguments),this.control=new r.NI(null),this.iconLeft="",this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[this.sizeVariants.length-1],this.maxLengthVariants=[10],this.maxLength=null,this.labelOutside=!0,this.exampleModule=i.e(64068).then(i.t.bind(i,64068,17)),this.exampleHtml=i.e(41064).then(i.t.bind(i,41064,17)),this.exampleForm=i.e(94054).then(i.t.bind(i,94054,17)),this.example1={TypeScript:i.e(58395).then(i.t.bind(i,58395,17)),HTML:i.e(96898).then(i.t.bind(i,96898,17))},this.example2={TypeScript:i.e(72230).then(i.t.bind(i,72230,17)),HTML:i.e(7019).then(i.t.bind(i,7019,17)),LESS:i.e(98542).then(i.t.bind(i,98542,17))},this.example3={TypeScript:i.e(45107).then(i.t.bind(i,45107,17)),HTML:i.e(13760).then(i.t.bind(i,13760,17))},this.example4={TypeScript:i.e(12989).then(i.t.bind(i,12989,17)),HTML:i.e(51968).then(i.t.bind(i,51968,17))},this.example5={TypeScript:i.e(26117).then(i.t.bind(i,26117,17)),HTML:i.e(26706).then(i.t.bind(i,26706,17))},this.example6={TypeScript:i.e(77900).then(i.t.bind(i,77900,17)),HTML:i.e(72084).then(i.t.bind(i,72084,17)),LESS:i.e(4755).then(i.t.bind(i,4755,17))},this.example7={TypeScript:i.e(16405).then(i.t.bind(i,16405,17)),HTML:i.e(55174).then(i.t.bind(i,55174,17)),LESS:i.e(64992).then(i.t.bind(i,64992,17))},this.example8={TypeScript:i.e(38840).then(i.t.bind(i,38840,17)),HTML:i.e(29304).then(i.t.bind(i,29304,17))},this.example9={TypeScript:i.e(89367).then(i.t.bind(i,89367,17)),HTML:i.e(91760).then(i.t.bind(i,91760,17))},this.example10={TypeScript:i.e(7283).then(i.t.bind(i,7283,17)),HTML:i.e(98295).then(i.t.bind(i,98295,17))},this.example11={TypeScript:i.e(50702).then(i.t.bind(i,50702,17)),HTML:i.e(90469).then(i.t.bind(i,90469,17))},this.items=[new be("Ruble",500),new be("Dollar",500),new be("Euro",500),new be("Pounds",500),new be("Yuan",237)],this.rows=100,this.editable=!0,this.search="",this.iconVariants=["","tuiIconSearchLarge","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.stringifyVariants=[s.TUI_DEFAULT_STRINGIFY,t=>String(String(t).match(/\d+/))],this.stringify=this.stringifyVariants[0],this.identityMatcherVariants=[(t,e)=>t===e,(t,e)=>t.balance===e.balance],this.identityMatcher=this.identityMatcherVariants[0],this.tagValidatorVariants=[s.ALWAYS_TRUE_HANDLER,t=>t.balance>300,t=>!t.name.startsWith("Pounds")],this.tagValidator=this.tagValidatorVariants[0],this.valueContentVariants=["",({$implicit:{length:t}})=>`Selected: ${t}`],this.valueContent=this.valueContentVariants[0],this.disabledItemHandlerVariants=[s.ALWAYS_FALSE_HANDLER,t=>t.balance<300],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}setValue(){this.control.setValue([new be("Dollar",237)])}}return(t=e).ɵfac=function(){let e;return function(i){return(e||(e=h.n5z(t)))(i||t)}}(),t.ɵcmp=h.Xpm({type:t,selectors:[["example-tui-multi-select"]],features:[h._Bn([{provide:f.x,useExisting:(0,h.Gpc)((()=>t))},(0,u.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix","tuiTextfieldFiller","tuiTextfieldCustomContent"])]),h.qOj],decls:4,vars:0,consts:[["header","MultiSelect","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","string-array","heading","String array",3,"content"],["id","object-array","heading","Custom template, async items loading",3,"content"],["id","sizes","heading","sizes",3,"content"],["id","ids","heading","With IDs",3,"content"],["id","datalist","heading","DataList",3,"content"],["id","rtl","heading","Direction: RTL",3,"content"],["id","virtual","heading","Virtual scroll",3,"content","description"],["cdkVirtualScrollDescription",""],["id","options-stringify","heading","Options (stringify)",3,"content"],["id","multiselect-inside-dialog-with-different-size","heading","Multiselect inside dialog with different textfield sizes",3,"content"],["id","native-select","heading","Native select",3,"content"],["id","value-content","heading","Value content",3,"content"],["href","https://material.angular.io/cdk/scrolling/overview","rel","noreferrer","target","_blank","tuiLink",""],[3,"control"],["size","m","tuiButton","","type","button",3,"click"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string | null",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","editable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rows","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","identityMatcher","documentationPropertyType","TuiIdentityMatcher",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","stringify","documentationPropertyType","TuiStringHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","valueContent","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tagValidator","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","placeholder","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],[3,"disabledItemHandler","editable","focusable","formControl","identityMatcher","placeholder","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","rows","stringify","tagValidator","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","valueContent","search","searchChange","tuiDropdownOpenChange"],["tuiMultiSelectGroup","",3,"disabledItemHandler","items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"disabledItemHandler","items"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-doc-page",0),h.YNc(1,ie,28,12,"ng-template",1),h.YNc(2,ge,22,17,"ng-template",1),h.YNc(3,fe,27,3,"ng-template",1),h.qZA())},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,T.v,C.V,w.g,Z.e,M.o,S.Ek,v.bZ,A.b,J.x,_.s,L.a,V.w,U.c,N.F,P.z,O.B,H.q,q.n,Q.f,G,ot,mt,Tt,Ut,Pt,Qt,kt,$t,Et,te,o.Ov],styles:[".content[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin-right:.75rem}"],changeDetection:0}),e})(),ye=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=h.oAB({type:t}),t.ɵinj=h.cJS({imports:[o.ez,r.u5,r.UX,a.Cl,c.TuiScrollbarComponent,d.TuiMultiSelectModule,d.TuiRadioListModule,c.TuiButtonModule,c.TuiLinkModule,d.TuiAvatarComponent,c.TuiDataListModule,d.TuiDataListWrapperModule,s.TuiLetModule,c.TuiDropdownModule,c.TuiHintModule,d.TuiTagModule,c.TuiTextfieldControllerModule,m.f,u.fV,c.TuiLabelModule,l.Bz.forChild((0,u.Ve)(xe)),p.wq]}),e})()}}]); \ No newline at end of file diff --git a/next/42709.dea6f2b52c462b54.js b/next/42709.dea6f2b52c462b54.js new file mode 100644 index 000000000000..a5611c27a4fc --- /dev/null +++ b/next/42709.dea6f2b52c462b54.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[42709],{42709:(t,e,i)=>{i.r(e),i.d(e,{ExampleTuiMultiSelectModule:()=>ye});var n,a=i(56900),o=i(88692),r=i(69900),l=i(91795),u=i(64500),s=i(53222),c=i(73588),d=i(84479),p=i(89570),m=i(75695),h=i(64537),g=i(82880),f=i(98204),b=i(93251),x=i(20501),y=i(49538),T=i(76189),C=i(66596),w=i(52219),Z=i(50020),M=i(69956),S=i(33250),v=i(84848),A=i(64374),_=i(68874),J=i(10200),L=i(3729),V=i(54218),U=i(83074),N=i(10977),P=i(62840),O=i(60404),H=i(43560),q=i(93525),Q=i(38868),I=i(84911);function D(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",2),2&t){const t=h.oxw();h.Q6J("items",t.filter(t.search))}}const k=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"];class G{constructor(){this.search="",this.control=new r.NI([k[0]]),this.tagValidator=t=>!t.startsWith("Han")}filter(t){return k.filter((e=>(0,s.TUI_DEFAULT_MATCHER)(e,t||"")))}}(n=G).ɵfac=function(t){return new(t||n)},n.ɵcmp=h.Xpm({type:n,selectors:[["tui-multi-select-example-1"]],decls:3,vars:5,consts:[["placeholder","Ignored text",3,"editable","formControl","tagValidator","tuiTextfieldLabelOutside","search","searchChange"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"items"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("searchChange",(function(t){return e.search=t})),h._uU(1," Star Wars persons "),h.YNc(2,D,1,1,"tui-data-list-wrapper",1),h.qZA()),2&t&&h.Q6J("editable",!1)("formControl",e.control)("tagValidator",e.tagValidator)("tuiTextfieldLabelOutside",!0)("search",e.search)},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,w.g,Z.e,_.x],encapsulation:2,changeDetection:0}),(0,I.gn)([s.tuiPure],G.prototype,"filter",null);var Y=i(73336),F=i(38023),$=i(74970),z=i(61528),B=i(51927),E=i(84945),K=i(88960),R=i(44124),W=i(40939),j=i(73139),X=i(83653);function tt(t,e){if(1&t&&(h._UZ(0,"tui-data-list-wrapper",4),h.ALo(1,"tuiHideSelected")),2&t){const t=h.oxw().tuiLet;h.oxw();const e=h.MAs(5);h.Q6J("itemContent",e)("items",h.lcZ(1,2,t))}}function et(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-multi-select",2),h.NdJ("searchChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.onSearchChange(e))})),h._uU(1," Rock Star Frontend Developers "),h.YNc(2,tt,2,4,"tui-data-list-wrapper",3),h.qZA()}if(2&t){const t=h.oxw();h.Q6J("formControl",t.testValue)("rows",1)("tuiTextfieldLabelOutside",!0)}}function it(t,e){if(1&t&&(h.TgZ(0,"div",5),h._UZ(1,"tui-avatar",6),h.ALo(2,"tuiInitials"),h._uU(3),h.qZA()),2&t){const t=e.$implicit;h.xp6(1),h.Q6J("src",t.avatarUrl||h.lcZ(2,2,t.toString())),h.xp6(2),h.hij(" ",t," ")}}class nt{constructor(t,e,i=null){this.firstName=t,this.lastName=e,this.avatarUrl=i}toString(){return`${this.firstName} ${this.lastName}`}}const at=[new nt("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new nt("Alex","Inkin",Y.Ll`/images/avatar.jpg`),new nt("Dmitriy","Demenskiy"),new nt("Evgeniy","Mamaev"),new nt("Ivan","Ishmametiev"),new nt("Igor","Katsuba"),new nt("Yulia","Tsareva")];let ot=(()=>{var t;class e{constructor(){this.search$=new F.x,this.items$=this.search$.pipe((0,$.h)((t=>null!==t)),(0,z.w)((t=>this.serverRequest(t).pipe((0,B.O)(null)))),(0,B.O)(at)),this.testValue=new r.NI([at[0]])}onSearchChange(t){this.search$.next(t)}serverRequest(t){const e=at.filter((e=>(0,s.TUI_DEFAULT_MATCHER)(e,t||"")));return(0,E.of)(e).pipe((0,K.g)(1e3*Math.random()+500))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-2"]],decls:6,vars:3,consts:[["placeholder","Find by ...",3,"formControl","rows","tuiTextfieldLabelOutside","searchChange",4,"tuiLet"],["itemContent",""],["placeholder","Find by ...",3,"formControl","rows","tuiTextfieldLabelOutside","searchChange"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"],[1,"template"],["size","xs",1,"avatar",3,"src"]],template:function(t,e){1&t&&(h.TgZ(0,"label"),h._uU(1," Type a name: "),h.YNc(2,et,3,3,"tui-multi-select",0),h.ALo(3,"async"),h.qZA(),h.YNc(4,it,4,4,"ng-template",null,1,h.W1O)),2&t&&(h.xp6(2),h.Q6J("tuiLet",h.lcZ(3,1,e.items$)))},dependencies:[r.JJ,r.oH,b.V,y.b,R.J,w.g,Z.e,W.L,_.x,o.Ov,j.E,X.X],styles:[".template[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 -.25rem}tui-multi-select[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),e})();var rt=i(20933),lt=i(35065);function ut(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t.name," ")}}function st(t,e){if(1&t&&(h.TgZ(0,"tui-data-list",5),h.YNc(1,ut,2,2,"button",6),h.qZA()),2&t){const t=h.oxw();h.xp6(1),h.Q6J("ngForOf",t.items)}}function ct(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t.name," ")}}function dt(t,e){if(1&t&&(h.TgZ(0,"tui-data-list",5),h.YNc(1,ct,2,2,"button",6),h.qZA()),2&t){const t=h.oxw();h.xp6(1),h.Q6J("ngForOf",t.items)}}function pt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",8),2&t){const t=h.oxw();h.Q6J("itemContent",t.stringify)("items",t.items)}}let mt=(()=>{var t;class e{constructor(){this.items=[{id:1,name:"Luke Skywalker"},{id:2,name:"Leia Organa Solo"},{id:3,name:"Darth Vader"},{id:4,name:"Han Solo"},{id:5,name:"Obi-Wan Kenobi"},{id:6,name:"Yoda"}],this.control=new r.NI([this.items[3],this.items[4]]),this.stringify=t=>"name"in t?t.name:t.$implicit.name,this.identityMatcher=(t,e)=>t.id===e.id}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-3"]],decls:10,vars:15,consts:[["tuiTextfieldSize","s",3,"formControl","identityMatcher","stringify","tuiTextfieldCleaner"],["tuiMultiSelectGroup","",4,"tuiDataList"],["tuiTextfieldSize","m",1,"tui-space_top-2",3,"editable","formControl","identityMatcher","stringify","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],[1,"tui-space_top-2",3,"editable","formControl","identityMatcher","stringify","tuiTextfieldCleaner"],["tuiMultiSelectGroup","",3,"itemContent","items",4,"tuiDataList"],["tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"],["tuiMultiSelectGroup","",3,"itemContent","items"]],template:function(t,e){1&t&&(h.TgZ(0,"form")(1,"tui-multi-select",0),h._uU(2," Choose your heroes "),h.YNc(3,st,2,1,"tui-data-list",1),h.qZA(),h.TgZ(4,"tui-multi-select",2),h._uU(5," Choose your heroes "),h.YNc(6,dt,2,1,"tui-data-list",1),h.qZA(),h.TgZ(7,"tui-multi-select",3),h._uU(8," Choose your heroes "),h.YNc(9,pt,1,2,"tui-data-list-wrapper",4),h.qZA()()),2&t&&(h.xp6(1),h.Q6J("formControl",e.control)("identityMatcher",e.identityMatcher)("stringify",e.stringify)("tuiTextfieldCleaner",!0),h.xp6(3),h.Q6J("editable",!1)("formControl",e.control)("identityMatcher",e.identityMatcher)("stringify",e.stringify)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(3),h.Q6J("editable",!1)("formControl",e.control)("identityMatcher",e.identityMatcher)("stringify",e.stringify)("tuiTextfieldCleaner",!0))},dependencies:[o.sg,r._Y,r.JJ,r.JL,r.F,r.oH,b.V,x.Q,y.b,rt.q,lt.v,w.g,Z.e,A.b,_.x,J.s],encapsulation:2,changeDetection:0}),e})();var ht=i(1995),gt=i(27969),ft=i(66466);function bt(t,e){if(1&t&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"async")),2&t){const t=h.oxw().tuiLet,e=h.oxw();h.Q6J("itemContent",h.lcZ(1,2,e.stringify$))("items",t)}}function xt(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-multi-select",1),h.NdJ("searchChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.onSearch(e))})),h.ALo(1,"async"),h.YNc(2,bt,2,4,"tui-data-list-wrapper",2),h.qZA()}if(2&t){const t=h.oxw();h.Q6J("formControl",t.control)("stringify",h.lcZ(1,3,t.stringify$))("tuiTextfieldLabelOutside",!0)}}const yt=[{id:1,name:"Luke Skywalker"},{id:2,name:"Princess Leia"},{id:3,name:"Darth Vader"},{id:4,name:"Han Solo"},{id:5,name:"Obi-Wan Kenobi"},{id:6,name:"Yoda"}];let Tt=(()=>{var t;class e{constructor(){this.server$=(0,ht.H)(5e3).pipe((0,gt.U)((()=>yt)),(0,ft.d)({bufferSize:1,refCount:!0})),this.search$=new F.x,this.items$=this.search$.pipe((0,B.O)(""),(0,z.w)((t=>this.server$.pipe((0,gt.U)((e=>e.filter((({name:e})=>(0,s.TUI_DEFAULT_MATCHER)(e,t))).map((({id:t})=>t))))))),(0,B.O)(null)),this.stringify$=this.server$.pipe((0,gt.U)((t=>new Map(t.map((({id:t,name:e})=>[t,e]))))),(0,B.O)(new Map),(0,gt.U)((t=>e=>((0,s.tuiIsNumber)(e)?t.get(e):t.get(e.$implicit))||"Loading..."))),this.control=new r.NI([2,3])}onSearch(t){this.search$.next(t||"")}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-4"]],decls:2,vars:3,consts:[[3,"formControl","stringify","tuiTextfieldLabelOutside","searchChange",4,"tuiLet"],[3,"formControl","stringify","tuiTextfieldLabelOutside","searchChange"],["tuiMultiSelectGroup","",3,"itemContent","items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"itemContent","items"]],template:function(t,e){1&t&&(h.YNc(0,xt,3,5,"tui-multi-select",0),h.ALo(1,"async")),2&t&&h.Q6J("tuiLet",h.lcZ(1,1,e.items$))},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,w.g,Z.e,W.L,_.x,o.Ov],encapsulation:2,changeDetection:0}),e})();var Ct=i(31363),wt=i(89786);function Zt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Mt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function St(t,e){if(1&t&&(h.TgZ(0,"tui-data-list")(1,"tui-opt-group",4),h.YNc(2,Zt,2,2,"button",5),h.qZA(),h.TgZ(3,"tui-opt-group",6),h.YNc(4,Mt,2,2,"button",5),h.ALo(5,"tuiHideSelected"),h.qZA()()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("ngForOf",t.jedi),h.xp6(2),h.Q6J("ngForOf",h.lcZ(5,2,t.sith))}}function vt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function At(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function _t(t,e){if(1&t&&(h.TgZ(0,"tui-data-list")(1,"tui-opt-group",4),h.YNc(2,vt,2,2,"button",5),h.qZA(),h.TgZ(3,"tui-opt-group",8),h.YNc(4,At,2,2,"button",5),h.qZA()()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("ngForOf",t.jedi),h.xp6(2),h.Q6J("ngForOf",t.sith)}}function Jt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Lt(t,e){if(1&t&&(h.TgZ(0,"button",7),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function Vt(t,e){if(1&t&&(h.TgZ(0,"tui-data-list")(1,"tui-opt-group",4),h.YNc(2,Jt,2,2,"button",5),h.qZA(),h.TgZ(3,"tui-opt-group",9),h.YNc(4,Lt,2,2,"button",5),h.qZA()()),2&t){const t=h.oxw();h.xp6(2),h.Q6J("ngForOf",t.jedi),h.xp6(2),h.Q6J("ngForOf",t.sith)}}let Ut=(()=>{var t;class e{constructor(){this.jedi=["Luke Skywalker","Princess Leia","Han Solo","Obi-Wan Kenobi","Yoda"],this.sith=["Emperor","Darth Vader","Darth Maul"],this.value=[this.jedi[0]]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-5"]],decls:7,vars:12,consts:[[3,"editable","rows","tuiTextfieldLabelOutside","ngModel","ngModelChange"],["component",""],[4,"tuiDataList"],[1,"tui-space_top-5",3,"editable","rows","tuiTextfieldLabelOutside","ngModel","ngModelChange"],["label","Jedi, may the force be with them blah blah blah","tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["label","Sith"],["tuiOption","",3,"value"],["tuiMultiSelectGroup",""],["label","Jedi, may the force be with them blah blah blah (second time)","tuiMultiSelectGroup",""]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0,1),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(2,St,6,4,"tui-data-list",2),h.qZA(),h.TgZ(3,"tui-multi-select",3),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(4,_t,5,2,"tui-data-list",2),h.qZA(),h.TgZ(5,"tui-multi-select",3),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(6,Vt,5,2,"tui-data-list",2),h.qZA()),2&t&&(h.Q6J("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0)("ngModel",e.value),h.xp6(3),h.Q6J("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0)("ngModel",e.value),h.xp6(2),h.Q6J("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0)("ngModel",e.value))},dependencies:[o.sg,r.JJ,r.On,b.V,Ct.g,x.Q,y.b,rt.q,lt.v,wt.R,w.g,_.x,j.E],encapsulation:2,changeDetection:0}),e})();function Nt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",2),2&t){const t=h.oxw();h.Q6J("items",t.items)}}let Pt=(()=>{var t;class e{constructor(){this.items=["گراهام چپمن","جان کلیز","تری گیلیام","اریک آیدل","تری جونز","مایکل پیلین"],this.value=[this.items[0]]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-6"]],decls:2,vars:3,consts:[[1,"input",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside","ngModel","ngModelChange"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(1,Nt,1,1,"tui-data-list-wrapper",1),h.qZA()),2&t&&h.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("ngModel",e.value)},dependencies:[r.JJ,r.On,b.V,y.b,w.g,Z.e,A.b,_.x],styles:[".input[_ngcontent-%COMP%]{width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),e})();var Ot=i(62500);function Ht(t,e){if(1&t&&(h.TgZ(0,"button",5),h._uU(1),h.qZA()),2&t){const t=e.$implicit;h.Q6J("value",t),h.xp6(1),h.hij(" ",t," ")}}function qt(t,e){if(1&t&&(h.TgZ(0,"cdk-virtual-scroll-viewport",2)(1,"tui-data-list",3),h.YNc(2,Ht,2,2,"button",4),h.qZA()()),2&t){const t=h.oxw();h.Q6J("itemSize",44),h.xp6(2),h.Q6J("cdkVirtualForOf",t.countries)}}let Qt=(()=>{var t;class e{constructor(){this.value=[],this.countries=["Afghanistan","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cabo Verde","Cambodia","Cameroon","Canada","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Cook Islands","Costa Rica","Croatia","Cuba","Curaçao","Cyprus","Czechia","Côte d'Ivoire","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","Republic of North Macedonia","Romania","Russian Federation","Rwanda","Réunion","Saint Barthélemy","Saint Helena","Saint Kitts and Nevis","Saint Lucia","Saint Martin","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Sweden","Switzerland","Syrian Arab Republic","Taiwan","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Venezuela","Viet Nam","Virgin Islands (British)","Virgin Islands (U.S.)","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe","Åland Islands"]}get content(){return`Selected ${this.value.length} of ${this.countries.length}`}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-7"]],decls:3,vars:3,consts:[[3,"editable","valueContent","ngModel","ngModelChange"],["tuiScrollable","","class","scroll",3,"itemSize",4,"tuiDataList"],["tuiScrollable","",1,"scroll",3,"itemSize"],["tuiMultiSelectGroup",""],["tuiOption","",3,"value",4,"cdkVirtualFor","cdkVirtualForOf"],["tuiOption","",3,"value"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("ngModelChange",(function(t){return e.value=t})),h._uU(1," Applicable countries "),h.YNc(2,qt,3,2,"cdk-virtual-scroll-viewport",1),h.qZA()),2&t&&h.Q6J("editable",!1)("valueContent",e.content)("ngModel",e.value)},dependencies:[r.JJ,r.On,a.xd,a.x0,a.N7,b.V,x.Q,y.b,rt.q,lt.v,w.g,Ot.R],styles:[".scroll[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;height:200px;--tui-duration: 0}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar, .scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),e})();function It(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",3),2&t){const t=h.oxw();h.Q6J("items",t.items)}}function Dt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",3),2&t){const t=h.oxw();h.Q6J("items",t.items)}}let kt=(()=>{var t;class e{constructor(){this.testValue=new r.NI([]),this.items=[{id:42,name:"John Cleese",dept:{id:566,title:"Financial"}},{id:237,name:"Eric Idle",dept:{id:560,title:"Staffing"}},{id:666,name:"Michael Palin",dept:{id:566,title:"Financial"}},{id:123,name:"Terry Gilliam",dept:{id:500,title:"Administrative"}},{id:777,name:"Terry Jones",dept:{id:566,title:"Financial"}},{id:999,name:"Graham Chapman",dept:{id:560,title:"Staffing"}}]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-8"]],features:[h._Bn([(0,d.tuiItemsHandlersProvider)({identityMatcher:(t,e)=>t.id===e.id,stringify:t=>"name"in t?`${t.name} (${t.dept.title})`:`${t.$implicit.name} (${t.$implicit.dept.title})`})])],decls:7,vars:7,consts:[["tuiTextfieldSize","m",3,"editable","formControl","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],[1,"tui-space_top-2",3,"editable","formControl","tuiTextfieldCleaner"],["tuiMultiSelectGroup","",3,"items"]],template:function(t,e){1&t&&(h.TgZ(0,"form")(1,"tui-multi-select",0),h._uU(2," Employees "),h.YNc(3,It,1,1,"tui-data-list-wrapper",1),h.qZA(),h.TgZ(4,"tui-multi-select",2),h._uU(5," Employees "),h.YNc(6,Dt,1,1,"tui-data-list-wrapper",1),h.qZA()()),2&t&&(h.xp6(1),h.Q6J("editable",!1)("formControl",e.testValue)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(3),h.Q6J("editable",!1)("formControl",e.testValue)("tuiTextfieldCleaner",!0))},dependencies:[r._Y,r.JJ,r.JL,r.F,r.oH,b.V,x.Q,y.b,w.g,Z.e,A.b,_.x,J.s],encapsulation:2,changeDetection:0}),e})();var Gt=i(88135);function Yt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",8),2&t){const t=h.oxw(2);h.Q6J("items",t.items)}}function Ft(t,e){if(1&t&&(h.TgZ(0,"div",3)(1,"div",4)(2,"label",5)(3,"tui-multi-select",6),h.YNc(4,Yt,1,1,"tui-data-list-wrapper",7),h.qZA()()()()),2&t){const t=e.data,i=h.oxw();h.xp6(3),h.Q6J("formControl",i.testValue)("rows",1)("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("tuiTextfieldSize",t.textFieldSize)}}let $t=(()=>{var t;class e{constructor(){this.dialogs=(0,h.f3M)(c.TuiDialogService),this.testValue=new r.NI([]),this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"]}showDialog(t,e){this.dialogs.open(t,{data:{textFieldSize:e}}).subscribe()}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-9"]],decls:9,vars:0,consts:[["size","m","tuiButton","","type","button",1,"tui-space_right-3",3,"click"],["size","m","tuiButton","","type","button",3,"click"],["template",""],[1,"tui-container_fullwidth"],[1,"tui-row","tui-form__row_multi-fields","tui-row_adaptive"],["tuiLabel","Star Wars persons",1,"tui-col_md-12"],[3,"formControl","rows","tuiTextfieldCleaner","tuiTextfieldLabelOutside","tuiTextfieldSize"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"items"]],template:function(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"button",0),h.NdJ("click",(function(){h.CHM(t);const i=h.MAs(8);return h.KtG(e.showDialog(i,"s"))})),h._uU(1," Show 's' size\n"),h.qZA(),h.TgZ(2,"p")(3,"button",0),h.NdJ("click",(function(){h.CHM(t);const i=h.MAs(8);return h.KtG(e.showDialog(i,"m"))})),h._uU(4," Show 'm' size "),h.qZA()(),h.TgZ(5,"button",1),h.NdJ("click",(function(){h.CHM(t);const i=h.MAs(8);return h.KtG(e.showDialog(i,"l"))})),h._uU(6," Show 'l' size\n"),h.qZA(),h.YNc(7,Ft,5,5,"ng-template",null,2,h.W1O)}},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,T.v,w.g,Z.e,A.b,_.x,J.s,Gt.A],encapsulation:2,changeDetection:0}),e})();var zt=i(74089),Bt=i(97951);let Et=(()=>{var t;class e{constructor(){this.itemStringControl=new r.NI([]),this.itemControl=new r.NI([]),this.itemStringGroupControl=new r.NI([]),this.itemGroupControl=new r.NI([]),this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.customItems=[{name:"Luke Skywalker",id:1},{name:"Leia Organa Solo",id:2},{name:"Darth Vader",id:3},{name:"Han Solo",id:4},{name:"Obi-Wan Kenobi",id:5},{name:"Yoda",id:6}],this.groupItems=[["Caesar","Greek","Apple and Chicken"],["Broccoli Cheddar","Chicken and Rice","Chicken Noodle"]],this.customGroupItems=[[{name:"Caesar",id:1},{name:"Apple and Chicken",id:2}],[{name:"Broccoli Cheddar",id:3},{name:"Chicken and Rice",id:4},{name:"Chicken Noodle",id:5}]],this.labels=["Salad","Soup"],this.stringify=t=>t.name,this.disableHandler=t=>t.startsWith("Broccoli"),this.disableItemHandler=({name:t})=>t.startsWith("Broccoli")}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-10"]],decls:16,vars:26,consts:[[1,"tui-text_body-l"],[1,"tui-space_top-5",3,"editable","formControl","tuiHintContent","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["multiple","","tuiSelect","",3,"items"],[1,"tui-space_vertical-5",3,"disabledItemHandler","editable","formControl","tuiTextfieldLabelOutside"],["multiple","","tuiSelect","",3,"items","labels"],[1,"tui-space_top-5",3,"editable","formControl","stringify","tuiHintContent","tuiTextfieldCleaner","tuiTextfieldLabelOutside"],[1,"tui-space_top-5",3,"disabledItemHandler","editable","formControl","stringify","tuiTextfieldLabelOutside"]],template:function(t,e){1&t&&(h.TgZ(0,"span",0),h._uU(1,"Strings:"),h.qZA(),h.TgZ(2,"tui-multi-select",1),h._uU(3," Star Wars persons "),h._UZ(4,"select",2),h.qZA(),h.TgZ(5,"tui-multi-select",3),h._uU(6," Star Wars persons "),h._UZ(7,"select",4),h.qZA(),h.TgZ(8,"span",0),h._uU(9,"Objects (stringify):"),h.qZA(),h.TgZ(10,"tui-multi-select",5),h._uU(11," Star Wars persons "),h._UZ(12,"select",2),h.qZA(),h.TgZ(13,"tui-multi-select",6),h._uU(14," Star Wars persons "),h._UZ(15,"select",4),h.qZA()),2&t&&(h.xp6(2),h.Q6J("editable",!1)("formControl",e.itemStringControl)("tuiHintContent","hint")("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.items),h.xp6(1),h.Q6J("disabledItemHandler",e.disableHandler)("editable",!1)("formControl",e.itemStringGroupControl)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.groupItems)("labels",e.labels),h.xp6(3),h.Q6J("editable",!1)("formControl",e.itemControl)("stringify",e.stringify)("tuiHintContent","hint")("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.customItems),h.xp6(1),h.Q6J("disabledItemHandler",e.disableItemHandler)("editable",!1)("formControl",e.itemGroupControl)("stringify",e.stringify)("tuiTextfieldLabelOutside",!0),h.xp6(2),h.Q6J("items",e.customGroupItems)("labels",e.labels))},dependencies:[r.JJ,r.oH,b.V,y.b,zt.O,Bt.P,v.bZ,A.b,_.x],encapsulation:2,changeDetection:0}),e})();var Kt=i(49195);function Rt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",4),2&t){const t=h.oxw();h.Q6J("items",t.items)}}function Wt(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",4),2&t){const t=h.oxw();h.Q6J("items",t.items)}}function jt(t,e){if(1&t){const t=h.EpF();h.ynx(0),h.TgZ(1,"tui-tag",7),h.NdJ("edited",(function(){const e=h.CHM(t).$implicit,i=h.oxw(2);return h.KtG(i.remove(e))})),h.qZA(),h.BQk()}if(2&t){const t=e.$implicit;h.xp6(1),h.Q6J("removable",!0)("value",t)}}function Xt(t,e){if(1&t&&(h.TgZ(0,"div",5),h.YNc(1,jt,2,2,"ng-container",6),h.qZA()),2&t){const t=e.$implicit;h.xp6(1),h.Q6J("ngForOf",t)}}let te=(()=>{var t;class e{constructor(){this.items=["Luke Skywalker","Leia Organa Solo","Darth Vader","Han Solo","Obi-Wan Kenobi","Yoda"],this.value=this.items,this.content=({$implicit:{length:t}})=>`Selected: ${t}`}remove(t){this.value=this.value.filter((e=>e!==t))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=h.Xpm({type:t,selectors:[["tui-multi-select-example-11"]],decls:7,vars:5,consts:[[3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],[1,"tui-space_top-4",3,"valueContent","ngModel","ngModelChange"],["valueContent",""],["tuiMultiSelectGroup","",3,"items"],[1,"t-wrapper"],[4,"ngFor","ngForOf"],["size","l",1,"t-tag",3,"removable","value","edited"]],template:function(t,e){if(1&t&&(h.TgZ(0,"tui-multi-select",0),h.NdJ("ngModelChange",(function(t){return e.value=t})),h.YNc(1,Rt,1,1,"tui-data-list-wrapper",1),h.qZA(),h.TgZ(2,"tui-multi-select",2),h.NdJ("ngModelChange",(function(t){return e.value=t})),h._uU(3," Select "),h.YNc(4,Wt,1,1,"tui-data-list-wrapper",1),h.qZA(),h.YNc(5,Xt,2,1,"ng-template",null,3,h.W1O)),2&t){const t=h.MAs(6);h.Q6J("tuiTextfieldLabelOutside",!0)("valueContent",t)("ngModel",e.value),h.xp6(2),h.Q6J("valueContent",e.content)("ngModel",e.value)}},dependencies:[o.sg,r.JJ,r.On,b.V,x.Q,y.b,w.g,Z.e,Kt.G,_.x],styles:[".t-tag[_ngcontent-%COMP%]{margin:.125rem .5rem .125rem -.25rem}.t-wrapper[_ngcontent-%COMP%]{flex-wrap:wrap;padding-inline-start:.25rem}"],changeDetection:0}),e})();function ee(t,e){1&t&&(h._uU(0," You can use "),h.TgZ(1,"code"),h._uU(2,"MultiSelect"),h.qZA(),h._uU(3," with "),h.TgZ(4,"code"),h._uU(5,"ScrollingModule"),h.qZA(),h._uU(6," from "),h.TgZ(7,"a",15),h._uU(8," @angular/cdk/scrolling "),h.qZA(),h._uU(9," . "))}function ie(t,e){if(1&t&&(h.TgZ(0,"div",2)(1,"code"),h._uU(2,"MultiSelect"),h.qZA(),h._uU(3," is a textfield with a dropdown for choosing several items "),h.qZA(),h.TgZ(4,"tui-doc-example",3),h._UZ(5,"tui-multi-select-example-1"),h.qZA(),h.TgZ(6,"tui-doc-example",4),h._UZ(7,"tui-multi-select-example-2"),h.qZA(),h.TgZ(8,"tui-doc-example",5),h._UZ(9,"tui-multi-select-example-3"),h.qZA(),h.TgZ(10,"tui-doc-example",6),h._UZ(11,"tui-multi-select-example-4"),h.qZA(),h.TgZ(12,"tui-doc-example",7),h._UZ(13,"tui-multi-select-example-5"),h.qZA(),h.TgZ(14,"tui-doc-example",8),h._UZ(15,"tui-multi-select-example-6"),h.qZA(),h.TgZ(16,"tui-doc-example",9),h.YNc(17,ee,10,0,"ng-template",null,10,h.W1O),h._UZ(19,"tui-multi-select-example-7"),h.qZA(),h.TgZ(20,"tui-doc-example",11),h._UZ(21,"tui-multi-select-example-8"),h.qZA(),h.TgZ(22,"tui-doc-example",12),h._UZ(23,"tui-multi-select-example-9"),h.qZA(),h.TgZ(24,"tui-doc-example",13),h._UZ(25,"tui-multi-select-example-10"),h.qZA(),h.TgZ(26,"tui-doc-example",14),h._UZ(27,"tui-multi-select-example-11"),h.qZA()),2&t){const t=h.MAs(18),e=h.oxw();h.xp6(4),h.Q6J("content",e.example1),h.xp6(2),h.Q6J("content",e.example2),h.xp6(2),h.Q6J("content",e.example3),h.xp6(2),h.Q6J("content",e.example4),h.xp6(2),h.Q6J("content",e.example5),h.xp6(2),h.Q6J("content",e.example6),h.xp6(2),h.Q6J("content",e.example7)("description",t),h.xp6(4),h.Q6J("content",e.example8),h.xp6(2),h.Q6J("content",e.example9),h.xp6(2),h.Q6J("content",e.example10),h.xp6(2),h.Q6J("content",e.example11)}}function ne(t,e){if(1&t&&h._UZ(0,"tui-data-list-wrapper",31),2&t){const t=h.oxw(3);h.Q6J("disabledItemHandler",t.disabledItemHandler)("items",t.items)}}function ae(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-multi-select",29),h.NdJ("searchChange",(function(e){h.CHM(t);const i=h.oxw(2);return h.KtG(i.search=e)}))("tuiDropdownOpenChange",(function(e){h.CHM(t);const i=h.oxw(2);return h.KtG(i.dropdownOpen.next(e))})),h.ALo(1,"async"),h._uU(2," Choose an account "),h.YNc(3,ne,1,2,"tui-data-list-wrapper",30),h.qZA()}if(2&t){const t=h.oxw(2);h.Q6J("disabledItemHandler",t.disabledItemHandler)("editable",t.editable)("focusable",t.focusable)("formControl",t.control)("identityMatcher",t.identityMatcher)("placeholder",t.exampleText)("pseudoActive",t.pseudoPressed)("pseudoFocus",t.pseudoFocused)("pseudoHover",t.pseudoHovered)("pseudoInvalid",t.pseudoInvalid)("readOnly",t.readOnly)("rows",t.rows)("stringify",t.stringify)("tagValidator",t.tagValidator)("tuiDropdownAlign",t.dropdownAlign)("tuiDropdownDirection",t.dropdownDirection)("tuiDropdownLimitWidth",t.dropdownLimitWidth)("tuiDropdownMaxHeight",t.dropdownMaxHeight)("tuiDropdownMinHeight",t.dropdownMinHeight)("tuiDropdownOffset",t.dropdownOffset)("tuiDropdownOpen",!!h.lcZ(1,30,t.dropdownOpen))("tuiHintAppearance",t.hintAppearance)("tuiHintContent",t.hintContent)("tuiHintDirection",t.hintDirection)("tuiTextfieldCleaner",t.cleaner)("tuiTextfieldIconLeft",t.iconLeft)("tuiTextfieldLabelOutside",t.labelOutside)("tuiTextfieldSize",t.size)("valueContent",t.valueContent)("search",t.search)}}function oe(t,e){1&t&&(h._uU(0," Disabled state (use "),h.TgZ(1,"code"),h._uU(2,"formControl.disable()"),h.qZA(),h._uU(3," ) "))}function re(t,e){1&t&&(h._uU(0," Textfield value to subscribe on input or setting it from the outside (emits "),h.TgZ(1,"code"),h._uU(2,"null"),h.qZA(),h._uU(3," when item from list selected) "))}function le(t,e){1&t&&h._uU(0," Handler for deactivation some items ")}function ue(t,e){1&t&&h._uU(0," Textfield can be use for typing ")}function se(t,e){1&t&&h._uU(0," A number of visible rows ")}function ce(t,e){1&t&&(h._uU(0," A function that compares search and value to define a match between them. "),h.TgZ(1,"strong"),h._uU(2,"Must be a pure function"),h.qZA())}function de(t,e){1&t&&(h._uU(0," A function that transforms object into a string. "),h.TgZ(1,"code"),h._uU(2,"String(value)"),h.qZA(),h._uU(3," by default. "),h.TgZ(4,"strong"),h._uU(5,"Should be a pure function"),h.qZA())}function pe(t,e){1&t&&h._uU(0," A template for custom view of selected value ")}function me(t,e){1&t&&h._uU(0," A function that checks that tag is valid ")}function he(t,e){1&t&&h._uU(0," Placeholder ")}function ge(t,e){if(1&t){const t=h.EpF();h.TgZ(0,"tui-doc-demo",16),h.YNc(1,ae,4,32,"ng-template"),h.qZA(),h.TgZ(2,"div")(3,"p"),h._uU(4," Set a value with copied object from items to check "),h.TgZ(5,"code"),h._uU(6,"identityMatcher"),h.qZA(),h._uU(7," : "),h.qZA(),h.TgZ(8,"button",17),h.NdJ("click",(function(){h.CHM(t);const e=h.oxw();return h.KtG(e.setValue())})),h._uU(9," Set "),h.qZA()(),h.TgZ(10,"tui-doc-documentation"),h.YNc(11,oe,4,0,"ng-template",18),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.disabled=e)})),h.YNc(12,re,4,0,"ng-template",19),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.search=e)})),h.YNc(13,le,1,0,"ng-template",20),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.disabledItemHandler=e)})),h.YNc(14,ue,1,0,"ng-template",21),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.editable=e)})),h.YNc(15,se,1,0,"ng-template",22),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.rows=e)})),h.YNc(16,ce,3,0,"ng-template",23),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.identityMatcher=e)})),h.YNc(17,de,6,0,"ng-template",24),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.stringify=e)})),h.YNc(18,pe,1,0,"ng-template",25),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.valueContent=e)})),h.YNc(19,me,1,0,"ng-template",26),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.tagValidator=e)})),h.YNc(20,he,1,0,"ng-template",27),h.NdJ("documentationPropertyValueChange",(function(e){h.CHM(t);const i=h.oxw();return h.KtG(i.exampleText=e)})),h.qZA(),h._UZ(21,"inherited-documentation",28)}if(2&t){const t=h.oxw();h.Q6J("control",t.control),h.xp6(11),h.Q6J("documentationPropertyValue",t.disabled),h.xp6(1),h.Q6J("documentationPropertyValue",t.search),h.xp6(1),h.Q6J("documentationPropertyValues",t.disabledItemHandlerVariants)("documentationPropertyValue",t.disabledItemHandler),h.xp6(1),h.Q6J("documentationPropertyValue",t.editable),h.xp6(1),h.Q6J("documentationPropertyValue",t.rows),h.xp6(1),h.Q6J("documentationPropertyValues",t.identityMatcherVariants)("documentationPropertyValue",t.identityMatcher),h.xp6(1),h.Q6J("documentationPropertyValues",t.stringifyVariants)("documentationPropertyValue",t.stringify),h.xp6(1),h.Q6J("documentationPropertyValues",t.valueContentVariants)("documentationPropertyValue",t.valueContent),h.xp6(1),h.Q6J("documentationPropertyValues",t.tagValidatorVariants)("documentationPropertyValue",t.tagValidator),h.xp6(1),h.Q6J("documentationPropertyValue",t.exampleText),h.xp6(1),h.Q6J("dropdown",!0)}}function fe(t,e){if(1&t&&(h.TgZ(0,"ol",32)(1,"li")(2,"p"),h._uU(3," Import an Angular module for forms and "),h.TgZ(4,"code"),h._uU(5,"TuiMultiSelectModule"),h.qZA(),h._uU(6," in the same module where you want to use our component: "),h.qZA(),h._UZ(7,"tui-doc-code",33),h.TgZ(8,"p"),h._uU(9," See samples to learn more about working with "),h.TgZ(10,"code"),h._uU(11,"tui-data-list-wrapper"),h.qZA(),h._uU(12," or without them "),h.qZA()(),h.TgZ(13,"li")(14,"p"),h._uU(15," Declare a form ( "),h.TgZ(16,"code"),h._uU(17,"FormGroup"),h.qZA(),h._uU(18," ) or a control ( "),h.TgZ(19,"code"),h._uU(20,"FormControl"),h.qZA(),h._uU(21," ) in your component: "),h.qZA(),h._UZ(22,"tui-doc-code",34),h.qZA(),h.TgZ(23,"li")(24,"p"),h._uU(25,"Add to the template:"),h.qZA(),h._UZ(26,"tui-doc-code",35),h.qZA()()),2&t){const t=h.oxw();h.xp6(7),h.Q6J("code",t.exampleModule),h.xp6(15),h.Q6J("code",t.exampleForm),h.xp6(4),h.Q6J("code",t.exampleHtml)}}class be{constructor(t,e){this.name=t,this.balance=e}toString(){return`${this.name} (${this.balance})`}}let xe=(()=>{var t;class e extends g.b{constructor(){super(...arguments),this.control=new r.NI(null),this.iconLeft="",this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[this.sizeVariants.length-1],this.maxLengthVariants=[10],this.maxLength=null,this.labelOutside=!0,this.exampleModule=i.e(64068).then(i.t.bind(i,64068,17)),this.exampleHtml=i.e(41064).then(i.t.bind(i,41064,17)),this.exampleForm=i.e(94054).then(i.t.bind(i,94054,17)),this.example1={TypeScript:i.e(58395).then(i.t.bind(i,58395,17)),HTML:i.e(96898).then(i.t.bind(i,96898,17))},this.example2={TypeScript:i.e(72230).then(i.t.bind(i,72230,17)),HTML:i.e(7019).then(i.t.bind(i,7019,17)),LESS:i.e(98542).then(i.t.bind(i,98542,17))},this.example3={TypeScript:i.e(45107).then(i.t.bind(i,45107,17)),HTML:i.e(13760).then(i.t.bind(i,13760,17))},this.example4={TypeScript:i.e(12989).then(i.t.bind(i,12989,17)),HTML:i.e(51968).then(i.t.bind(i,51968,17))},this.example5={TypeScript:i.e(26117).then(i.t.bind(i,26117,17)),HTML:i.e(26706).then(i.t.bind(i,26706,17))},this.example6={TypeScript:i.e(77900).then(i.t.bind(i,77900,17)),HTML:i.e(72084).then(i.t.bind(i,72084,17)),LESS:i.e(4755).then(i.t.bind(i,4755,17))},this.example7={TypeScript:i.e(16405).then(i.t.bind(i,16405,17)),HTML:i.e(55174).then(i.t.bind(i,55174,17)),LESS:i.e(64992).then(i.t.bind(i,64992,17))},this.example8={TypeScript:i.e(38840).then(i.t.bind(i,38840,17)),HTML:i.e(29304).then(i.t.bind(i,29304,17))},this.example9={TypeScript:i.e(89367).then(i.t.bind(i,89367,17)),HTML:i.e(91760).then(i.t.bind(i,91760,17))},this.example10={TypeScript:i.e(7283).then(i.t.bind(i,7283,17)),HTML:i.e(98295).then(i.t.bind(i,98295,17))},this.example11={TypeScript:i.e(50702).then(i.t.bind(i,50702,17)),HTML:i.e(90469).then(i.t.bind(i,90469,17))},this.items=[new be("Ruble",500),new be("Dollar",500),new be("Euro",500),new be("Pounds",500),new be("Yuan",237)],this.rows=100,this.editable=!0,this.search="",this.iconVariants=["","tuiIconSearchLarge","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.stringifyVariants=[s.TUI_DEFAULT_STRINGIFY,t=>String(String(t).match(/\d+/))],this.stringify=this.stringifyVariants[0],this.identityMatcherVariants=[(t,e)=>t===e,(t,e)=>t.balance===e.balance],this.identityMatcher=this.identityMatcherVariants[0],this.tagValidatorVariants=[s.ALWAYS_TRUE_HANDLER,t=>t.balance>300,t=>!t.name.startsWith("Pounds")],this.tagValidator=this.tagValidatorVariants[0],this.valueContentVariants=["",({$implicit:{length:t}})=>`Selected: ${t}`],this.valueContent=this.valueContentVariants[0],this.disabledItemHandlerVariants=[s.ALWAYS_FALSE_HANDLER,t=>t.balance<300],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}setValue(){this.control.setValue([new be("Dollar",237)])}}return(t=e).ɵfac=function(){let e;return function(i){return(e||(e=h.n5z(t)))(i||t)}}(),t.ɵcmp=h.Xpm({type:t,selectors:[["example-tui-multi-select"]],features:[h._Bn([{provide:f.x,useExisting:(0,h.Gpc)((()=>t))},(0,u.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix","tuiTextfieldFiller","tuiTextfieldCustomContent"])]),h.qOj],decls:4,vars:0,consts:[["header","MultiSelect","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","string-array","heading","String array",3,"content"],["id","object-array","heading","Custom template, async items loading",3,"content"],["id","sizes","heading","sizes",3,"content"],["id","ids","heading","With IDs",3,"content"],["id","datalist","heading","DataList",3,"content"],["id","rtl","heading","Direction: RTL",3,"content"],["id","virtual","heading","Virtual scroll",3,"content","description"],["cdkVirtualScrollDescription",""],["id","options-stringify","heading","Options (stringify)",3,"content"],["id","multiselect-inside-dialog-with-different-size","heading","Multiselect inside dialog with different textfield sizes",3,"content"],["id","native-select","heading","Native select",3,"content"],["id","value-content","heading","Value content",3,"content"],["href","https://material.angular.io/cdk/scrolling/overview","rel","noreferrer","target","_blank","tuiLink",""],[3,"control"],["size","m","tuiButton","","type","button",3,"click"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string | null",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","editable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rows","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","identityMatcher","documentationPropertyType","TuiIdentityMatcher",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","stringify","documentationPropertyType","TuiStringHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","valueContent","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tagValidator","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","placeholder","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],[3,"disabledItemHandler","editable","focusable","formControl","identityMatcher","placeholder","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","rows","stringify","tagValidator","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","valueContent","search","searchChange","tuiDropdownOpenChange"],["tuiMultiSelectGroup","",3,"disabledItemHandler","items",4,"tuiDataList"],["tuiMultiSelectGroup","",3,"disabledItemHandler","items"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(h.TgZ(0,"tui-doc-page",0),h.YNc(1,ie,28,12,"ng-template",1),h.YNc(2,ge,22,17,"ng-template",1),h.YNc(3,fe,27,3,"ng-template",1),h.qZA())},dependencies:[r.JJ,r.oH,b.V,x.Q,y.b,T.v,C.V,w.g,Z.e,M.o,S.Ek,v.bZ,A.b,_.x,J.s,L.a,V.w,U.c,N.F,P.z,O.B,H.q,q.n,Q.f,G,ot,mt,Tt,Ut,Pt,Qt,kt,$t,Et,te,o.Ov],styles:[".content[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin-right:.75rem}"],changeDetection:0}),e})(),ye=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=h.oAB({type:t}),t.ɵinj=h.cJS({imports:[o.ez,r.u5,r.UX,a.Cl,c.TuiScrollbarComponent,d.TuiMultiSelectModule,d.TuiRadioListModule,c.TuiButtonModule,c.TuiLinkModule,d.TuiAvatarComponent,c.TuiDataListModule,d.TuiDataListWrapperModule,s.TuiLetModule,c.TuiDropdownModule,c.TuiHintModule,d.TuiTagModule,c.TuiTextfieldControllerModule,m.f,u.fV,c.TuiLabelModule,l.Bz.forChild((0,u.Ve)(xe)),p.wq]}),e})()}}]); \ No newline at end of file diff --git a/next/43428.403d56c5047605d2.js b/next/43428.403d56c5047605d2.js deleted file mode 100644 index b21aee5bb8ea..000000000000 --- a/next/43428.403d56c5047605d2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[43428],{43428:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiInputCopyModule:()=>k});var n=o(88692),i=o(69900),u=o(91795),a=o(64500),s=o(73588),c=o(84479),r=o(89570),l=o(75695),p=o(64537),d=o(82880),m=o(98204),f=o(45646),g=o(66416),y=o(54218),x=o(64374),T=o(6707),h=o(68874),Z=o(10200),P=o(3729),V=o(87205),C=o(79121),_=o(83074),M=o(10977),U=o(62840),A=o(60404),b=o(43560),q=o(93525),w=o(38868),N=o(91030);let J=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("",i.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-copy-example-1"]],decls:8,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["placeholder","Placeholder","tuiTextfield",""],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_vertical-4"],["formControlName","testValue"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-copy",1),p._uU(2," Value "),p._UZ(3,"input",2),p.qZA(),p.TgZ(4,"tui-input-copy",3),p._uU(5," Value "),p.qZA(),p.TgZ(6,"tui-input-copy",4),p._uU(7,"Value"),p.qZA()()),2&e&&p.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,f.$,g.w,N.M,Z.s],encapsulation:2,changeDetection:0}),t})();const v=["customTemplate"];function I(e,t){if(1&e&&(p.TgZ(0,"p"),p._uU(1,"InputCopy allows user to copy a text of textfield"),p.qZA(),p.TgZ(2,"tui-doc-example",3)(3,"tui-notification",4),p._uU(4," If you need to set some attributes or listen to events on native "),p.TgZ(5,"code"),p._uU(6,"input"),p.qZA(),p._uU(7," , you can put it inside with "),p.TgZ(8,"code"),p._uU(9,"Textfield"),p.qZA(),p._uU(10," directive as shown below "),p.qZA(),p._UZ(11,"tui-input-copy-example-1"),p.qZA()),2&e){const e=p.oxw();p.xp6(2),p.Q6J("content",e.example1)}}function D(e,t){1&e&&(p._uU(0," Disabled state (use "),p.TgZ(1,"code"),p._uU(2,"formControl.disable()"),p.qZA(),p._uU(3," ) "))}function H(e,t){1&e&&p._uU(0," Tooltip message after successful copy ")}function F(e,t){1&e&&p._uU(0," Message tooltip direction ")}function z(e,t){1&e&&p._uU(0," Message tooltip mode ")}function Q(e,t){1&e&&p._uU(0," Custom align content by text-align ")}function G(e,t){if(1&e){const e=p.EpF();p.TgZ(0,"tui-doc-demo")(1,"tui-input-copy",5),p._uU(2," Type a text "),p.qZA()(),p.TgZ(3,"tui-doc-documentation"),p.YNc(4,D,4,0,"ng-template",6),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.disabled=t)})),p.YNc(5,H,1,0,"ng-template",7),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.successMessage=t)})),p.YNc(6,F,1,0,"ng-template",8),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.messageDirection=t)})),p.YNc(7,z,1,0,"ng-template",9),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.messageMode=t)})),p.qZA(),p._UZ(8,"inherited-documentation"),p.TgZ(9,"tui-doc-documentation",10),p.YNc(10,Q,1,0,"ng-template",11),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.textAlign=t)})),p.qZA()}if(2&e){const e=p.oxw();p.xp6(1),p.Udp("text-align",e.textAlign),p.Q6J("focusable",e.focusable)("formControl",e.control)("messageAppearance",e.hintAppearance)("messageDirection",e.hintDirection)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("successMessage",e.notificationTemplate)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size),p.xp6(3),p.Q6J("documentationPropertyValue",e.disabled),p.xp6(1),p.Q6J("documentationPropertyValues",e.successMessageVariants)("documentationPropertyValue",e.successMessage),p.xp6(1),p.Q6J("documentationPropertyValues",e.hintDirectionVariants)("documentationPropertyValue",e.messageDirection),p.xp6(1),p.Q6J("documentationPropertyValues",e.hintAppearanceVariants)("documentationPropertyValue",e.messageMode),p.xp6(3),p.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function L(e,t){1&e&&(p.TgZ(0,"i"),p._uU(1,"Some custom content"),p.qZA(),p._uU(2," , that says that content is copied "))}function Y(e,t){if(1&e&&(p.TgZ(0,"ol",12)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiInputCopyModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",13),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10," Declare a form ( "),p.TgZ(11,"code"),p._uU(12,"FormGroup"),p.qZA(),p._uU(13," ) or a control ( "),p.TgZ(14,"code"),p._uU(15,"FormControl"),p.qZA(),p._uU(16," ) in your component: "),p.qZA(),p._UZ(17,"tui-doc-code",14),p.qZA(),p.TgZ(18,"li")(19,"p"),p._uU(20,"Add to the template:"),p.qZA(),p._UZ(21,"tui-doc-code",15),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(10),p.Q6J("code",e.exampleForm),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let S=(()=>{var e;class t extends d.b{constructor(){super(...arguments),this.control=new i.NI("",i.kI.required),this.maxLengthVariants=[10],this.maxLength=null,this.example1={TypeScript:o.e(60082).then(o.t.bind(o,60082,17)),HTML:o.e(25786).then(o.t.bind(o,25786,17))},this.exampleModule=o.e(90950).then(o.t.bind(o,90950,17)),this.exampleHtml=o.e(30439).then(o.t.bind(o,30439,17)),this.exampleForm=o.e(93379).then(o.t.bind(o,93379,17)),this.successMessageVariants=["Copied","Template"],this.successMessage=this.successMessageVariants[0],this.messageDirection=this.hintDirectionVariants[0],this.messageMode=this.hintAppearanceVariants[0]}get notificationTemplate(){return"Template"===this.successMessage?this.customTemplate:this.successMessage}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=p.n5z(e)))(o||e)}}(),e.ɵcmp=p.Xpm({type:e,selectors:[["example-input-copy"]],viewQuery:function(e,t){if(1&e&&p.Gf(v,5),2&e){let e;p.iGM(e=p.CRH())&&(t.customTemplate=e.first)}},features:[p._Bn([{provide:m.x,useExisting:(0,p.Gpc)((()=>e))},(0,a.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix"])]),p.qOj],decls:6,vars:0,consts:[["header","InputCopy","package","KIT","type","components"],["pageTab",""],["customTemplate",""],["id","example-size","heading","sizes",3,"content"],[1,"tui-space_bottom-4","b-form"],[3,"focusable","formControl","messageAppearance","messageDirection","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","successMessage","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","successMessage","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","messageDirection","documentationPropertyType","TuiDirection",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","messageMode","documentationPropertyType","TuiHintModeT | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,I,12,1,"ng-template",1),p.YNc(2,G,11,26,"ng-template",1),p.YNc(3,L,3,0,"ng-template",null,2,p.W1O),p.YNc(5,Y,22,3,"ng-template",1),p.qZA())},dependencies:[i.JJ,i.oH,f.$,g.w,y.w,x.b,T.B,h.x,Z.s,P.a,V.k,C.L,_.c,M.F,U.z,A.B,b.q,q.n,w.f,J],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[n.ez,i.UX,c.TuiInputCopyModule,l.f,r.wq,s.TuiTextfieldControllerModule,s.TuiNotificationModule,a.fV,u.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/43428.8e90011316b76d05.js b/next/43428.8e90011316b76d05.js new file mode 100644 index 000000000000..f5c752d38a52 --- /dev/null +++ b/next/43428.8e90011316b76d05.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[43428],{43428:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiInputCopyModule:()=>k});var n=o(88692),i=o(69900),u=o(91795),a=o(64500),s=o(73588),c=o(84479),r=o(89570),l=o(75695),p=o(64537),d=o(82880),m=o(98204),f=o(45646),g=o(66416),y=o(54218),x=o(64374),T=o(6707),h=o(68874),Z=o(10200),P=o(3729),V=o(87205),C=o(79121),_=o(83074),M=o(10977),U=o(62840),A=o(60404),q=o(43560),b=o(93525),w=o(38868),N=o(91030);let J=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("",i.kI.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-input-copy-example-1"]],decls:8,vars:1,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["placeholder","Placeholder","tuiTextfield",""],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_vertical-4"],["formControlName","testValue"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"tui-input-copy",1),p._uU(2," Value "),p._UZ(3,"input",2),p.qZA(),p.TgZ(4,"tui-input-copy",3),p._uU(5," Value "),p.qZA(),p.TgZ(6,"tui-input-copy",4),p._uU(7,"Value"),p.qZA()()),2&e&&p.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,f.$,g.w,N.M,Z.s],encapsulation:2,changeDetection:0}),t})();const v=["customTemplate"];function I(e,t){if(1&e&&(p.TgZ(0,"p"),p._uU(1,"InputCopy allows user to copy a text of textfield"),p.qZA(),p.TgZ(2,"tui-doc-example",3)(3,"tui-notification",4),p._uU(4," If you need to set some attributes or listen to events on native "),p.TgZ(5,"code"),p._uU(6,"input"),p.qZA(),p._uU(7," , you can put it inside with "),p.TgZ(8,"code"),p._uU(9,"Textfield"),p.qZA(),p._uU(10," directive as shown below "),p.qZA(),p._UZ(11,"tui-input-copy-example-1"),p.qZA()),2&e){const e=p.oxw();p.xp6(2),p.Q6J("content",e.example1)}}function D(e,t){1&e&&(p._uU(0," Disabled state (use "),p.TgZ(1,"code"),p._uU(2,"formControl.disable()"),p.qZA(),p._uU(3," ) "))}function H(e,t){1&e&&p._uU(0," Tooltip message after successful copy ")}function F(e,t){1&e&&p._uU(0," Message tooltip direction ")}function z(e,t){1&e&&p._uU(0," Message tooltip mode ")}function Q(e,t){1&e&&p._uU(0," Custom align content by text-align ")}function G(e,t){if(1&e){const e=p.EpF();p.TgZ(0,"tui-doc-demo")(1,"tui-input-copy",5),p._uU(2," Type a text "),p.qZA()(),p.TgZ(3,"tui-doc-documentation"),p.YNc(4,D,4,0,"ng-template",6),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.disabled=t)})),p.YNc(5,H,1,0,"ng-template",7),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.successMessage=t)})),p.YNc(6,F,1,0,"ng-template",8),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.messageDirection=t)})),p.YNc(7,z,1,0,"ng-template",9),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.messageMode=t)})),p.qZA(),p._UZ(8,"inherited-documentation"),p.TgZ(9,"tui-doc-documentation",10),p.YNc(10,Q,1,0,"ng-template",11),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const o=p.oxw();return p.KtG(o.textAlign=t)})),p.qZA()}if(2&e){const e=p.oxw();p.xp6(1),p.Udp("text-align",e.textAlign),p.Q6J("focusable",e.focusable)("formControl",e.control)("messageAppearance",e.hintAppearance)("messageDirection",e.hintDirection)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("successMessage",e.notificationTemplate)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size),p.xp6(3),p.Q6J("documentationPropertyValue",e.disabled),p.xp6(1),p.Q6J("documentationPropertyValues",e.successMessageVariants)("documentationPropertyValue",e.successMessage),p.xp6(1),p.Q6J("documentationPropertyValues",e.hintDirectionVariants)("documentationPropertyValue",e.messageDirection),p.xp6(1),p.Q6J("documentationPropertyValues",e.hintAppearanceVariants)("documentationPropertyValue",e.messageMode),p.xp6(3),p.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function L(e,t){1&e&&(p.TgZ(0,"i"),p._uU(1,"Some custom content"),p.qZA(),p._uU(2," , that says that content is copied "))}function Y(e,t){if(1&e&&(p.TgZ(0,"ol",12)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiInputCopyModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",13),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10," Declare a form ( "),p.TgZ(11,"code"),p._uU(12,"FormGroup"),p.qZA(),p._uU(13," ) or a control ( "),p.TgZ(14,"code"),p._uU(15,"FormControl"),p.qZA(),p._uU(16," ) in your component: "),p.qZA(),p._UZ(17,"tui-doc-code",14),p.qZA(),p.TgZ(18,"li")(19,"p"),p._uU(20,"Add to the template:"),p.qZA(),p._UZ(21,"tui-doc-code",15),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(10),p.Q6J("code",e.exampleForm),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let S=(()=>{var e;class t extends d.b{constructor(){super(...arguments),this.control=new i.NI("",i.kI.required),this.maxLengthVariants=[10],this.maxLength=null,this.example1={TypeScript:o.e(60082).then(o.t.bind(o,60082,17)),HTML:o.e(25786).then(o.t.bind(o,25786,17))},this.exampleModule=o.e(90950).then(o.t.bind(o,90950,17)),this.exampleHtml=o.e(30439).then(o.t.bind(o,30439,17)),this.exampleForm=o.e(93379).then(o.t.bind(o,93379,17)),this.successMessageVariants=["Copied","Template"],this.successMessage=this.successMessageVariants[0],this.messageDirection=this.hintDirectionVariants[0],this.messageMode=this.hintAppearanceVariants[0]}get notificationTemplate(){return"Template"===this.successMessage?this.customTemplate:this.successMessage}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=p.n5z(e)))(o||e)}}(),e.ɵcmp=p.Xpm({type:e,selectors:[["example-input-copy"]],viewQuery:function(e,t){if(1&e&&p.Gf(v,5),2&e){let e;p.iGM(e=p.CRH())&&(t.customTemplate=e.first)}},features:[p._Bn([{provide:m.x,useExisting:(0,p.Gpc)((()=>e))},(0,a.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix"])]),p.qOj],decls:6,vars:0,consts:[["header","InputCopy","package","KIT","type","components"],["pageTab",""],["customTemplate",""],["id","example-size","heading","sizes",3,"content"],[1,"tui-space_bottom-4"],[3,"focusable","formControl","messageAppearance","messageDirection","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","successMessage","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","successMessage","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","messageDirection","documentationPropertyType","TuiDirection",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","messageMode","documentationPropertyType","TuiHintModeT | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,I,12,1,"ng-template",1),p.YNc(2,G,11,26,"ng-template",1),p.YNc(3,L,3,0,"ng-template",null,2,p.W1O),p.YNc(5,Y,22,3,"ng-template",1),p.qZA())},dependencies:[i.JJ,i.oH,f.$,g.w,y.w,x.b,T.B,h.x,Z.s,P.a,V.k,C.L,_.c,M.F,U.z,A.B,q.q,b.n,w.f,J],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[n.ez,i.UX,c.TuiInputCopyModule,l.f,r.wq,s.TuiTextfieldControllerModule,s.TuiNotificationModule,a.fV,u.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/44262.3533e81d3dadeb52.js b/next/44262.3533e81d3dadeb52.js new file mode 100644 index 000000000000..c1c9c4a77862 --- /dev/null +++ b/next/44262.3533e81d3dadeb52.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[44262],{44262:t=>{t.exports='
\n \n Character\n \n \n \n \n Character\n \n \n \n \n Character\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/44262.58a6db9db6a31eda.js b/next/44262.58a6db9db6a31eda.js deleted file mode 100644 index 6498ea34ed5c..000000000000 --- a/next/44262.58a6db9db6a31eda.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[44262],{44262:t=>{t.exports='
\n \n Character\n \n \n \n \n Character\n \n \n \n \n Character\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/44734.36b195745c570e3c.js b/next/44734.36b195745c570e3c.js new file mode 100644 index 000000000000..a3a33399e9f2 --- /dev/null +++ b/next/44734.36b195745c570e3c.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[44734],{44734:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiComboBoxModule:()=>ct});var i=n(56900),a=n(88692),o=n(69900),r=n(91795),u=n(64500),s=n(53222),l=n(73588),c=n(84479),d=n(89570),p=n(75695),m=n(84911),h=n(64537),g=n(82880),f=n(98204),x=n(41967),y=n(61135),b=n(89290),T=n(76189),Z=n(66596),C=n(34880),v=n(52219),w=n(79121),M=n(64374),_=n(68874),A=n(10200),U=n(3729),S=n(87205),J=n(84848),L=n(69956),q=n(33250),P=n(50020),N=n(83074),I=n(10977),V=n(62840),D=n(60404),O=n(43560),F=n(93525),H=n(38868),k=n(54218),Q=n(91473),G=n(73336),B=n(38023),Y=n(74970),E=n(61528),z=n(51927),R=n(84945),$=n(88960),K=n(91030),W=n(44124),j=n(40939),X=n(83653);function ee(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",8),2&e){const e=h.oxw().tuiLet;h.oxw();const t=h.MAs(3);h.Q6J("itemContent",t)("items",e)}}function te(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",8),2&e){const e=h.oxw().tuiLet;h.oxw();const t=h.MAs(3);h.Q6J("itemContent",t)("items",e)}}function ne(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",8),2&e){const e=h.oxw().tuiLet;h.oxw();const t=h.MAs(3);h.Q6J("itemContent",t)("items",e)}}function ie(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"form",2)(1,"tui-combo-box",3),h.NdJ("searchChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(t))})),h._uU(2," Find the best employees "),h.TgZ(3,"input",4),h.NdJ("input",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(n.extractValueFromEvent(t)))})),h.qZA(),h.YNc(4,ee,1,2,"tui-data-list-wrapper",5),h.qZA(),h.TgZ(5,"tui-combo-box",6),h._uU(6," Find the best employees "),h.TgZ(7,"input",4),h.NdJ("input",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(n.extractValueFromEvent(t)))})),h.qZA(),h.YNc(8,te,1,2,"tui-data-list-wrapper",5),h.qZA(),h.TgZ(9,"tui-combo-box",7),h._uU(10," Choose a developer "),h.TgZ(11,"input",4),h.NdJ("input",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(n.extractValueFromEvent(t)))})),h.qZA(),h.YNc(12,ne,1,2,"tui-data-list-wrapper",5),h.qZA()()}if(2&e){const e=h.oxw(),t=h.MAs(3);h.Q6J("tuiTextfieldCleaner",!0),h.xp6(1),h.Q6J("formControl",e.testValue)("valueContent",t),h.xp6(4),h.Q6J("formControl",e.testValue)("valueContent",t),h.xp6(4),h.Q6J("formControl",e.testValue)("valueContent",t)}}function ae(e,t){if(1&e&&(h.TgZ(0,"div",9),h._UZ(1,"tui-avatar",10),h.ALo(2,"tuiInitials"),h.TgZ(3,"div",11),h._uU(4),h.qZA()()),2&e){const e=t.$implicit;h.xp6(1),h.Q6J("src",e.avatarUrl||h.lcZ(2,2,e.toString())),h.xp6(3),h.Oqu(e)}}class oe{constructor(e,t,n=null){this.firstName=e,this.lastName=t,this.avatarUrl=n}toString(){return`${this.firstName} ${this.lastName}`}}const re=[new oe("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new oe("Alex","Inkin",G.Ll`/images/avatar.jpg`)];let ue=(()=>{var e;class t{constructor(){this.search$=new B.x,this.items$=this.search$.pipe((0,Y.h)((e=>null!==e)),(0,E.w)((e=>this.serverRequest(e).pipe((0,z.O)(null)))),(0,z.O)(re)),this.testValue=new o.NI(re[1])}onSearchChange(e){this.search$.next(e)}extractValueFromEvent(e){return e.target?.value||null}serverRequest(e){const t=re.filter((t=>(0,s.TUI_DEFAULT_MATCHER)(t,e||"")));return(0,R.of)(t).pipe((0,$.g)(1e3*Math.random()+500))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-1"]],decls:4,vars:3,consts:[[3,"tuiTextfieldCleaner",4,"tuiLet"],["content",""],[3,"tuiTextfieldCleaner"],["tuiTextfieldSize","s",3,"formControl","valueContent","searchChange"],["placeholder","Type a name","tuiTextfield","",3,"input"],[3,"itemContent","items",4,"tuiDataList"],["tuiTextfieldSize","m",1,"tui-space_vertical-5",3,"formControl","valueContent"],[3,"formControl","valueContent"],[3,"itemContent","items"],[1,"template"],["size","xs",1,"avatar",3,"src"],[1,"name"]],template:function(e,t){1&e&&(h.YNc(0,ie,13,7,"form",0),h.ALo(1,"async"),h.YNc(2,ae,5,4,"ng-template",null,1,h.W1O)),2&e&&h.Q6J("tuiLet",h.lcZ(1,1,t.items$))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x._,b.m,K.M,W.J,v.g,j.L,M.b,A.s,P.e,a.Ov,X.X],styles:[".template[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}"],changeDetection:0}),t})();class se{constructor(e,t,n=null,i=!1){this.firstName=e,this.lastName=t,this.avatarUrl=n,this.disabled=i}toString(){return`${this.firstName} ${this.lastName}`}}const le=[new se("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new se("Alex","Inkin",G.Ll`/images/avatar.jpg`)];var ce=n(42147),de=n(13528),pe=n(66466);let me=(()=>{var e;class t{constructor(){this.destroy$=(0,h.f3M)(s.TuiDestroyService,{self:!0}),this.request$=new B.x,this.response$=this.request$.pipe((0,ce.x)(),(0,E.w)((e=>(0,R.of)(le.filter((t=>(0,s.TUI_DEFAULT_MATCHER)(t,e)))).pipe((0,$.g)(1e3*Math.random()+500),(0,z.O)(null)))),(0,de.R)(this.destroy$),(0,pe.d)({bufferSize:1,refCount:!0}))}request(e){return this.request$.next(e||""),this.response$}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵprov=h.Yz7({token:e,factory:e.ɵfac}),t})();var he=n(20933),ge=n(35065),fe=n(23184);function xe(e,t){if(1&e&&(h.TgZ(0,"tui-avatar",5),h._uU(1),h.ALo(2,"tuiInitials"),h.qZA(),h.TgZ(3,"span",6),h._uU(4),h.qZA()),2&e){const e=t.$implicit;h.Q6J("src",e.avatarUrl),h.xp6(1),h.hij(" ",h.lcZ(2,3,e.toString())," "),h.xp6(3),h.Oqu(e)}}function ye(e,t){if(1&e&&(h.TgZ(0,"button",10)(1,"tui-avatar",5),h._uU(2),h.ALo(3,"tuiInitials"),h.qZA(),h.TgZ(4,"span",6),h._uU(5),h.qZA()()),2&e){const e=t.$implicit;h.Q6J("disabled",e.disabled)("value",e),h.xp6(1),h.Q6J("src",e.avatarUrl),h.xp6(1),h.hij(" ",h.lcZ(3,5,e.toString())," "),h.xp6(3),h.Oqu(e)}}function be(e,t){if(1&e&&(h.TgZ(0,"tui-data-list"),h.YNc(1,ye,6,7,"button",9),h.qZA()),2&e){const e=h.oxw(2).tuiLet;h.xp6(1),h.Q6J("ngForOf",e)}}function Te(e,t){1&e&&h._UZ(0,"tui-loader",11)}function Ze(e,t){if(1&e&&(h.YNc(0,be,2,1,"tui-data-list",7),h.YNc(1,Te,1,0,"ng-template",null,8,h.W1O)),2&e){const e=h.MAs(2),t=h.oxw().tuiLet;h.Q6J("ngIf",t)("ngIfElse",e)}}function Ce(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"tui-combo-box",1),h.NdJ("searchChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.search=t)})),h._uU(1," Find the best employees "),h._UZ(2,"input",2),h.YNc(3,xe,5,5,"ng-template",null,3,h.W1O),h.YNc(5,Ze,3,2,"ng-template",4),h.qZA()}if(2&e){const e=h.MAs(4),t=h.oxw();h.Q6J("formControl",t.control)("tuiTextfieldLabelOutside",!0)("valueContent",e)("search",t.search)}}let ve=(()=>{var e;class t{constructor(){this.service=(0,h.f3M)(me),this.search="",this.control=new o.NI(le[0])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-2"]],features:[h._Bn([me,s.TuiDestroyService])],decls:4,vars:3,consts:[[3,"formControl","tuiTextfieldLabelOutside","valueContent","search","searchChange",4,"tuiLet"],[3,"formControl","tuiTextfieldLabelOutside","valueContent","search","searchChange"],["placeholder","Type a name","tuiTextfield",""],["value",""],["tuiDataList",""],["size","xs",1,"avatar",3,"src"],[1,"name"],[4,"ngIf","ngIfElse"],["loading",""],["tuiOption","",3,"disabled","value",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value"],[1,"tui-space_vertical-4"]],template:function(e,t){1&e&&(h.TgZ(0,"label"),h._uU(1," Type a name: "),h.YNc(2,Ce,6,4,"tui-combo-box",0),h.ALo(3,"async"),h.qZA()),2&e&&(h.xp6(2),h.Q6J("tuiLet",h.lcZ(3,1,t.service.request(t.search))))},dependencies:[a.sg,a.O5,o.JJ,o.oH,x._,b.m,K.M,W.J,he.q,ge.v,v.g,fe.k,j.L,_.x,a.Ov,X.X],styles:[".avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}"],changeDetection:0}),t})();var we=n(68800);function Me(e,t){if(1&e&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"tuiFilterByInput")),2&e){const e=h.oxw();h.Q6J("items",h.lcZ(1,1,e.items))}}let _e=(()=>{var e;class t{constructor(){this.items=["John Cleese","Eric Idle","Graham Chapman","Michael Palin","Terry Gilliam","Terry Jones"],this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-3"]],decls:4,vars:1,consts:[[3,"ngModel","ngModelChange"],["placeholder","Type a name","tuiTextfield",""],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Find the best employees "),h._UZ(2,"input",1),h.YNc(3,Me,2,3,"tui-data-list-wrapper",2),h.qZA()),2&e&&h.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,x._,b.m,K.M,v.g,P.e,we.b],encapsulation:2,changeDetection:0}),t})();var Ae=n(30114),Ue=n(60666);function Se(e,t){if(1&e&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"tuiStringifyContent"),h.ALo(2,"tuiFilterByInputWith")),2&e){const e=h.oxw();h.Q6J("itemContent",h.lcZ(1,2,e.stringify))("items",h.xi3(2,4,e.items,e.stringify))}}let Je=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John",surname:"Cleese"},{name:"Eric",surname:"Idle"},{name:"Graham",surname:"Chapman"},{name:"Michael",surname:"Palin"},{name:"Terry",surname:"Gilliam"},{name:"Terry",surname:"Jones"}],this.stringify=e=>`${e.name} ${e.surname}`}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-4"]],decls:4,vars:2,consts:[[3,"stringify","ngModel","ngModelChange"],["placeholder","Type a name","tuiTextfield",""],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Find the best employees "),h._UZ(2,"input",1),h.YNc(3,Se,3,7,"tui-data-list-wrapper",2),h.qZA()),2&e&&h.Q6J("stringify",t.stringify)("ngModel",t.value)},dependencies:[o.JJ,o.On,x._,b.m,K.M,v.g,P.e,Ae.Y,Ue.Q],encapsulation:2,changeDetection:0}),t})();var Le=n(62500);let qe=(()=>{var e;class t{constructor(){this.indexChange=(0,h.f3M)(i.yU).scrolledIndexChange}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵdir=h.lG2({type:e,selectors:[["","indexChange",""]],outputs:{indexChange:"indexChange"}}),t})();function Pe(e,t){if(1&e&&(h.TgZ(0,"button",6),h._uU(1),h.qZA()),2&e){const e=t.$implicit;h.Q6J("value",e),h.xp6(1),h.hij(" ",e," ")}}function Ne(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"cdk-virtual-scroll-viewport",3),h.NdJ("indexChange",(function(){h.CHM(e);const t=h.MAs(2);return h.KtG(t.handleFocusLossIfNecessary())})),h.TgZ(1,"tui-data-list",null,4),h.YNc(3,Pe,2,2,"button",5),h.qZA()()}if(2&e){const e=t.tuiLet;h.Udp("height",44*e.length,"px"),h.Q6J("itemSize",44),h.xp6(3),h.Q6J("cdkVirtualForOf",e)}}function Ie(e,t){if(1&e&&(h.ynx(0),h.YNc(1,Ne,4,4,"cdk-virtual-scroll-viewport",2),h.ALo(2,"tuiFilterByInput"),h.BQk()),2&e){const e=h.oxw();h.xp6(1),h.Q6J("tuiLet",h.lcZ(2,1,e.countries))}}let Ve=(()=>{var e;class t{constructor(){this.value=null,this.countries=["Afghanistan","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cabo Verde","Cambodia","Cameroon","Canada","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Cook Islands","Costa Rica","Croatia","Cuba","Curaçao","Cyprus","Czechia","Côte d'Ivoire","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","Republic of North Macedonia","Romania","Russian Federation","Rwanda","Réunion","Saint Barthélemy","Saint Helena","Saint Kitts and Nevis","Saint Lucia","Saint Martin","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Sweden","Switzerland","Syrian Arab Republic","Taiwan","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Venezuela","Viet Nam","Virgin Islands (British)","Virgin Islands (U.S.)","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe","Åland Islands"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-5"]],decls:3,vars:1,consts:[[3,"ngModel","ngModelChange"],[4,"tuiDataList"],["tuiScrollable","","class","scroll",3,"itemSize","height","indexChange",4,"tuiLet"],["tuiScrollable","",1,"scroll",3,"itemSize","indexChange"],["list",""],["tuiOption","",3,"value",4,"cdkVirtualFor","cdkVirtualForOf"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Country "),h.YNc(2,Ie,3,3,"ng-container",1),h.qZA()),2&e&&h.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,i.xd,i.x0,i.N7,x._,b.m,he.q,ge.v,v.g,j.L,Le.R,qe,we.b],styles:[".scroll[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;min-height:64px;max-height:200px}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar, .scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();function De(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",3),2&e){const e=h.oxw();h.Q6J("items",e.items)}}const Oe=e=>`${e.name} (${e.dept.title})`;let Fe=(()=>{var e;class t{constructor(){this.testValue=new o.NI(null),this.items=[{id:42,name:"John Cleese",dept:{id:566,title:"Financial"}},{id:237,name:"Eric Idle",dept:{id:560,title:"Staffing"}},{id:666,name:"Michael Palin",dept:{id:566,title:"Financial"}},{id:123,name:"Terry Gilliam",dept:{id:500,title:"Administrative"}},{id:777,name:"Terry Jones",dept:{id:566,title:"Financial"}},{id:999,name:"Graham Chapman",dept:{id:560,title:"Staffing"}}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-6"]],features:[h._Bn([(0,c.tuiItemsHandlersProvider)({stringify:Oe})])],decls:5,vars:2,consts:[["tuiTextfieldSize","m",3,"formControl","tuiTextfieldLabelOutside"],["placeholder","Type a name","tuiTextfield",""],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(h.TgZ(0,"form")(1,"tui-combo-box",0),h._uU(2," Employee "),h._UZ(3,"input",1),h.YNc(4,De,1,1,"tui-data-list-wrapper",2),h.qZA()()),2&e&&(h.xp6(1),h.Q6J("formControl",t.testValue)("tuiTextfieldLabelOutside",!0))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x._,b.m,K.M,v.g,_.x,A.s,P.e],encapsulation:2,changeDetection:0}),t})();function He(e,t){if(1&e&&(h.TgZ(0,"button",5),h._uU(1),h.qZA()),2&e){const e=t.$implicit,n=h.oxw(2);h.Q6J("disabled",e.disabled)("value",e),h.xp6(1),h.hij(" ",n.stringify(e)," ")}}function ke(e,t){if(1&e&&(h.ynx(0),h.TgZ(1,"tui-data-list"),h.YNc(2,He,2,3,"button",4),h.ALo(3,"tuiFilterByInputWith"),h.qZA(),h.BQk()),2&e){const e=h.oxw();h.xp6(2),h.Q6J("ngForOf",h.xi3(3,1,e.items,e.stringify))}}let Qe=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John",surname:"Cleese",disabled:!1},{name:"Eric",surname:"Idle",disabled:!1},{name:"Graham",surname:"Chapman",disabled:!0},{name:"Michael",surname:"Palin",disabled:!0},{name:"Terry",surname:"Gilliam",disabled:!1},{name:"Terry",surname:"Jones",disabled:!1}],this.stringify=e=>`${e.name} ${e.surname}`}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-7"]],decls:7,vars:5,consts:[[3,"stringify","ngModel","ngModelChange"],["placeholder","Type a name","tuiTextfield",""],[4,"tuiDataList"],[1,"tui-space_top-2"],["tuiOption","",3,"disabled","value",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Find the best employees "),h._UZ(2,"input",1),h.YNc(3,ke,4,4,"ng-container",2),h.qZA(),h.TgZ(4,"p",3),h._uU(5),h.ALo(6,"json"),h.qZA()),2&e&&(h.Q6J("stringify",t.stringify)("ngModel",t.value),h.xp6(5),h.hij("Selected value: ",h.lcZ(6,3,t.value),""))},dependencies:[a.sg,o.JJ,o.On,x._,b.m,K.M,he.q,ge.v,v.g,a.Ts,Ae.Y],encapsulation:2,changeDetection:0}),t})();function Ge(e,t){if(1&e&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"tuiStringifyContent"),h.ALo(2,"tuiFilterByInputWith")),2&e){const e=h.oxw();h.Q6J("itemContent",h.lcZ(1,2,e.stringify))("items",h.xi3(2,4,e.items,e.stringify))}}const Be=[{id:1,name:"Luke Skywalker"},{id:2,name:"Princess Leia"},{id:3,name:"Darth Vader"},{id:4,name:"Han Solo"},{id:5,name:"Obi-Wan Kenobi"},{id:6,name:"Yoda"}];let Ye=(()=>{var e;class t{constructor(){this.control=new o.NI(3),this.items=Be.map((({id:e})=>e)),this.stringify=e=>Be.find((t=>t.id===e))?.name||""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-8"]],decls:6,vars:5,consts:[[3,"formControl","stringify"],[3,"itemContent","items",4,"tuiDataList"],[1,"tui-space_top-2"],[3,"itemContent","items"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h._uU(1," Type a name "),h.YNc(2,Ge,3,7,"tui-data-list-wrapper",1),h.qZA(),h.TgZ(3,"p",2),h._uU(4),h.ALo(5,"json"),h.qZA()),2&e&&(h.Q6J("formControl",t.control)("stringify",t.stringify),h.xp6(4),h.hij("Selected value: ",h.lcZ(5,3,t.control.value),""))},dependencies:[o.JJ,o.oH,x._,b.m,v.g,P.e,a.Ts,Ae.Y,Ue.Q],encapsulation:2,changeDetection:0}),t})();var Ee;const ze=["valueTemplateContent"];function Re(e,t){1&e&&(h._uU(0," You can use "),h.TgZ(1,"code"),h._uU(2,"ComboBox"),h.qZA(),h._uU(3," with "),h.TgZ(4,"code"),h._uU(5,"ScrollingModule"),h.qZA(),h._uU(6," from "),h.TgZ(7,"a",13),h._uU(8," @angular/cdk/scrolling "),h.qZA(),h._uU(9," . "))}function $e(e,t){if(1&e&&(h.TgZ(0,"div",2)(1,"code"),h._uU(2,"ComboBox"),h.qZA(),h._uU(3," is a textfield with a dropdown with items. You can choose one of available options or input a value manually. "),h.qZA(),h.TgZ(4,"tui-doc-example",3)(5,"tui-notification",4),h._uU(6," If you need to set some attributes or listen to events on native "),h.TgZ(7,"code"),h._uU(8,"input"),h.qZA(),h._uU(9," , you can put it inside with "),h.TgZ(10,"code"),h._uU(11,"Textfield"),h.qZA(),h._uU(12," directive as shown below "),h.qZA(),h._UZ(13,"tui-combo-box-example-1"),h.qZA(),h.TgZ(14,"tui-doc-example",5),h._UZ(15,"tui-combo-box-example-2"),h.qZA(),h.TgZ(16,"tui-doc-example",6)(17,"tui-notification",4),h._uU(18," If you receive your id to text mapping from the server, you would need to recreate "),h.TgZ(19,"code"),h._uU(20,"items"),h.qZA(),h._uU(21," and "),h.TgZ(22,"code"),h._uU(23,"stringify"),h.qZA(),h._uU(24," when new data comes, so they will be observables and you would need async pipe in the template "),h.qZA(),h._UZ(25,"tui-combo-box-example-8"),h.qZA(),h.TgZ(26,"tui-doc-example",7),h._UZ(27,"tui-combo-box-example-3"),h.qZA(),h.TgZ(28,"tui-doc-example",8),h._UZ(29,"tui-combo-box-example-4"),h.qZA(),h.TgZ(30,"tui-doc-example",9),h.YNc(31,Re,10,0,"ng-template",null,10,h.W1O),h.TgZ(33,"tui-notification",2),h._uU(34," Note that virtual scroll can imperatively remove focused option from DOM. This causes ExpressionChange errors and to solve those take a look at a tiny "),h.TgZ(35,"code"),h._uU(36,"IndexChange"),h.qZA(),h._uU(37," directive included in this example. "),h.qZA(),h._UZ(38,"tui-combo-box-example-5"),h.qZA(),h.TgZ(39,"tui-doc-example",11),h._UZ(40,"tui-combo-box-example-6"),h.qZA(),h.TgZ(41,"tui-doc-example",12),h._UZ(42,"tui-combo-box-example-7"),h.qZA()),2&e){const e=h.MAs(32),t=h.oxw();h.xp6(4),h.Q6J("content",t.example1),h.xp6(10),h.Q6J("content",t.example2),h.xp6(2),h.Q6J("content",t.example8),h.xp6(10),h.Q6J("content",t.example3),h.xp6(2),h.Q6J("content",t.example4),h.xp6(2),h.Q6J("content",t.example5)("description",e),h.xp6(9),h.Q6J("content",t.example6),h.xp6(2),h.Q6J("content",t.example7)}}function Ke(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",27),2&e){const e=h.oxw(3);h.Q6J("items",e.filter(e.search))}}function We(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"tui-combo-box",25),h.NdJ("searchChange",(function(t){h.CHM(e);const n=h.oxw(2);return h.KtG(n.search=t)}))("tuiDropdownOpenChange",(function(t){h.CHM(e);const n=h.oxw(2);return h.KtG(n.dropdownOpen.next(t))})),h.ALo(1,"async"),h._uU(2," Choose an account "),h.YNc(3,Ke,1,1,"tui-data-list-wrapper",26),h.qZA()}if(2&e){const e=h.oxw(2);h.Q6J("focusable",e.focusable)("formControl",e.control)("identityMatcher",e.identityMatcher)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("strict",e.strict)("strictMatcher",e.strictMatcher)("stringify",e.stringify)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!h.lcZ(1,28,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)("valueContent",e.valueContent)("search",e.search)}}function je(e,t){if(1&e&&(h.TgZ(0,"div",28),h._UZ(1,"tui-svg",29),h.TgZ(2,"span"),h._uU(3),h.qZA()()),2&e){const e=t.$implicit;h.xp6(3),h.Oqu(e)}}function Xe(e,t){1&e&&(h._uU(0," Disabled state (use "),h.TgZ(1,"code"),h._uU(2,"formControl.disable()"),h.qZA(),h._uU(3," ) "))}function et(e,t){1&e&&(h._uU(0," Textfield value to subscribe on input or setting it from the outside (emits "),h.TgZ(1,"code"),h._uU(2,"null"),h.qZA(),h._uU(3," when item from list selected) "))}function tt(e,t){1&e&&(h._uU(0," A function that compares search and value to define a match between them. "),h.TgZ(1,"strong"),h._uU(2,"Must be a pure function"),h.qZA())}function nt(e,t){1&e&&(h._uU(0," Value must only be an item of suggestions  "),h._UZ(1,"code",30),h.TgZ(2,"p")(3,"strong"),h._uU(4," When "),h.TgZ(5,"code"),h._uU(6,"false"),h.qZA(),h._uU(7," , make sure your handlers, such as "),h.TgZ(8,"code"),h._uU(9,"stringify"),h.qZA(),h._uU(10," can handle "),h.TgZ(11,"code"),h._uU(12,"string"),h.qZA(),h._uU(13," value, as well as "),h._UZ(14,"code",30),h.qZA()())}function it(e,t){1&e&&(h._uU(0," A function that compares search text and item to define a match between them. Lowercase string comparison function by default. "),h.TgZ(1,"strong"),h._uU(2,"Should be a pure function"),h.qZA())}function at(e,t){1&e&&(h._uU(0," A function that transforms object into a string. "),h.TgZ(1,"code"),h._uU(2,"String(value)"),h.qZA(),h._uU(3," by default. "),h.TgZ(4,"strong"),h._uU(5,"Should be a pure function"),h.qZA())}function ot(e,t){1&e&&h._uU(0," A template for custom view of selected value ")}function rt(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"tui-doc-demo",14),h.YNc(1,We,4,30,"ng-template"),h.qZA(),h.YNc(2,je,4,1,"ng-template",null,15,h.W1O),h.TgZ(4,"div")(5,"p"),h._uU(6," Set a value with copied object from items to check "),h.TgZ(7,"code"),h._uU(8,"identityMatcher"),h.qZA(),h._uU(9," : "),h.qZA(),h.TgZ(10,"button",16),h.NdJ("click",(function(){h.CHM(e);const t=h.oxw();return h.KtG(t.setValue())})),h._uU(11," Set "),h.qZA()(),h.TgZ(12,"tui-doc-documentation"),h.YNc(13,Xe,4,0,"ng-template",17),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.disabled=t)})),h.YNc(14,et,4,0,"ng-template",18),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.search=t)})),h.YNc(15,tt,3,0,"ng-template",19),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.identityMatcher=t)})),h.YNc(16,nt,15,0,"ng-template",20),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.strict=t)})),h.YNc(17,it,3,0,"ng-template",21),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.strictMatcher=t)})),h.YNc(18,at,6,0,"ng-template",22),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.stringify=t)})),h.YNc(19,ot,1,0,"ng-template",23),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.selectedValueTemplate=t)})),h.qZA(),h._UZ(20,"inherited-documentation",24)}if(2&e){const e=h.oxw();h.Q6J("control",e.control),h.xp6(13),h.Q6J("documentationPropertyValue",e.disabled),h.xp6(1),h.Q6J("documentationPropertyValue",e.search),h.xp6(1),h.Q6J("documentationPropertyValues",e.identityMatcherVariants)("documentationPropertyValue",e.identityMatcher),h.xp6(1),h.Q6J("documentationPropertyValue",e.strict),h.xp6(1),h.Q6J("documentationPropertyValues",e.strictMatcherVariants)("documentationPropertyValue",e.strictMatcher),h.xp6(1),h.Q6J("documentationPropertyValues",e.stringifyVariants)("documentationPropertyValue",e.stringify),h.xp6(1),h.Q6J("documentationPropertyValues",e.valueTemplateVariants)("documentationPropertyValue",e.selectedValueTemplate),h.xp6(1),h.Q6J("dropdown",!0)}}function ut(e,t){if(1&e&&(h.TgZ(0,"ol",31)(1,"li")(2,"p"),h._uU(3," Import an Angular module for forms and "),h.TgZ(4,"code"),h._uU(5,"TuiComboBoxModule"),h.qZA(),h._uU(6," in the same module where you want to use our component: "),h.qZA(),h._UZ(7,"tui-doc-code",32),h.TgZ(8,"p"),h._uU(9," See samples to learn more about working with "),h.TgZ(10,"code"),h._uU(11,"tui-data-list-wrapper"),h.qZA(),h._uU(12," or without them "),h.qZA()(),h.TgZ(13,"li")(14,"p"),h._uU(15," Declare a form ( "),h.TgZ(16,"code"),h._uU(17,"FormGroup"),h.qZA(),h._uU(18," ) or a control ( "),h.TgZ(19,"code"),h._uU(20,"FormControl"),h.qZA(),h._uU(21," ) in your component: "),h.qZA(),h._UZ(22,"tui-doc-code",33),h.qZA(),h.TgZ(23,"li")(24,"p"),h._uU(25,"Add to the template:"),h.qZA(),h._UZ(26,"tui-doc-code",34),h.qZA()()),2&e){const e=h.oxw();h.xp6(7),h.Q6J("code",e.exampleModule),h.xp6(15),h.Q6J("code",e.exampleForm),h.xp6(4),h.Q6J("code",e.exampleHtml)}}class st{constructor(e,t){this.name=e,this.balance=t}toString(){return`${this.name} (${this.balance})`}}class lt extends g.b{constructor(){super(...arguments),this.control=new o.NI(null,o.kI.required),this.iconVariants=["","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.iconLeft=this.iconVariants[0],this.exampleForm=n.e(72351).then(n.t.bind(n,72351,17)),this.exampleModule=n.e(34142).then(n.t.bind(n,34142,17)),this.exampleHtml=n.e(62982).then(n.t.bind(n,62982,17)),this.example1={TypeScript:n.e(74375).then(n.t.bind(n,13829,17)),HTML:n.e(48990).then(n.t.bind(n,48990,17)),LESS:n.e(21050).then(n.t.bind(n,21050,17))},this.example2={TypeScript:n.e(7863).then(n.t.bind(n,7863,17)),HTML:n.e(53102).then(n.t.bind(n,53102,17)),LESS:n.e(74073).then(n.t.bind(n,74073,17)),"user.ts":n.e(27404).then(n.t.bind(n,27404,17)),"request.service.ts":n.e(1442).then(n.t.bind(n,1442,17)),"database-mock-data.ts":n.e(47161).then(n.t.bind(n,47161,17))},this.example3={TypeScript:n.e(87533).then(n.t.bind(n,87533,17)),HTML:n.e(88753).then(n.t.bind(n,88753,17))},this.example4={TypeScript:n.e(28454).then(n.t.bind(n,28454,17)),HTML:n.e(32569).then(n.t.bind(n,32569,17))},this.example5={TypeScript:n.e(54991).then(n.t.bind(n,54991,17)),HTML:n.e(31241).then(n.t.bind(n,31241,17)),LESS:n.e(94729).then(n.t.bind(n,94729,17)),"index-change.directive.ts":n.e(47711).then(n.t.bind(n,47711,17))},this.example6={TypeScript:n.e(14890).then(n.t.bind(n,66331,17)),HTML:n.e(83889).then(n.t.bind(n,83889,17))},this.example7={TypeScript:n.e(18746).then(n.t.bind(n,18746,17)),HTML:n.e(9213).then(n.t.bind(n,9213,17))},this.example8={TypeScript:n.e(17393).then(n.t.bind(n,17393,17)),HTML:n.e(71446).then(n.t.bind(n,71446,17))},this.items=[new st("Rubles",500),new st("Dollars",237),new st("Netherlands Antillean Guilder and Falkland Islands Pound",700)],this.strict=!0,this.search="",this.valueTemplateVariants=["","Template"],this.selectedValueTemplate="",this.stringifyVariants=[s.TUI_DEFAULT_STRINGIFY,e=>String(String(e).match(/\d+/))],this.stringify=this.stringifyVariants[0],this.strictMatcherVariants=[s.TUI_STRICT_MATCHER,(e,t,n)=>Number.parseInt(n(e).match(/\d+/g)[0],10)===Number.parseInt(t,10)],this.strictMatcher=this.strictMatcherVariants[0],this.identityMatcherVariants=[(e,t)=>e===t,(e,t)=>e.balance===t.balance],this.identityMatcher=this.identityMatcherVariants[0]}get valueContent(){return this.valueTemplateRef&&this.selectedValueTemplate?this.valueTemplateRef:""}filter(e){return this.items.filter((t=>(0,s.TUI_DEFAULT_MATCHER)(t,e||"")))}setValue(){this.control.setValue(new st("Dollars",237))}}(Ee=lt).ɵfac=function(){let e;return function(t){return(e||(e=h.n5z(Ee)))(t||Ee)}}(),Ee.ɵcmp=h.Xpm({type:Ee,selectors:[["example-tui-combo-box"]],viewQuery:function(e,t){if(1&e&&h.Gf(ze,5),2&e){let e;h.iGM(e=h.CRH())&&(t.valueTemplateRef=e.first)}},features:[h._Bn([{provide:f.x,useExisting:(0,h.Gpc)((()=>Ee))},(0,u.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix"])]),h.qOj],decls:4,vars:0,consts:[["header","ComboBox","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","async","heading","Async data loading",3,"content"],[1,"tui-space_bottom-4"],["id","datalist","heading","DataList",3,"content"],["id","id","heading","ID only",3,"content"],["id","wrapper","description","With filtering through tuiFilterByInput pipe","heading","DataListWrapper",3,"content"],["id","stringify","description","With filtering through tuiFilterByInputWith pipe using custom stringify handler","heading","Stringify",3,"content"],["id","virtual","heading","Virtual scroll",3,"content","description"],["cdkVirtualScrollDescription",""],["id","options-stringify","heading","Options (stringify)",3,"content"],["id","ignore-disabled","heading","Don't allow disabled options to be selected by typing them",3,"content"],["href","https://material.angular.io/cdk/scrolling/overview","rel","noreferrer","target","_blank","tuiLink",""],[3,"control"],["valueTemplateContent",""],["size","m","tuiButton","","type","button",3,"click"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string | null",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","identityMatcher","documentationPropertyType","TuiIdentityMatcher",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","strict","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","strictMatcher","documentationPropertyType","TuiStringMatcher | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","stringify","documentationPropertyType","TuiStringHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","valueContent","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],[3,"focusable","formControl","identityMatcher","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","strict","strictMatcher","stringify","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","valueContent","search","searchChange","tuiDropdownOpenChange"],[3,"items",4,"tuiDataList"],[3,"items"],[1,"item-template"],["src","tuiIconCheck",1,"item-template-icon"],["tuiText",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-doc-page",0),h.YNc(1,$e,43,9,"ng-template",1),h.YNc(2,rt,21,13,"ng-template",1),h.YNc(3,ut,27,3,"ng-template",1),h.qZA())},dependencies:[o.JJ,o.oH,x._,y.E,b.m,T.v,Z.V,C.P,v.g,w.L,M.b,_.x,A.s,U.a,S.k,J.bZ,L.o,q.Ek,P.e,N.c,I.F,V.z,D.B,O.q,F.n,H.f,k.w,Q.v,ue,ve,_e,Je,Ve,Fe,Qe,Ye,a.Ov],styles:[".item-template[_ngcontent-%COMP%]{display:flex;align-items:center}.item-template-icon[_ngcontent-%COMP%]{margin-right:.375rem}"],changeDetection:0}),(0,m.gn)([s.tuiPure],lt.prototype,"filter",null);let ct=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=h.oAB({type:e}),e.ɵinj=h.cJS({imports:[a.ez,o.u5,o.UX,i.Cl,l.TuiScrollbarComponent,c.TuiComboBoxModule,l.TuiButtonModule,l.TuiLinkModule,c.TuiAvatarComponent,l.TuiSvgModule,l.TuiDataListModule,l.TuiLoaderModule,s.TuiLetModule,l.TuiNotificationModule,l.TuiTextfieldControllerModule,l.TuiHintModule,l.TuiDropdownModule,c.TuiDataListWrapperModule,c.TuiFilterByInputPipeModule,c.TuiStringifyContentPipeModule,d.wq,u.fV,p.f,r.Bz.forChild((0,u.Ve)(lt)),u.Zp]}),t})()}}]); \ No newline at end of file diff --git a/next/44734.50ad6faa42a730a7.js b/next/44734.50ad6faa42a730a7.js deleted file mode 100644 index 8437867c0947..000000000000 --- a/next/44734.50ad6faa42a730a7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[44734],{44734:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiComboBoxModule:()=>ct});var i=n(56900),a=n(88692),o=n(69900),r=n(91795),u=n(64500),s=n(53222),l=n(73588),c=n(84479),d=n(89570),p=n(75695),m=n(84911),h=n(64537),g=n(82880),f=n(98204),x=n(41967),y=n(61135),b=n(89290),T=n(76189),Z=n(66596),C=n(34880),v=n(52219),w=n(79121),M=n(64374),_=n(68874),A=n(10200),U=n(3729),S=n(87205),J=n(84848),L=n(69956),q=n(33250),P=n(50020),N=n(83074),I=n(10977),V=n(62840),D=n(60404),O=n(43560),F=n(93525),H=n(38868),k=n(54218),Q=n(91473),G=n(73336),B=n(38023),Y=n(74970),E=n(61528),z=n(51927),R=n(84945),$=n(88960),K=n(91030),W=n(44124),j=n(40939),X=n(83653);function ee(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",8),2&e){const e=h.oxw().tuiLet;h.oxw();const t=h.MAs(3);h.Q6J("itemContent",t)("items",e)}}function te(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",8),2&e){const e=h.oxw().tuiLet;h.oxw();const t=h.MAs(3);h.Q6J("itemContent",t)("items",e)}}function ne(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",8),2&e){const e=h.oxw().tuiLet;h.oxw();const t=h.MAs(3);h.Q6J("itemContent",t)("items",e)}}function ie(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"form",2)(1,"tui-combo-box",3),h.NdJ("searchChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(t))})),h._uU(2," Find the best employees "),h.TgZ(3,"input",4),h.NdJ("input",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(n.extractValueFromEvent(t)))})),h.qZA(),h.YNc(4,ee,1,2,"tui-data-list-wrapper",5),h.qZA(),h.TgZ(5,"tui-combo-box",6),h._uU(6," Find the best employees "),h.TgZ(7,"input",4),h.NdJ("input",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(n.extractValueFromEvent(t)))})),h.qZA(),h.YNc(8,te,1,2,"tui-data-list-wrapper",5),h.qZA(),h.TgZ(9,"tui-combo-box",7),h._uU(10," Choose a developer "),h.TgZ(11,"input",4),h.NdJ("input",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.onSearchChange(n.extractValueFromEvent(t)))})),h.qZA(),h.YNc(12,ne,1,2,"tui-data-list-wrapper",5),h.qZA()()}if(2&e){const e=h.oxw(),t=h.MAs(3);h.Q6J("tuiTextfieldCleaner",!0),h.xp6(1),h.Q6J("formControl",e.testValue)("valueContent",t),h.xp6(4),h.Q6J("formControl",e.testValue)("valueContent",t),h.xp6(4),h.Q6J("formControl",e.testValue)("valueContent",t)}}function ae(e,t){if(1&e&&(h.TgZ(0,"div",9),h._UZ(1,"tui-avatar",10),h.ALo(2,"tuiInitials"),h.TgZ(3,"div",11),h._uU(4),h.qZA()()),2&e){const e=t.$implicit;h.xp6(1),h.Q6J("src",e.avatarUrl||h.lcZ(2,2,e.toString())),h.xp6(3),h.Oqu(e)}}class oe{constructor(e,t,n=null){this.firstName=e,this.lastName=t,this.avatarUrl=n}toString(){return`${this.firstName} ${this.lastName}`}}const re=[new oe("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new oe("Alex","Inkin",G.Ll`/images/avatar.jpg`)];let ue=(()=>{var e;class t{constructor(){this.search$=new B.x,this.items$=this.search$.pipe((0,Y.h)((e=>null!==e)),(0,E.w)((e=>this.serverRequest(e).pipe((0,z.O)(null)))),(0,z.O)(re)),this.testValue=new o.NI(re[1])}onSearchChange(e){this.search$.next(e)}extractValueFromEvent(e){return e.target?.value||null}serverRequest(e){const t=re.filter((t=>(0,s.TUI_DEFAULT_MATCHER)(t,e||"")));return(0,R.of)(t).pipe((0,$.g)(1e3*Math.random()+500))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-1"]],decls:4,vars:3,consts:[["class","b-form",3,"tuiTextfieldCleaner",4,"tuiLet"],["content",""],[1,"b-form",3,"tuiTextfieldCleaner"],["tuiTextfieldSize","s",3,"formControl","valueContent","searchChange"],["placeholder","Type a name","tuiTextfield","",3,"input"],[3,"itemContent","items",4,"tuiDataList"],["tuiTextfieldSize","m",1,"tui-space_vertical-5",3,"formControl","valueContent"],[3,"formControl","valueContent"],[3,"itemContent","items"],[1,"template"],["size","xs",1,"avatar",3,"src"],[1,"name"]],template:function(e,t){1&e&&(h.YNc(0,ie,13,7,"form",0),h.ALo(1,"async"),h.YNc(2,ae,5,4,"ng-template",null,1,h.W1O)),2&e&&h.Q6J("tuiLet",h.lcZ(1,1,t.items$))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x._,b.m,K.M,W.J,v.g,j.L,M.b,A.s,P.e,a.Ov,X.X],styles:[".template[_ngcontent-%COMP%]{display:flex;align-items:center}.avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}"],changeDetection:0}),t})();class se{constructor(e,t,n=null,i=!1){this.firstName=e,this.lastName=t,this.avatarUrl=n,this.disabled=i}toString(){return`${this.firstName} ${this.lastName}`}}const le=[new se("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new se("Alex","Inkin",G.Ll`/images/avatar.jpg`)];var ce=n(42147),de=n(13528),pe=n(66466);let me=(()=>{var e;class t{constructor(){this.destroy$=(0,h.f3M)(s.TuiDestroyService,{self:!0}),this.request$=new B.x,this.response$=this.request$.pipe((0,ce.x)(),(0,E.w)((e=>(0,R.of)(le.filter((t=>(0,s.TUI_DEFAULT_MATCHER)(t,e)))).pipe((0,$.g)(1e3*Math.random()+500),(0,z.O)(null)))),(0,de.R)(this.destroy$),(0,pe.d)({bufferSize:1,refCount:!0}))}request(e){return this.request$.next(e||""),this.response$}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵprov=h.Yz7({token:e,factory:e.ɵfac}),t})();var he=n(20933),ge=n(35065),fe=n(23184);function xe(e,t){if(1&e&&(h.TgZ(0,"tui-avatar",5),h._uU(1),h.ALo(2,"tuiInitials"),h.qZA(),h.TgZ(3,"span",6),h._uU(4),h.qZA()),2&e){const e=t.$implicit;h.Q6J("src",e.avatarUrl),h.xp6(1),h.hij(" ",h.lcZ(2,3,e.toString())," "),h.xp6(3),h.Oqu(e)}}function ye(e,t){if(1&e&&(h.TgZ(0,"button",10)(1,"tui-avatar",5),h._uU(2),h.ALo(3,"tuiInitials"),h.qZA(),h.TgZ(4,"span",6),h._uU(5),h.qZA()()),2&e){const e=t.$implicit;h.Q6J("disabled",e.disabled)("value",e),h.xp6(1),h.Q6J("src",e.avatarUrl),h.xp6(1),h.hij(" ",h.lcZ(3,5,e.toString())," "),h.xp6(3),h.Oqu(e)}}function be(e,t){if(1&e&&(h.TgZ(0,"tui-data-list"),h.YNc(1,ye,6,7,"button",9),h.qZA()),2&e){const e=h.oxw(2).tuiLet;h.xp6(1),h.Q6J("ngForOf",e)}}function Te(e,t){1&e&&h._UZ(0,"tui-loader",11)}function Ze(e,t){if(1&e&&(h.YNc(0,be,2,1,"tui-data-list",7),h.YNc(1,Te,1,0,"ng-template",null,8,h.W1O)),2&e){const e=h.MAs(2),t=h.oxw().tuiLet;h.Q6J("ngIf",t)("ngIfElse",e)}}function Ce(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"tui-combo-box",1),h.NdJ("searchChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.search=t)})),h._uU(1," Find the best employees "),h._UZ(2,"input",2),h.YNc(3,xe,5,5,"ng-template",null,3,h.W1O),h.YNc(5,Ze,3,2,"ng-template",4),h.qZA()}if(2&e){const e=h.MAs(4),t=h.oxw();h.Q6J("formControl",t.control)("tuiTextfieldLabelOutside",!0)("valueContent",e)("search",t.search)}}let ve=(()=>{var e;class t{constructor(){this.service=(0,h.f3M)(me),this.search="",this.control=new o.NI(le[0])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-2"]],features:[h._Bn([me,s.TuiDestroyService])],decls:4,vars:3,consts:[["class","b-form",3,"formControl","tuiTextfieldLabelOutside","valueContent","search","searchChange",4,"tuiLet"],[1,"b-form",3,"formControl","tuiTextfieldLabelOutside","valueContent","search","searchChange"],["placeholder","Type a name","tuiTextfield",""],["value",""],["tuiDataList",""],["size","xs",1,"avatar",3,"src"],[1,"name"],[4,"ngIf","ngIfElse"],["loading",""],["tuiOption","",3,"disabled","value",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value"],[1,"tui-space_vertical-4"]],template:function(e,t){1&e&&(h.TgZ(0,"label"),h._uU(1," Type a name: "),h.YNc(2,Ce,6,4,"tui-combo-box",0),h.ALo(3,"async"),h.qZA()),2&e&&(h.xp6(2),h.Q6J("tuiLet",h.lcZ(3,1,t.service.request(t.search))))},dependencies:[a.sg,a.O5,o.JJ,o.oH,x._,b.m,K.M,W.J,he.q,ge.v,v.g,fe.k,j.L,_.x,a.Ov,X.X],styles:[".avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}"],changeDetection:0}),t})();var we=n(68800);function Me(e,t){if(1&e&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"tuiFilterByInput")),2&e){const e=h.oxw();h.Q6J("items",h.lcZ(1,1,e.items))}}let _e=(()=>{var e;class t{constructor(){this.items=["John Cleese","Eric Idle","Graham Chapman","Michael Palin","Terry Gilliam","Terry Jones"],this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-3"]],decls:4,vars:1,consts:[[1,"b-form",3,"ngModel","ngModelChange"],["placeholder","Type a name","tuiTextfield",""],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Find the best employees "),h._UZ(2,"input",1),h.YNc(3,Me,2,3,"tui-data-list-wrapper",2),h.qZA()),2&e&&h.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,x._,b.m,K.M,v.g,P.e,we.b],encapsulation:2,changeDetection:0}),t})();var Ae=n(30114),Ue=n(60666);function Se(e,t){if(1&e&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"tuiStringifyContent"),h.ALo(2,"tuiFilterByInputWith")),2&e){const e=h.oxw();h.Q6J("itemContent",h.lcZ(1,2,e.stringify))("items",h.xi3(2,4,e.items,e.stringify))}}let Je=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John",surname:"Cleese"},{name:"Eric",surname:"Idle"},{name:"Graham",surname:"Chapman"},{name:"Michael",surname:"Palin"},{name:"Terry",surname:"Gilliam"},{name:"Terry",surname:"Jones"}],this.stringify=e=>`${e.name} ${e.surname}`}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-4"]],decls:4,vars:2,consts:[[1,"b-form",3,"stringify","ngModel","ngModelChange"],["placeholder","Type a name","tuiTextfield",""],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Find the best employees "),h._UZ(2,"input",1),h.YNc(3,Se,3,7,"tui-data-list-wrapper",2),h.qZA()),2&e&&h.Q6J("stringify",t.stringify)("ngModel",t.value)},dependencies:[o.JJ,o.On,x._,b.m,K.M,v.g,P.e,Ae.Y,Ue.Q],encapsulation:2,changeDetection:0}),t})();var Le=n(62500);let qe=(()=>{var e;class t{constructor(){this.indexChange=(0,h.f3M)(i.yU).scrolledIndexChange}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵdir=h.lG2({type:e,selectors:[["","indexChange",""]],outputs:{indexChange:"indexChange"}}),t})();function Pe(e,t){if(1&e&&(h.TgZ(0,"button",6),h._uU(1),h.qZA()),2&e){const e=t.$implicit;h.Q6J("value",e),h.xp6(1),h.hij(" ",e," ")}}function Ne(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"cdk-virtual-scroll-viewport",3),h.NdJ("indexChange",(function(){h.CHM(e);const t=h.MAs(2);return h.KtG(t.handleFocusLossIfNecessary())})),h.TgZ(1,"tui-data-list",null,4),h.YNc(3,Pe,2,2,"button",5),h.qZA()()}if(2&e){const e=t.tuiLet;h.Udp("height",44*e.length,"px"),h.Q6J("itemSize",44),h.xp6(3),h.Q6J("cdkVirtualForOf",e)}}function Ie(e,t){if(1&e&&(h.ynx(0),h.YNc(1,Ne,4,4,"cdk-virtual-scroll-viewport",2),h.ALo(2,"tuiFilterByInput"),h.BQk()),2&e){const e=h.oxw();h.xp6(1),h.Q6J("tuiLet",h.lcZ(2,1,e.countries))}}let Ve=(()=>{var e;class t{constructor(){this.value=null,this.countries=["Afghanistan","Albania","Algeria","American Samoa","Andorra","Angola","Anguilla","Antarctica","Antigua and Barbuda","Argentina","Armenia","Aruba","Australia","Austria","Azerbaijan","Bahamas","Bahrain","Bangladesh","Barbados","Belarus","Belgium","Belize","Benin","Bermuda","Bhutan","Bolivia","Bonaire, Sint Eustatius and Saba","Bosnia and Herzegovina","Botswana","Bouvet Island","Brazil","British Indian Ocean Territory","Brunei Darussalam","Bulgaria","Burkina Faso","Burundi","Cabo Verde","Cambodia","Cameroon","Canada","Cayman Islands","Central African Republic","Chad","Chile","China","Christmas Island","Cocos (Keeling) Islands","Colombia","Comoros","Congo","Cook Islands","Costa Rica","Croatia","Cuba","Curaçao","Cyprus","Czechia","Côte d'Ivoire","Denmark","Djibouti","Dominica","Dominican Republic","Ecuador","Egypt","El Salvador","Equatorial Guinea","Eritrea","Estonia","Eswatini","Ethiopia","Falkland Islands","Faroe Islands","Fiji","Finland","France","French Guiana","French Polynesia","French Southern Territories","Gabon","Gambia","Georgia","Germany","Ghana","Gibraltar","Greece","Greenland","Grenada","Guadeloupe","Guam","Guatemala","Guernsey","Guinea","Guinea-Bissau","Guyana","Haiti","Heard Island and McDonald Islands","Holy See","Honduras","Hong Kong","Hungary","Iceland","India","Indonesia","Iran","Iraq","Ireland","Isle of Man","Israel","Italy","Jamaica","Japan","Jersey","Jordan","Kazakhstan","Kenya","Kiribati","Korea","Kuwait","Kyrgyzstan","Lao People's Democratic Republic","Latvia","Lebanon","Lesotho","Liberia","Libya","Liechtenstein","Lithuania","Luxembourg","Macao","Madagascar","Malawi","Malaysia","Maldives","Mali","Malta","Marshall Islands","Martinique","Mauritania","Mauritius","Mayotte","Mexico","Micronesia","Moldova","Monaco","Mongolia","Montenegro","Montserrat","Morocco","Mozambique","Myanmar","Namibia","Nauru","Nepal","Netherlands","New Caledonia","New Zealand","Nicaragua","Niger","Nigeria","Niue","Norfolk Island","Northern Mariana Islands","Norway","Oman","Pakistan","Palau","Palestine, State of","Panama","Papua New Guinea","Paraguay","Peru","Philippines","Pitcairn","Poland","Portugal","Puerto Rico","Qatar","Republic of North Macedonia","Romania","Russian Federation","Rwanda","Réunion","Saint Barthélemy","Saint Helena","Saint Kitts and Nevis","Saint Lucia","Saint Martin","Saint Pierre and Miquelon","Saint Vincent and the Grenadines","Samoa","San Marino","Sao Tome and Principe","Saudi Arabia","Senegal","Serbia","Seychelles","Sierra Leone","Singapore","Sint Maarten (Dutch part)","Slovakia","Slovenia","Solomon Islands","Somalia","South Africa","South Georgia","South Sudan","Spain","Sri Lanka","Sudan","Suriname","Svalbard and Jan Mayen","Sweden","Switzerland","Syrian Arab Republic","Taiwan","Tajikistan","Tanzania, United Republic of","Thailand","Timor-Leste","Togo","Tokelau","Tonga","Trinidad and Tobago","Tunisia","Turkey","Turkmenistan","Turks and Caicos Islands","Tuvalu","Uganda","Ukraine","United Arab Emirates","United Kingdom","United States of America","Uruguay","Uzbekistan","Vanuatu","Venezuela","Viet Nam","Virgin Islands (British)","Virgin Islands (U.S.)","Wallis and Futuna","Western Sahara","Yemen","Zambia","Zimbabwe","Åland Islands"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-5"]],decls:3,vars:1,consts:[[1,"b-form",3,"ngModel","ngModelChange"],[4,"tuiDataList"],["tuiScrollable","","class","scroll",3,"itemSize","height","indexChange",4,"tuiLet"],["tuiScrollable","",1,"scroll",3,"itemSize","indexChange"],["list",""],["tuiOption","",3,"value",4,"cdkVirtualFor","cdkVirtualForOf"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Country "),h.YNc(2,Ie,3,3,"ng-container",1),h.qZA()),2&e&&h.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,i.xd,i.x0,i.N7,x._,b.m,he.q,ge.v,v.g,j.L,Le.R,qe,we.b],styles:[".scroll[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;min-height:64px;max-height:200px}.scroll[_ngcontent-%COMP%]::-webkit-scrollbar, .scroll[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();function De(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",4),2&e){const e=h.oxw();h.Q6J("items",e.items)}}const Oe=e=>`${e.name} (${e.dept.title})`;let Fe=(()=>{var e;class t{constructor(){this.testValue=new o.NI(null),this.items=[{id:42,name:"John Cleese",dept:{id:566,title:"Financial"}},{id:237,name:"Eric Idle",dept:{id:560,title:"Staffing"}},{id:666,name:"Michael Palin",dept:{id:566,title:"Financial"}},{id:123,name:"Terry Gilliam",dept:{id:500,title:"Administrative"}},{id:777,name:"Terry Jones",dept:{id:566,title:"Financial"}},{id:999,name:"Graham Chapman",dept:{id:560,title:"Staffing"}}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-6"]],features:[h._Bn([(0,c.tuiItemsHandlersProvider)({stringify:Oe})])],decls:5,vars:2,consts:[[1,"b-form"],["tuiTextfieldSize","m",3,"formControl","tuiTextfieldLabelOutside"],["placeholder","Type a name","tuiTextfield",""],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(h.TgZ(0,"form",0)(1,"tui-combo-box",1),h._uU(2," Employee "),h._UZ(3,"input",2),h.YNc(4,De,1,1,"tui-data-list-wrapper",3),h.qZA()()),2&e&&(h.xp6(1),h.Q6J("formControl",t.testValue)("tuiTextfieldLabelOutside",!0))},dependencies:[o._Y,o.JJ,o.JL,o.F,o.oH,x._,b.m,K.M,v.g,_.x,A.s,P.e],encapsulation:2,changeDetection:0}),t})();function He(e,t){if(1&e&&(h.TgZ(0,"button",5),h._uU(1),h.qZA()),2&e){const e=t.$implicit,n=h.oxw(2);h.Q6J("disabled",e.disabled)("value",e),h.xp6(1),h.hij(" ",n.stringify(e)," ")}}function ke(e,t){if(1&e&&(h.ynx(0),h.TgZ(1,"tui-data-list"),h.YNc(2,He,2,3,"button",4),h.ALo(3,"tuiFilterByInputWith"),h.qZA(),h.BQk()),2&e){const e=h.oxw();h.xp6(2),h.Q6J("ngForOf",h.xi3(3,1,e.items,e.stringify))}}let Qe=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John",surname:"Cleese",disabled:!1},{name:"Eric",surname:"Idle",disabled:!1},{name:"Graham",surname:"Chapman",disabled:!0},{name:"Michael",surname:"Palin",disabled:!0},{name:"Terry",surname:"Gilliam",disabled:!1},{name:"Terry",surname:"Jones",disabled:!1}],this.stringify=e=>`${e.name} ${e.surname}`}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-7"]],decls:7,vars:5,consts:[[3,"stringify","ngModel","ngModelChange"],["placeholder","Type a name","tuiTextfield",""],[4,"tuiDataList"],[1,"tui-space_top-2"],["tuiOption","",3,"disabled","value",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h.NdJ("ngModelChange",(function(e){return t.value=e})),h._uU(1," Find the best employees "),h._UZ(2,"input",1),h.YNc(3,ke,4,4,"ng-container",2),h.qZA(),h.TgZ(4,"p",3),h._uU(5),h.ALo(6,"json"),h.qZA()),2&e&&(h.Q6J("stringify",t.stringify)("ngModel",t.value),h.xp6(5),h.hij("Selected value: ",h.lcZ(6,3,t.value),""))},dependencies:[a.sg,o.JJ,o.On,x._,b.m,K.M,he.q,ge.v,v.g,a.Ts,Ae.Y],encapsulation:2,changeDetection:0}),t})();function Ge(e,t){if(1&e&&(h._UZ(0,"tui-data-list-wrapper",3),h.ALo(1,"tuiStringifyContent"),h.ALo(2,"tuiFilterByInputWith")),2&e){const e=h.oxw();h.Q6J("itemContent",h.lcZ(1,2,e.stringify))("items",h.xi3(2,4,e.items,e.stringify))}}const Be=[{id:1,name:"Luke Skywalker"},{id:2,name:"Princess Leia"},{id:3,name:"Darth Vader"},{id:4,name:"Han Solo"},{id:5,name:"Obi-Wan Kenobi"},{id:6,name:"Yoda"}];let Ye=(()=>{var e;class t{constructor(){this.control=new o.NI(3),this.items=Be.map((({id:e})=>e)),this.stringify=e=>Be.find((t=>t.id===e))?.name||""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=h.Xpm({type:e,selectors:[["tui-combo-box-example-8"]],decls:6,vars:5,consts:[[3,"formControl","stringify"],[3,"itemContent","items",4,"tuiDataList"],[1,"tui-space_top-2"],[3,"itemContent","items"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-combo-box",0),h._uU(1," Type a name "),h.YNc(2,Ge,3,7,"tui-data-list-wrapper",1),h.qZA(),h.TgZ(3,"p",2),h._uU(4),h.ALo(5,"json"),h.qZA()),2&e&&(h.Q6J("formControl",t.control)("stringify",t.stringify),h.xp6(4),h.hij("Selected value: ",h.lcZ(5,3,t.control.value),""))},dependencies:[o.JJ,o.oH,x._,b.m,v.g,P.e,a.Ts,Ae.Y,Ue.Q],encapsulation:2,changeDetection:0}),t})();var Ee;const ze=["valueTemplateContent"];function Re(e,t){1&e&&(h._uU(0," You can use "),h.TgZ(1,"code"),h._uU(2,"ComboBox"),h.qZA(),h._uU(3," with "),h.TgZ(4,"code"),h._uU(5,"ScrollingModule"),h.qZA(),h._uU(6," from "),h.TgZ(7,"a",13),h._uU(8," @angular/cdk/scrolling "),h.qZA(),h._uU(9," . "))}function $e(e,t){if(1&e&&(h.TgZ(0,"div",2)(1,"code"),h._uU(2,"ComboBox"),h.qZA(),h._uU(3," is a textfield with a dropdown with items. You can choose one of available options or input a value manually. "),h.qZA(),h.TgZ(4,"tui-doc-example",3)(5,"tui-notification",4),h._uU(6," If you need to set some attributes or listen to events on native "),h.TgZ(7,"code"),h._uU(8,"input"),h.qZA(),h._uU(9," , you can put it inside with "),h.TgZ(10,"code"),h._uU(11,"Textfield"),h.qZA(),h._uU(12," directive as shown below "),h.qZA(),h._UZ(13,"tui-combo-box-example-1"),h.qZA(),h.TgZ(14,"tui-doc-example",5),h._UZ(15,"tui-combo-box-example-2"),h.qZA(),h.TgZ(16,"tui-doc-example",6)(17,"tui-notification",4),h._uU(18," If you receive your id to text mapping from the server, you would need to recreate "),h.TgZ(19,"code"),h._uU(20,"items"),h.qZA(),h._uU(21," and "),h.TgZ(22,"code"),h._uU(23,"stringify"),h.qZA(),h._uU(24," when new data comes, so they will be observables and you would need async pipe in the template "),h.qZA(),h._UZ(25,"tui-combo-box-example-8"),h.qZA(),h.TgZ(26,"tui-doc-example",7),h._UZ(27,"tui-combo-box-example-3"),h.qZA(),h.TgZ(28,"tui-doc-example",8),h._UZ(29,"tui-combo-box-example-4"),h.qZA(),h.TgZ(30,"tui-doc-example",9),h.YNc(31,Re,10,0,"ng-template",null,10,h.W1O),h.TgZ(33,"tui-notification",2),h._uU(34," Note that virtual scroll can imperatively remove focused option from DOM. This causes ExpressionChange errors and to solve those take a look at a tiny "),h.TgZ(35,"code"),h._uU(36,"IndexChange"),h.qZA(),h._uU(37," directive included in this example. "),h.qZA(),h._UZ(38,"tui-combo-box-example-5"),h.qZA(),h.TgZ(39,"tui-doc-example",11),h._UZ(40,"tui-combo-box-example-6"),h.qZA(),h.TgZ(41,"tui-doc-example",12),h._UZ(42,"tui-combo-box-example-7"),h.qZA()),2&e){const e=h.MAs(32),t=h.oxw();h.xp6(4),h.Q6J("content",t.example1),h.xp6(10),h.Q6J("content",t.example2),h.xp6(2),h.Q6J("content",t.example8),h.xp6(10),h.Q6J("content",t.example3),h.xp6(2),h.Q6J("content",t.example4),h.xp6(2),h.Q6J("content",t.example5)("description",e),h.xp6(9),h.Q6J("content",t.example6),h.xp6(2),h.Q6J("content",t.example7)}}function Ke(e,t){if(1&e&&h._UZ(0,"tui-data-list-wrapper",27),2&e){const e=h.oxw(3);h.Q6J("items",e.filter(e.search))}}function We(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"tui-combo-box",25),h.NdJ("searchChange",(function(t){h.CHM(e);const n=h.oxw(2);return h.KtG(n.search=t)}))("tuiDropdownOpenChange",(function(t){h.CHM(e);const n=h.oxw(2);return h.KtG(n.dropdownOpen.next(t))})),h.ALo(1,"async"),h._uU(2," Choose an account "),h.YNc(3,Ke,1,1,"tui-data-list-wrapper",26),h.qZA()}if(2&e){const e=h.oxw(2);h.Q6J("focusable",e.focusable)("formControl",e.control)("identityMatcher",e.identityMatcher)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("strict",e.strict)("strictMatcher",e.strictMatcher)("stringify",e.stringify)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!h.lcZ(1,28,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)("valueContent",e.valueContent)("search",e.search)}}function je(e,t){if(1&e&&(h.TgZ(0,"div",28),h._UZ(1,"tui-svg",29),h.TgZ(2,"span"),h._uU(3),h.qZA()()),2&e){const e=t.$implicit;h.xp6(3),h.Oqu(e)}}function Xe(e,t){1&e&&(h._uU(0," Disabled state (use "),h.TgZ(1,"code"),h._uU(2,"formControl.disable()"),h.qZA(),h._uU(3," ) "))}function et(e,t){1&e&&(h._uU(0," Textfield value to subscribe on input or setting it from the outside (emits "),h.TgZ(1,"code"),h._uU(2,"null"),h.qZA(),h._uU(3," when item from list selected) "))}function tt(e,t){1&e&&(h._uU(0," A function that compares search and value to define a match between them. "),h.TgZ(1,"strong"),h._uU(2,"Must be a pure function"),h.qZA())}function nt(e,t){1&e&&(h._uU(0," Value must only be an item of suggestions  "),h._UZ(1,"code",30),h.TgZ(2,"p")(3,"strong"),h._uU(4," When "),h.TgZ(5,"code"),h._uU(6,"false"),h.qZA(),h._uU(7," , make sure your handlers, such as "),h.TgZ(8,"code"),h._uU(9,"stringify"),h.qZA(),h._uU(10," can handle "),h.TgZ(11,"code"),h._uU(12,"string"),h.qZA(),h._uU(13," value, as well as "),h._UZ(14,"code",30),h.qZA()())}function it(e,t){1&e&&(h._uU(0," A function that compares search text and item to define a match between them. Lowercase string comparison function by default. "),h.TgZ(1,"strong"),h._uU(2,"Should be a pure function"),h.qZA())}function at(e,t){1&e&&(h._uU(0," A function that transforms object into a string. "),h.TgZ(1,"code"),h._uU(2,"String(value)"),h.qZA(),h._uU(3," by default. "),h.TgZ(4,"strong"),h._uU(5,"Should be a pure function"),h.qZA())}function ot(e,t){1&e&&h._uU(0," A template for custom view of selected value ")}function rt(e,t){if(1&e){const e=h.EpF();h.TgZ(0,"tui-doc-demo",14),h.YNc(1,We,4,30,"ng-template"),h.qZA(),h.YNc(2,je,4,1,"ng-template",null,15,h.W1O),h.TgZ(4,"div")(5,"p"),h._uU(6," Set a value with copied object from items to check "),h.TgZ(7,"code"),h._uU(8,"identityMatcher"),h.qZA(),h._uU(9," : "),h.qZA(),h.TgZ(10,"button",16),h.NdJ("click",(function(){h.CHM(e);const t=h.oxw();return h.KtG(t.setValue())})),h._uU(11," Set "),h.qZA()(),h.TgZ(12,"tui-doc-documentation"),h.YNc(13,Xe,4,0,"ng-template",17),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.disabled=t)})),h.YNc(14,et,4,0,"ng-template",18),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.search=t)})),h.YNc(15,tt,3,0,"ng-template",19),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.identityMatcher=t)})),h.YNc(16,nt,15,0,"ng-template",20),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.strict=t)})),h.YNc(17,it,3,0,"ng-template",21),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.strictMatcher=t)})),h.YNc(18,at,6,0,"ng-template",22),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.stringify=t)})),h.YNc(19,ot,1,0,"ng-template",23),h.NdJ("documentationPropertyValueChange",(function(t){h.CHM(e);const n=h.oxw();return h.KtG(n.selectedValueTemplate=t)})),h.qZA(),h._UZ(20,"inherited-documentation",24)}if(2&e){const e=h.oxw();h.Q6J("control",e.control),h.xp6(13),h.Q6J("documentationPropertyValue",e.disabled),h.xp6(1),h.Q6J("documentationPropertyValue",e.search),h.xp6(1),h.Q6J("documentationPropertyValues",e.identityMatcherVariants)("documentationPropertyValue",e.identityMatcher),h.xp6(1),h.Q6J("documentationPropertyValue",e.strict),h.xp6(1),h.Q6J("documentationPropertyValues",e.strictMatcherVariants)("documentationPropertyValue",e.strictMatcher),h.xp6(1),h.Q6J("documentationPropertyValues",e.stringifyVariants)("documentationPropertyValue",e.stringify),h.xp6(1),h.Q6J("documentationPropertyValues",e.valueTemplateVariants)("documentationPropertyValue",e.selectedValueTemplate),h.xp6(1),h.Q6J("dropdown",!0)}}function ut(e,t){if(1&e&&(h.TgZ(0,"ol",31)(1,"li")(2,"p"),h._uU(3," Import an Angular module for forms and "),h.TgZ(4,"code"),h._uU(5,"TuiComboBoxModule"),h.qZA(),h._uU(6," in the same module where you want to use our component: "),h.qZA(),h._UZ(7,"tui-doc-code",32),h.TgZ(8,"p"),h._uU(9," See samples to learn more about working with "),h.TgZ(10,"code"),h._uU(11,"tui-data-list-wrapper"),h.qZA(),h._uU(12," or without them "),h.qZA()(),h.TgZ(13,"li")(14,"p"),h._uU(15," Declare a form ( "),h.TgZ(16,"code"),h._uU(17,"FormGroup"),h.qZA(),h._uU(18," ) or a control ( "),h.TgZ(19,"code"),h._uU(20,"FormControl"),h.qZA(),h._uU(21," ) in your component: "),h.qZA(),h._UZ(22,"tui-doc-code",33),h.qZA(),h.TgZ(23,"li")(24,"p"),h._uU(25,"Add to the template:"),h.qZA(),h._UZ(26,"tui-doc-code",34),h.qZA()()),2&e){const e=h.oxw();h.xp6(7),h.Q6J("code",e.exampleModule),h.xp6(15),h.Q6J("code",e.exampleForm),h.xp6(4),h.Q6J("code",e.exampleHtml)}}class st{constructor(e,t){this.name=e,this.balance=t}toString(){return`${this.name} (${this.balance})`}}class lt extends g.b{constructor(){super(...arguments),this.control=new o.NI(null,o.kI.required),this.iconVariants=["","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.iconLeft=this.iconVariants[0],this.exampleForm=n.e(72351).then(n.t.bind(n,72351,17)),this.exampleModule=n.e(34142).then(n.t.bind(n,34142,17)),this.exampleHtml=n.e(62982).then(n.t.bind(n,62982,17)),this.example1={TypeScript:n.e(74375).then(n.t.bind(n,13829,17)),HTML:n.e(48990).then(n.t.bind(n,48990,17)),LESS:n.e(21050).then(n.t.bind(n,21050,17))},this.example2={TypeScript:n.e(7863).then(n.t.bind(n,7863,17)),HTML:n.e(53102).then(n.t.bind(n,53102,17)),LESS:n.e(74073).then(n.t.bind(n,74073,17)),"user.ts":n.e(27404).then(n.t.bind(n,27404,17)),"request.service.ts":n.e(1442).then(n.t.bind(n,1442,17)),"database-mock-data.ts":n.e(47161).then(n.t.bind(n,47161,17))},this.example3={TypeScript:n.e(87533).then(n.t.bind(n,87533,17)),HTML:n.e(88753).then(n.t.bind(n,88753,17))},this.example4={TypeScript:n.e(28454).then(n.t.bind(n,28454,17)),HTML:n.e(32569).then(n.t.bind(n,32569,17))},this.example5={TypeScript:n.e(54991).then(n.t.bind(n,54991,17)),HTML:n.e(31241).then(n.t.bind(n,31241,17)),LESS:n.e(94729).then(n.t.bind(n,94729,17)),"index-change.directive.ts":n.e(47711).then(n.t.bind(n,47711,17))},this.example6={TypeScript:n.e(14890).then(n.t.bind(n,66331,17)),HTML:n.e(83889).then(n.t.bind(n,83889,17))},this.example7={TypeScript:n.e(18746).then(n.t.bind(n,18746,17)),HTML:n.e(9213).then(n.t.bind(n,9213,17))},this.example8={TypeScript:n.e(17393).then(n.t.bind(n,17393,17)),HTML:n.e(71446).then(n.t.bind(n,71446,17))},this.items=[new st("Rubles",500),new st("Dollars",237),new st("Netherlands Antillean Guilder and Falkland Islands Pound",700)],this.strict=!0,this.search="",this.valueTemplateVariants=["","Template"],this.selectedValueTemplate="",this.stringifyVariants=[s.TUI_DEFAULT_STRINGIFY,e=>String(String(e).match(/\d+/))],this.stringify=this.stringifyVariants[0],this.strictMatcherVariants=[s.TUI_STRICT_MATCHER,(e,t,n)=>Number.parseInt(n(e).match(/\d+/g)[0],10)===Number.parseInt(t,10)],this.strictMatcher=this.strictMatcherVariants[0],this.identityMatcherVariants=[(e,t)=>e===t,(e,t)=>e.balance===t.balance],this.identityMatcher=this.identityMatcherVariants[0]}get valueContent(){return this.valueTemplateRef&&this.selectedValueTemplate?this.valueTemplateRef:""}filter(e){return this.items.filter((t=>(0,s.TUI_DEFAULT_MATCHER)(t,e||"")))}setValue(){this.control.setValue(new st("Dollars",237))}}(Ee=lt).ɵfac=function(){let e;return function(t){return(e||(e=h.n5z(Ee)))(t||Ee)}}(),Ee.ɵcmp=h.Xpm({type:Ee,selectors:[["example-tui-combo-box"]],viewQuery:function(e,t){if(1&e&&h.Gf(ze,5),2&e){let e;h.iGM(e=h.CRH())&&(t.valueTemplateRef=e.first)}},features:[h._Bn([{provide:f.x,useExisting:(0,h.Gpc)((()=>Ee))},(0,u.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix"])]),h.qOj],decls:4,vars:0,consts:[["header","ComboBox","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","async","heading","Async data loading",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","datalist","heading","DataList",3,"content"],["id","id","heading","ID only",3,"content"],["id","wrapper","description","With filtering through tuiFilterByInput pipe","heading","DataListWrapper",3,"content"],["id","stringify","description","With filtering through tuiFilterByInputWith pipe using custom stringify handler","heading","Stringify",3,"content"],["id","virtual","heading","Virtual scroll",3,"content","description"],["cdkVirtualScrollDescription",""],["id","options-stringify","heading","Options (stringify)",3,"content"],["id","ignore-disabled","heading","Don't allow disabled options to be selected by typing them",3,"content"],["href","https://material.angular.io/cdk/scrolling/overview","rel","noreferrer","target","_blank","tuiLink",""],[3,"control"],["valueTemplateContent",""],["size","m","tuiButton","","type","button",3,"click"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string | null",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","identityMatcher","documentationPropertyType","TuiIdentityMatcher",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","strict","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","strictMatcher","documentationPropertyType","TuiStringMatcher | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","stringify","documentationPropertyType","TuiStringHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","valueContent","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],[3,"focusable","formControl","identityMatcher","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","strict","strictMatcher","stringify","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","valueContent","search","searchChange","tuiDropdownOpenChange"],[3,"items",4,"tuiDataList"],[3,"items"],[1,"item-template"],["src","tuiIconCheck",1,"item-template-icon"],["tuiText",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(h.TgZ(0,"tui-doc-page",0),h.YNc(1,$e,43,9,"ng-template",1),h.YNc(2,rt,21,13,"ng-template",1),h.YNc(3,ut,27,3,"ng-template",1),h.qZA())},dependencies:[o.JJ,o.oH,x._,y.E,b.m,T.v,Z.V,C.P,v.g,w.L,M.b,_.x,A.s,U.a,S.k,J.bZ,L.o,q.Ek,P.e,N.c,I.F,V.z,D.B,O.q,F.n,H.f,k.w,Q.v,ue,ve,_e,Je,Ve,Fe,Qe,Ye,a.Ov],styles:[".item-template[_ngcontent-%COMP%]{display:flex;align-items:center}.item-template-icon[_ngcontent-%COMP%]{margin-right:.375rem}"],changeDetection:0}),(0,m.gn)([s.tuiPure],lt.prototype,"filter",null);let ct=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=h.oAB({type:e}),e.ɵinj=h.cJS({imports:[a.ez,o.u5,o.UX,i.Cl,l.TuiScrollbarComponent,c.TuiComboBoxModule,l.TuiButtonModule,l.TuiLinkModule,c.TuiAvatarComponent,l.TuiSvgModule,l.TuiDataListModule,l.TuiLoaderModule,s.TuiLetModule,l.TuiNotificationModule,l.TuiTextfieldControllerModule,l.TuiHintModule,l.TuiDropdownModule,c.TuiDataListWrapperModule,c.TuiFilterByInputPipeModule,c.TuiStringifyContentPipeModule,d.wq,u.fV,p.f,r.Bz.forChild((0,u.Ve)(lt)),u.Zp]}),t})()}}]); \ No newline at end of file diff --git a/next/46370.a26d794f9649809f.js b/next/46370.a26d794f9649809f.js new file mode 100644 index 000000000000..79498eb8fb2a --- /dev/null +++ b/next/46370.a26d794f9649809f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[46370],{46370:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiInputModule:()=>se});var i=n(88692),o=n(69900),u=n(91795),a=n(24007),r=n(64500),s=n(29297),l=n(53222),c=n(73588),p=n(84479),d=n(89570),m=n(75695),g=n(64537),f=n(82880),h=n(98204),T=n(54218),x=n(77027),Z=n(41360),_=n(91030),w=n(66596),U=n(79121),C=n(64374),b=n(6707),A=n(68874),v=n(10200),y=n(88494),q=n(3729),L=n(44998),J=n(89437),M=n(87205),N=n(84848),k=n(69956),I=n(33250),S=n(83074),O=n(10977),Q=n(62840),D=n(60404),P=n(43560),H=n(93525),V=n(38868),F=n(91473);let G=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("mail@mail.ru")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-1"]],decls:4,vars:1,consts:[[3,"formGroup"],["formControlName","testValue"],["tuiTextfield","","type","email"]],template:function(t,e){1&t&&(g.TgZ(0,"form",0)(1,"tui-input",1),g._uU(2," Type an email "),g._UZ(3,"input",2),g.qZA()()),2&t&&g.Q6J("formGroup",e.testForm)},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M],encapsulation:2,changeDetection:0}),e})(),Y=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("mail@mail.ru")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-2"]],decls:22,vars:8,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",3,"tuiTextfieldCleaner"],["autocomplete","email","tuiTextfield","","type","email"],["formControlName","testValue","tuiTextfieldSize","m",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["formControlName","testValue","tuiTextfieldSize","m",3,"tuiTextfieldCleaner"],["formControlName","testValue",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["autocomplete","email","placeholder","mail@mail.ru","tuiTextfield","","type","email"],["formControlName","testValue","tuiHintContent","It will be used for sending documents",3,"tuiTextfieldCleaner"],[1,"tui-required"]],template:function(t,e){1&t&&(g.TgZ(0,"form",0)(1,"p")(2,"tui-input",1),g._uU(3," Type an email "),g._UZ(4,"input",2),g.qZA()(),g.TgZ(5,"p")(6,"tui-input",3),g._uU(7," Type an email "),g._UZ(8,"input",2),g.qZA()(),g.TgZ(9,"p")(10,"tui-input",4),g._uU(11," Type an email "),g._UZ(12,"input",2),g.qZA()(),g.TgZ(13,"p")(14,"tui-input",5),g._uU(15," Type an email "),g._UZ(16,"input",6),g.qZA()(),g.TgZ(17,"p")(18,"tui-input",7),g._uU(19," Type an email "),g._UZ(20,"span",8)(21,"input",6),g.qZA()()()),2&t&&(g.Q6J("formGroup",e.testForm),g.xp6(2),g.Q6J("tuiTextfieldCleaner",!0),g.xp6(4),g.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),g.xp6(4),g.Q6J("tuiTextfieldCleaner",!0),g.xp6(4),g.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),g.xp6(4),g.Q6J("tuiTextfieldCleaner",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,C.b,A.x,v.s,N.bZ],encapsulation:2,changeDetection:0}),e})();var E=n(1913),z=n(63916);let K=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue1:new o.NI(""),testValue2:new o.NI("")}),this.maskOptions1={mask:[/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/,/\d/,/\d/]},this.maskOptions2={mask:[/\d/,/\d/,/\d/,"-",/\d/,/\d/,/\d/,"-",/\d/,/\d/,/\d/,"-",/\d/,/\d/]},this.unmask=t=>t.replaceAll("-","")}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-3"]],decls:14,vars:7,consts:[[3,"formGroup"],["formControlName","testValue1",3,"maskito"],["inputmode","numeric","tuiTextfield",""],["formControlName","testValue2",3,"maskito","tuiUnmaskHandler"]],template:function(t,e){1&t&&(g.TgZ(0,"form",0)(1,"p")(2,"tui-input",1),g._uU(3," Document number "),g._UZ(4,"input",2),g.qZA()(),g.TgZ(5,"p")(6,"tui-input",3),g._uU(7," Secret number "),g._UZ(8,"input",2),g.qZA()()(),g.TgZ(9,"p"),g._uU(10,"Value stored in control:"),g.qZA(),g.TgZ(11,"pre"),g._uU(12),g.ALo(13,"json"),g.qZA()),2&t&&(g.Q6J("formGroup",e.testForm),g.xp6(2),g.Q6J("maskito",e.maskOptions1),g.xp6(4),g.Q6J("maskito",e.maskOptions2)("tuiUnmaskHandler",e.unmask),g.xp6(6),g.Oqu(g.lcZ(13,5,e.testForm.value)))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,E.ro,z.s,i.Ts],encapsulation:2,changeDetection:0}),e})();var R=n(73336),B=n(27969),$=n(98537),X=n(22436),j=n(44124),W=n(20933),tt=n(35065),et=n(52219),nt=n(50020),it=n(40939),ot=n(10650),ut=n(83653);const at=["avatar"];function rt(t,e){if(1&t){const t=g.EpF();g.TgZ(0,"button",12),g.NdJ("click",(function(){const e=g.CHM(t).$implicit,n=g.oxw(4);return g.KtG(n.onSelected(e))})),g._uU(1),g.TgZ(2,"tui-avatar",13),g._uU(3),g.ALo(4,"tuiInitials"),g.qZA()()}if(2&t){const t=e.$implicit;g.Q6J("value",t.toString()),g.xp6(1),g.hij(" ",t," "),g.xp6(1),g.Q6J("src",t.avatarUrl),g.xp6(1),g.hij(" ",g.lcZ(4,4,t.toString())," ")}}function st(t,e){if(1&t&&(g.TgZ(0,"tui-data-list"),g.YNc(1,rt,5,6,"button",11),g.qZA()),2&t){const t=g.oxw(2).tuiLet;g.xp6(1),g.Q6J("ngForOf",t)}}function lt(t,e){1&t&&(g.ynx(0),g.YNc(1,st,2,1,"tui-data-list",10),g.BQk())}function ct(t,e){if(1&t&&(g.TgZ(0,"tui-input",7),g._uU(1," User "),g._UZ(2,"input",8),g.YNc(3,lt,2,0,"ng-container",9),g.qZA()),2&t){const t=e.tuiLet,n=g.oxw();g.Q6J("tuiTextfieldCustomContent",n.content),g.xp6(3),g.Q6J("ngIf",null==t?null:t.length)}}function pt(t,e){if(1&t&&(g.TgZ(0,"tui-avatar",15),g._uU(1),g.ALo(2,"tuiInitials"),g.qZA()),2&t){const t=g.oxw(2);g.Q6J("src",t.lastUser.avatarUrl),g.xp6(1),g.hij(" ",g.lcZ(2,2,t.lastUser.toString())," ")}}function dt(t,e){if(1&t&&g.YNc(0,pt,3,4,"tui-avatar",14),2&t){const t=g.oxw();g.Q6J("ngIf",t.lastUser)}}function mt(t,e){if(1&t&&g._UZ(0,"tui-data-list-wrapper",16),2&t){const t=g.oxw(),e=g.MAs(9);g.Q6J("itemContent",e)("items",t.accounts)}}function gt(t,e){if(1&t&&(g.TgZ(0,"div"),g._uU(1),g.TgZ(2,"span"),g._uU(3),g.ALo(4,"async"),g.ALo(5,"tuiAmount"),g.qZA()()),2&t){const t=e.$implicit;g.xp6(1),g.hij(" ",t.name," "),g.xp6(2),g.Oqu(g.lcZ(4,2,g.xi3(5,4,t.amount,"RUB")))}}class ft{constructor(t,e,n=null,i=[],o=""){this.firstName=t,this.lastName=e,this.avatarUrl=n,this.accounts=i,this.card=o}toString(){return`${this.firstName} ${this.lastName}`}}class ht{constructor(t,e,n,i,o){this.id=t,this.name=e,this.amount=n,this.currency=i,this.cardSvg=o}toString(){return this.name}}const Tt=[new ht("1","RUB",24876.55,a.TuiCurrency.Ruble,"https://ng-web-apis.github.io/dist/assets/images/common.svg"),new ht("2","USD",335,a.TuiCurrency.Dollar,"https://ng-web-apis.github.io/dist/assets/images/geolocation.svg")],xt=[new ht("3","EUR",1e4,a.TuiCurrency.Euro,"https://ng-web-apis.github.io/dist/assets/images/intersection-observer.svg"),new ht("4","PND",100,a.TuiCurrency.Pound,"https://ng-web-apis.github.io/dist/assets/images/payment-request.svg")],Zt=[new ft("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368",Tt),new ft("Alex","Inkin",R.Ll`/images/avatar.jpg`,xt,"1234123412341234"),new ft("Dmitriy","Demenskiy"),new ft("Evgeniy","Mamaev"),new ft("Ivan","Ishmametiev"),new ft("Igor","Katsuba"),new ft("Yulia","Tsareva")];let _t=(()=>{var t;class e{constructor(){this.user=new o.NI(""),this.testForm=new o.cw({user:this.user,account:new o.NI(""),card:new o.NI("")}),this.lastUser=null,this.users$=(0,l.tuiControlValue)(this.user).pipe((0,B.U)((t=>{const e=Zt.filter((e=>(0,l.TUI_DEFAULT_MATCHER)(e,t)));return 1!==e.length||String(e[0]).toLowerCase()!==t.toLowerCase()?e:(this.onSelected(e[0]),[])})))}get card(){const t=this.testForm.get("card").value;if((t?.length??0)<7)return null;switch(t?.charAt(0)){case"0":case"1":case"2":return"https://ng-web-apis.github.io/dist/assets/images/common.svg";case"3":case"4":case"5":return"https://ng-web-apis.github.io/dist/assets/images/geolocation.svg";case"6":case"7":return"https://ng-web-apis.github.io/dist/assets/images/intersection-observer.svg";default:return"https://ng-web-apis.github.io/dist/assets/images/payment-request.svg"}}get isUserSelected(){return null!==this.lastUser&&this.lastUser.toString().toLowerCase()===this.testForm.get("user")?.value?.toLowerCase()}get content(){return this.avatar&&this.isUserSelected?this.avatar:""}get accounts(){return this.isUserSelected&&this.lastUser?.accounts||[]}onSelected(t){this.lastUser=t,this.testForm.get("card").setValue(t.card)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-4"]],viewQuery:function(t,e){if(1&t&&g.Gf(at,5),2&t){let t;g.iGM(t=g.CRH())&&(e.avatar=t.first)}},decls:12,vars:6,consts:[[1,"container",3,"formGroup"],["formControlName","user",3,"tuiTextfieldCustomContent",4,"tuiLet"],["avatar",""],["formControlName","account",1,"tui-space_vertical-5"],[3,"itemContent","items",4,"tuiDataList"],["accountContent",""],["formControlName","card",3,"cardSrc","tuiTextfieldCleaner"],["formControlName","user",3,"tuiTextfieldCustomContent"],["placeholder","Type your name or surname","tuiTextfield",""],[4,"ngIf"],[4,"tuiDataList"],["tuiOption","",3,"value","click",4,"ngFor","ngForOf"],["tuiOption","",3,"value","click"],["size","xs",3,"src"],["size","s",3,"src",4,"ngIf"],["size","s",3,"src"],[3,"itemContent","items"]],template:function(t,e){1&t&&(g.TgZ(0,"form",0),g.YNc(1,ct,4,2,"tui-input",1),g.ALo(2,"async"),g.YNc(3,dt,1,1,"ng-template",null,2,g.W1O),g.TgZ(5,"tui-input",3),g._uU(6," Account "),g.YNc(7,mt,1,2,"tui-data-list-wrapper",4),g.YNc(8,gt,6,7,"ng-template",null,5,g.W1O),g.qZA(),g.TgZ(10,"tui-input-card",6),g._uU(11," Card number "),g.qZA()()),2&t&&(g.Q6J("formGroup",e.testForm),g.xp6(1),g.Q6J("tuiLet",g.lcZ(2,4,e.users$)),g.xp6(9),g.Q6J("cardSrc",e.card)("tuiTextfieldCleaner",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,i.sg,i.O5,x.K,Z.w,_.M,$.z,X.a,j.J,C.b,b.B,W.q,tt.v,et.g,nt.e,it.L,i.Ov,ot.E,ut.X],styles:[".container[_ngcontent-%COMP%]{max-width:18rem}"],changeDetection:0}),e})();var wt=n(30644);let Ut=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("mail@mail.ru")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-5"]],decls:21,vars:4,consts:[[3,"formGroup"],["routerLink","/directives/mode","tuiLink",""],["formControlName","testValue",3,"tuiTextfieldCleaner"],["placeholder","mail@mail.ru","tuiTextfield","","type","email"],[1,"wrapper","wrapper_dark"],["formControlName","testValue","tuiMode","onDark",3,"tuiTextfieldCleaner"],[1,"wrapper","wrapper_light"],["formControlName","testValue","tuiMode","onLight",3,"tuiTextfieldCleaner"]],template:function(t,e){1&t&&(g.TgZ(0,"form",0)(1,"tui-notification"),g._uU(2," Custom mode is set with "),g.TgZ(3,"a",1)(4,"code"),g._uU(5,"tuiMode"),g.qZA()(),g._uU(6," directive "),g.qZA(),g.TgZ(7,"p")(8,"tui-input",2),g._uU(9," Type an email "),g._UZ(10,"input",3),g.qZA()(),g.TgZ(11,"div")(12,"p",4)(13,"tui-input",5),g._uU(14," Type an email "),g._UZ(15,"input",3),g.qZA()()(),g.TgZ(16,"div")(17,"p",6)(18,"tui-input",7),g._uU(19," Type an email "),g._UZ(20,"input",3),g.qZA()()()()),2&t&&(g.Q6J("formGroup",e.testForm),g.xp6(8),g.Q6J("tuiTextfieldCleaner",!0),g.xp6(5),g.Q6J("tuiTextfieldCleaner",!0),g.xp6(5),g.Q6J("tuiTextfieldCleaner",!0))},dependencies:[u.rH,o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,w.V,wt.w,U.L,C.b],styles:[".wrapper[_ngcontent-%COMP%]{padding:.75rem}.wrapper_dark[_ngcontent-%COMP%]{background-color:#30406a}.wrapper_light[_ngcontent-%COMP%]{background-color:#e5e7ea}"],changeDetection:0}),e})();var Ct=n(16753),bt=n(13735),At=n(50170),vt=n(1414),yt=n(19582),qt=n(96408),Lt=n(48598),Jt=n(62047),Mt=n(40813);function Nt(t,e){if(1&t&&g._UZ(0,"tui-data-list-wrapper",12),2&t){const t=g.oxw();g.Q6J("items",t.items)}}let kt=(()=>{var t;class e{constructor(){this.items=["Black","Gold","Silver"],this.form=new o.cw({name:new o.NI("",o.kI.required),date:new o.NI(null,o.kI.required),color:new o.NI(null,o.kI.required),quantity:new o.NI(null),sum:new o.NI(255)})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-6"]],decls:39,vars:3,consts:[["tuiTextfieldSize","m",3,"formGroup","tuiTextfieldLabelOutside"],["tuiTable","",1,"table"],["tuiTh","",1,"name"],["tuiTh",""],["tuiTd",""],["formControlName","name"],["placeholder","Ivan Ivanov","tuiTextfield",""],["formControlName","date"],["formControlName","color"],[3,"items",4,"tuiDataList"],["decimal","never","formControlName","quantity"],["formControlName","sum",3,"readOnly"],[3,"items"]],template:function(t,e){1&t&&(g.TgZ(0,"p")(1,"code"),g._uU(2,"tuiTable"),g.qZA(),g._uU(3," directive from "),g.TgZ(4,"code"),g._uU(5,"@taiga-ui/addon-table"),g.qZA()(),g.TgZ(6,"form",0)(7,"table",1)(8,"thead")(9,"tr")(10,"th",2),g._uU(11," Name "),g.qZA(),g.TgZ(12,"th",3),g._uU(13,"Date"),g.qZA(),g.TgZ(14,"th",3),g._uU(15,"Gender"),g.qZA(),g.TgZ(16,"th",3),g._uU(17,"Quantity"),g.qZA(),g.TgZ(18,"th",3),g._uU(19,"Sum, $"),g.qZA()()(),g.TgZ(20,"tbody")(21,"tr")(22,"td",4)(23,"tui-input",5),g._uU(24," Name "),g._UZ(25,"input",6),g.qZA()(),g.TgZ(26,"td",4)(27,"tui-input-date",7),g._uU(28,"Date"),g.qZA()(),g.TgZ(29,"td",4)(30,"tui-select",8),g._uU(31," Color "),g.YNc(32,Nt,1,1,"tui-data-list-wrapper",9),g.qZA()(),g.TgZ(33,"td",4)(34,"tui-input-number",10),g._uU(35," Quantity "),g.qZA()(),g.TgZ(36,"td",4)(37,"tui-input-number",11),g._uU(38," Sum "),g.qZA()()()()()()),2&t&&(g.xp6(6),g.Q6J("formGroup",e.form)("tuiTextfieldLabelOutside",!0),g.xp6(31),g.Q6J("readOnly",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,Ct.q,bt.g,At.u,vt.O,yt.c,qt.W,Lt.K,Jt.j,Mt.k,A.x,v.s,et.g,nt.e],styles:[".table[_ngcontent-%COMP%]{width:40rem}.name[_ngcontent-%COMP%]{width:10rem}"],changeDetection:0}),e})();var It=n(34880);function St(t,e){1&t&&g._UZ(0,"tui-svg",2)}let Ot=(()=>{var t;class e{constructor(){this.control=new o.NI("",[o.kI.required,o.kI.minLength(5)])}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-7"]],decls:4,vars:3,consts:[["tuiHintContent","Type 5 letters or more",3,"formControl","tuiTextfieldCleaner","tuiTextfieldCustomContent"],["success",""],["src","tuiIconCheck",1,"success","tui-space_left-3"]],template:function(t,e){if(1&t&&(g.TgZ(0,"tui-input",0),g._uU(1," Hello\n"),g.qZA(),g.YNc(2,St,1,0,"ng-template",null,1,g.W1O)),2&t){const t=g.MAs(3);g.Q6J("formControl",e.control)("tuiTextfieldCleaner",!0)("tuiTextfieldCustomContent",e.control.valid?t:"")}},dependencies:[o.JJ,o.oH,x.K,Z.w,It.P,C.b,b.B,N.bZ],styles:[".success[_ngcontent-%COMP%]{position:relative;color:var(--tui-success-fill)}"],changeDetection:0}),e})();var Qt=n(51927),Dt=n(61528),Pt=n(84945);function Ht(t,e){if(1&t){const t=g.EpF();g.TgZ(0,"button",5),g.NdJ("click",(function(){const e=g.CHM(t).$implicit,n=g.oxw(4);return g.KtG(n.onClick(e))})),g.TgZ(1,"tui-avatar",6),g._uU(2),g.ALo(3,"tuiInitials"),g.qZA(),g.TgZ(4,"span",7),g._uU(5),g.qZA()()}if(2&t){const t=e.$implicit;g.Q6J("disabled",t.disabled)("value",t),g.xp6(1),g.Q6J("src",t.avatarUrl),g.xp6(1),g.hij(" ",g.lcZ(3,5,t.toString())," "),g.xp6(3),g.Oqu(t)}}function Vt(t,e){if(1&t&&(g.TgZ(0,"tui-data-list"),g.YNc(1,Ht,6,7,"button",4),g.qZA()),2&t){const t=g.oxw(2).tuiLet;g.xp6(1),g.Q6J("ngForOf",t)}}function Ft(t,e){1&t&&(g.ynx(0),g.YNc(1,Vt,2,1,"tui-data-list",3),g.BQk())}function Gt(t,e){if(1&t&&(g.TgZ(0,"tui-input",1),g._uU(1," Enter your name "),g.YNc(2,Ft,2,0,"ng-container",2),g.qZA()),2&t){const t=e.tuiLet,n=g.oxw();g.Q6J("formControl",n.control),g.xp6(2),g.Q6J("ngIf",null==t?null:t.length)}}class Yt{constructor(t,e,n=null,i=!1){this.firstName=t,this.lastName=e,this.avatarUrl=n,this.disabled=i}toString(){return`${this.firstName} ${this.lastName}`}}const Et=[new Yt("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new Yt("Alex","Inkin",R.Ll`/images/avatar.jpg`),new Yt("Gabriel José","de la Concordia «Gabo» García Márquez")];let zt=(()=>{var t;class e{constructor(){this.control=new o.NI(""),this.firstName="",this.lastName="",this.items$=this.control.valueChanges.pipe((0,Qt.O)(""),(0,Dt.w)((t=>this.request(t??"").pipe((0,B.U)((e=>1===e.length&&String(e[0])===t?(this.onClick(e[0]),[]):e))))),(0,Qt.O)(Et))}onClick({lastName:t,firstName:e}){this.lastName=t,this.firstName=e}request(t){return(0,Pt.of)(Et.filter((e=>(0,l.TUI_DEFAULT_MATCHER)(e,t))))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-8"]],decls:5,vars:5,consts:[[3,"formControl",4,"tuiLet"],[3,"formControl"],[4,"ngIf"],[4,"tuiDataList"],["tuiOption","",3,"disabled","value","click",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value","click"],["size","xs",1,"avatar",3,"src"],[1,"name"]],template:function(t,e){1&t&&(g.YNc(0,Gt,3,2,"tui-input",0),g.ALo(1,"async"),g.TgZ(2,"p"),g._uU(3,"Parsed on complete match:"),g.qZA(),g._uU(4)),2&t&&(g.Q6J("tuiLet",g.lcZ(1,3,e.items$)),g.xp6(4),g.AsE("\n",e.firstName," ",e.lastName,"\n"))},dependencies:[o.JJ,o.oH,i.sg,i.O5,x.K,Z.w,j.J,W.q,tt.v,et.g,it.L,i.Ov,ut.X],styles:[".avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;margin-right:auto}"],changeDetection:0}),e})(),Kt=(()=>{var t;class e{constructor(){this.value=""}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-9"]],decls:3,vars:2,consts:[["tuiHintContent","لا يدعمه Safari أدناه 12.1","tuiHintDirection","bottom-right","tuiTextfieldIconLeft","tuiIconSearchLarge",1,"input",3,"tuiTextfieldCleaner","ngModel","ngModelChange"],["placeholder","اكتب الاستعلام الخاص بك","tuiTextfield",""]],template:function(t,e){1&t&&(g.TgZ(0,"tui-input",0),g.NdJ("ngModelChange",(function(t){return e.value=t})),g._uU(1," بحث "),g._UZ(2,"input",1),g.qZA()),2&t&&g.Q6J("tuiTextfieldCleaner",!0)("ngModel",e.value)},dependencies:[o.JJ,o.On,x.K,Z.w,_.M,C.b,q.a,N.bZ],styles:[".input[_ngcontent-%COMP%]{width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),e})(),Rt=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=g.Xpm({type:t,selectors:[["tui-input-example-10"]],decls:21,vars:2,consts:[[3,"formGroup"],["formControlName","testValue"],["autocomplete","email","translate","no","tuiTextfield","","type","email"],[1,"tui-space_top-4","t-hr"],["href","https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#preventing_autofilling_with_autocompletenew-password","rel","noreferrer","target","_blank","tuiLink",""],[1,"tui-space_vertical-4"],["autocomplete","new-password","translate","no","tuiTextfield","","type","email"],[1,"tui-space_top-4"]],template:function(t,e){1&t&&(g.TgZ(0,"form",0)(1,"tui-input",1),g._uU(2," Type an email "),g._UZ(3,"input",2),g.qZA()(),g._UZ(4,"hr",3),g.TgZ(5,"h4"),g._uU(6," Preventing autofilling - "),g.TgZ(7,"a",4),g._uU(8," MDN "),g.qZA()(),g.TgZ(9,"tui-notification",5)(10,"code"),g._uU(11,"autocomplete=off"),g.qZA(),g._uU(12," is largely ignored in modern browsers - primarily due to password managers etc.\n"),g.qZA(),g.TgZ(13,"form",0)(14,"tui-input",1),g._uU(15," Type an email "),g._UZ(16,"input",6),g.qZA()(),g.TgZ(17,"tui-notification",7),g._uU(18," This is a hint, which browsers are not required to comply with. However modern browsers have stopped autofilling elements with "),g.TgZ(19,"code"),g._uU(20,'autocomplete="new-password"'),g.qZA()()),2&t&&(g.Q6J("formGroup",e.testForm),g.xp6(13),g.Q6J("formGroup",e.testForm))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,w.V,U.L],encapsulation:2,changeDetection:0}),e})();const Bt=["justLongText"];function $t(t,e){if(1&t&&(g.TgZ(0,"div",3),g._uU(1," Input — is a single-line textfield. It's not recommended to use it with numbers, because the value type of this component is a string "),g.qZA(),g.TgZ(2,"p"),g._uU(3,"Inputs for other types of data:"),g.qZA(),g.TgZ(4,"blockquote")(5,"ul")(6,"li")(7,"a",4)(8,"code"),g._uU(9,"Textarea"),g.qZA()(),g._uU(10," — for multiline text "),g.qZA(),g.TgZ(11,"li")(12,"a",5)(13,"code"),g._uU(14,"InputDate"),g.qZA()(),g._uU(15," — for dates "),g.qZA(),g.TgZ(16,"li")(17,"a",6)(18,"code"),g._uU(19,"InputDateRange"),g.qZA()(),g._uU(20," — for a range of dates "),g.qZA(),g.TgZ(21,"li")(22,"a",7)(23,"code"),g._uU(24,"InputNumber"),g.qZA()(),g._uU(25," — for number (with measurement postfix) "),g.qZA(),g.TgZ(26,"li")(27,"a",8)(28,"code"),g._uU(29,"InputPassword"),g.qZA()(),g._uU(30," — for passwords "),g.qZA(),g.TgZ(31,"li")(32,"a",9)(33,"code"),g._uU(34,"InputPhone"),g.qZA()(),g._uU(35," — for phone numbers "),g.qZA(),g.TgZ(36,"li")(37,"a",10)(38,"code"),g._uU(39,"InputTag"),g.qZA()(),g._uU(40," — for input tags "),g.qZA(),g.TgZ(41,"li")(42,"a",11)(43,"code"),g._uU(44,"InputRange"),g.qZA()(),g._uU(45," , "),g.TgZ(46,"a",12)(47,"code"),g._uU(48,"InputSlider"),g.qZA()(),g._uU(49," — for accurate number values "),g.qZA(),g.TgZ(50,"li")(51,"a",13)(52,"code"),g._uU(53,"Slider"),g.qZA()(),g._uU(54," , "),g.TgZ(55,"a",14)(56,"code"),g._uU(57,"Range"),g.qZA()(),g._uU(58," — for not accurate number values "),g.qZA()()(),g.TgZ(59,"tui-doc-example",15)(60,"tui-notification",16),g._uU(61," If you need to set some attributes or listen to events on native "),g.TgZ(62,"code"),g._uU(63,"input"),g.qZA(),g._uU(64," , you can put it inside with "),g.TgZ(65,"code"),g._uU(66,"Textfield"),g.qZA(),g._uU(67," directive as shown below "),g.qZA(),g._UZ(68,"tui-input-example-1"),g.qZA(),g.TgZ(69,"tui-doc-example",17),g._UZ(70,"tui-input-example-2"),g.qZA(),g.TgZ(71,"tui-doc-example",18)(72,"tui-notification"),g._uU(73," Taiga UI input is compatible with "),g.TgZ(74,"a",19),g._uU(75," Maskito "),g.qZA()(),g._UZ(76,"tui-input-example-3"),g.TgZ(77,"tui-notification")(78,"code"),g._uU(79,"TuiUnmaskHandlerModule"),g.qZA(),g._uU(80," allows to store value without mask in form control "),g.qZA()(),g.TgZ(81,"tui-doc-example",20),g._UZ(82,"tui-input-example-4"),g.qZA(),g.TgZ(83,"tui-doc-example",21),g._UZ(84,"tui-input-example-5"),g.qZA(),g.TgZ(85,"tui-doc-example",22),g._UZ(86,"tui-input-example-6"),g.qZA(),g.TgZ(87,"tui-doc-example",23),g._UZ(88,"tui-input-example-7"),g.qZA(),g.TgZ(89,"tui-doc-example",24),g._UZ(90,"tui-input-example-8"),g.qZA(),g.TgZ(91,"tui-doc-example",25),g._UZ(92,"tui-input-example-9"),g.qZA(),g.TgZ(93,"tui-doc-example",26),g._UZ(94,"tui-input-example-10"),g.qZA()),2&t){const t=g.oxw();g.xp6(59),g.Q6J("content",t.example1),g.xp6(10),g.Q6J("content",t.example2),g.xp6(2),g.Q6J("content",t.example3),g.xp6(10),g.Q6J("content",t.example4),g.xp6(2),g.Q6J("content",t.example5),g.xp6(2),g.Q6J("content",t.example6),g.xp6(2),g.Q6J("content",t.example7),g.xp6(2),g.Q6J("content",t.example8),g.xp6(2),g.Q6J("content",t.example9),g.xp6(2),g.Q6J("content",t.example10)}}function Xt(t,e){if(1&t){const t=g.EpF();g.TgZ(0,"tui-input",35),g.NdJ("tuiDropdownOpenChange",(function(e){g.CHM(t);const n=g.oxw(2);return g.KtG(n.dropdownOpen.next(e))})),g.ALo(1,"async"),g._uU(2," Label "),g.TgZ(3,"strong"),g._uU(4,"strong text"),g.qZA(),g._UZ(5,"input",36),g.qZA()}if(2&t){const t=g.oxw(2);g.Udp("text-align",t.textAlign),g.Q6J("focusable",t.focusable)("formControl",t.control)("pseudoFocus",t.pseudoFocused)("pseudoHover",t.pseudoHovered)("pseudoInvalid",t.pseudoInvalid)("readOnly",t.readOnly)("tuiDropdownAlign",t.dropdownAlign)("tuiDropdownDirection",t.dropdownDirection)("tuiDropdownLimitWidth",t.dropdownLimitWidth)("tuiDropdownMaxHeight",t.dropdownMaxHeight)("tuiDropdownMinHeight",t.dropdownMinHeight)("tuiDropdownOffset",t.dropdownOffset)("tuiDropdownOpen",!!g.lcZ(1,28,t.dropdownOpen))("tuiHintAppearance",t.hintAppearance)("tuiHintContent",t.hintContent)("tuiHintDirection",t.hintDirection)("tuiTextfieldCleaner",t.cleaner)("tuiTextfieldCustomContent",t.customContent)("tuiTextfieldFiller",t.filler)("tuiTextfieldIcon",t.icon)("tuiTextfieldIconLeft",t.iconLeft)("tuiTextfieldLabelOutside",t.labelOutside)("tuiTextfieldPostfix",t.postfix)("tuiTextfieldPrefix",t.prefix)("tuiTextfieldSize",t.size),g.xp6(5),g.Q6J("placeholder",t.placeholder)}}function jt(t,e){if(1&t&&(g.TgZ(0,"div",37)(1,"div",38),g._uU(2),g.qZA(),g.TgZ(3,"span"),g._uU(4),g.ALo(5,"async"),g.ALo(6,"tuiAmount"),g.qZA()()),2&t){const t=e.$implicit;g.xp6(2),g.Oqu(t.name),g.xp6(2),g.Oqu(g.lcZ(5,2,g.xi3(6,4,t.balance,"RUB")))}}function Wt(t,e){1&t&&(g._uU(0," Disabled state (use "),g.TgZ(1,"code"),g._uU(2,"formControl.disable()"),g.qZA(),g._uU(3," ) "))}function te(t,e){1&t&&g._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of an icon ")}function ee(t,e){1&t&&(g._uU(0," Placeholder (use external "),g._UZ(1,"code",39),g._uU(2," to set it) "))}function ne(t,e){1&t&&g._uU(0," Custom align content by text-align ")}function ie(t,e){if(1&t){const t=g.EpF();g.TgZ(0,"tui-doc-demo",27),g.YNc(1,Xt,6,30,"ng-template"),g.qZA(),g.YNc(2,jt,7,7,"ng-template",null,28,g.W1O),g.TgZ(4,"tui-doc-documentation"),g.YNc(5,Wt,4,0,"ng-template",29),g.NdJ("documentationPropertyValueChange",(function(e){g.CHM(t);const n=g.oxw();return g.KtG(n.disabled=e)})),g.YNc(6,te,1,0,"ng-template",30),g.NdJ("documentationPropertyValueChange",(function(e){g.CHM(t);const n=g.oxw();return g.KtG(n.icon=e)})),g.YNc(7,ee,3,0,"ng-template",31),g.NdJ("documentationPropertyValueChange",(function(e){g.CHM(t);const n=g.oxw();return g.KtG(n.placeholder=e)})),g.qZA(),g._UZ(8,"inherited-documentation",32),g.TgZ(9,"tui-doc-documentation",33),g.YNc(10,ne,1,0,"ng-template",34),g.NdJ("documentationPropertyValueChange",(function(e){g.CHM(t);const n=g.oxw();return g.KtG(n.textAlign=e)})),g.qZA()}if(2&t){const t=g.oxw();g.Q6J("control",t.control),g.xp6(5),g.Q6J("documentationPropertyValue",t.disabled),g.xp6(1),g.Q6J("documentationPropertyValues",t.iconVariants)("documentationPropertyValue",t.icon),g.xp6(1),g.Q6J("documentationPropertyValue",t.placeholder),g.xp6(1),g.Q6J("dropdown",!0),g.xp6(2),g.Q6J("documentationPropertyValues",t.textAlignVariants)("documentationPropertyValue",t.textAlign)}}function oe(t,e){if(1&t&&(g.TgZ(0,"ol",40)(1,"li")(2,"p"),g._uU(3," Import an Angular module for forms and "),g.TgZ(4,"code"),g._uU(5,"TuiInputModule"),g.qZA(),g._uU(6," in the same module where you want to use our component: "),g.qZA(),g._UZ(7,"tui-doc-code",41),g.qZA(),g.TgZ(8,"li")(9,"p"),g._uU(10," Declare a form ( "),g.TgZ(11,"code"),g._uU(12,"FormGroup"),g.qZA(),g._uU(13," ) or a control ( "),g.TgZ(14,"code"),g._uU(15,"FormControl"),g.qZA(),g._uU(16," ) in your component: "),g.qZA(),g._UZ(17,"tui-doc-code",42),g.qZA(),g.TgZ(18,"li")(19,"p"),g._uU(20,"Add to the template:"),g.qZA(),g._UZ(21,"tui-doc-code",43),g.qZA()()),2&t){const t=g.oxw();g.xp6(7),g.Q6J("code",t.exampleModule),g.xp6(10),g.Q6J("code",t.exampleForm),g.xp6(4),g.Q6J("code",t.exampleHtml)}}function ue(t,e){1&t&&g._uU(0,"LongTextContent")}const ae="LongTextContent";let re=(()=>{var t;class e extends f.b{constructor(){super(...arguments),this.iconVariants=["","tuiIconSearchLarge","tuiIconCalendarLarge"],this.iconLeft=this.iconVariants[0],this.control=new o.NI("111",o.kI.required),this.customContentVariants=["","tuiIconSearchLarge","tuiIconCalendarLarge","tuiIconVisaMono","tuiIconMastercardMono",ae],this.exampleModule=n.e(47026).then(n.t.bind(n,47026,17)),this.exampleHtml=n.e(14378).then(n.t.bind(n,14378,17)),this.exampleForm=n.e(54905).then(n.t.bind(n,54905,17)),this.example1={TypeScript:n.e(47109).then(n.t.bind(n,47109,17)),HTML:n.e(64867).then(n.t.bind(n,64867,17))},this.example2={TypeScript:n.e(96501).then(n.t.bind(n,96501,17)),HTML:n.e(91839).then(n.t.bind(n,91839,17))},this.example3={TypeScript:n.e(17161).then(n.t.bind(n,17161,17)),HTML:n.e(5232).then(n.t.bind(n,5232,17))},this.example4={TypeScript:n.e(81470).then(n.t.bind(n,81470,17)),HTML:n.e(57933).then(n.t.bind(n,57933,17)),LESS:n.e(8345).then(n.t.bind(n,8345,17))},this.example5={TypeScript:n.e(92727).then(n.t.bind(n,92727,17)),HTML:n.e(54879).then(n.t.bind(n,54879,17)),LESS:n.e(26492).then(n.t.bind(n,26492,17))},this.example6={TypeScript:n.e(95446).then(n.t.bind(n,95446,17)),HTML:n.e(49671).then(n.t.bind(n,49671,17)),LESS:n.e(94430).then(n.t.bind(n,94430,17))},this.example7={TypeScript:n.e(72092).then(n.t.bind(n,72092,17)),HTML:n.e(65945).then(n.t.bind(n,65945,17)),LESS:n.e(57150).then(n.t.bind(n,57150,17))},this.example8={TypeScript:n.e(11962).then(n.t.bind(n,11962,17)),HTML:n.e(71081).then(n.t.bind(n,71081,17)),LESS:n.e(99385).then(n.t.bind(n,99385,17))},this.example9={TypeScript:n.e(2132).then(n.t.bind(n,2132,17)),HTML:n.e(98252).then(n.t.bind(n,98252,17)),LESS:n.e(34183).then(n.t.bind(n,34183,17))},this.example10={TypeScript:n.e(65236).then(n.t.bind(n,65236,17)),HTML:n.e(11471).then(n.t.bind(n,11471,17))},this.icon=this.iconVariants[0],this.placeholder="Field placeholder"}get customContent(){return this.customContentSelected===ae?this.longTextRef:this.customContentSelected}set customContent(t){this.customContentSelected=t}}return(t=e).ɵfac=function(){let e;return function(n){return(e||(e=g.n5z(t)))(n||t)}}(),t.ɵcmp=g.Xpm({type:t,selectors:[["example-tui-input"]],viewQuery:function(t,e){if(1&t&&g.Gf(Bt,7),2&t){let t;g.iGM(t=g.CRH())&&(e.longTextRef=t.first)}},features:[g._Bn([{provide:h.x,useExisting:(0,g.Gpc)((()=>t))}]),g.qOj],decls:6,vars:0,consts:[["header","Input","package","KIT","type","components"],["pageTab",""],["justLongText",""],[1,"tui-space_bottom-3"],["routerLink","/components/textarea","tuiLink",""],["routerLink","/components/input-date","tuiLink",""],["routerLink","/components/input-date-range","tuiLink",""],["routerLink","/components/input-number","tuiLink",""],["routerLink","/components/input-password","tuiLink",""],["routerLink","/components/input-phone","tuiLink",""],["routerLink","/components/input-tag","tuiLink",""],["routerLink","/components/input-range","tuiLink",""],["routerLink","/components/input-slider","tuiLink",""],["routerLink","/components/slider","tuiLink",""],["routerLink","/components/range","tuiLink",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","sizes","heading","sizes",3,"content"],["id","mask","heading","Mask",3,"content"],["href","https://maskito.dev","rel","noreferrer","target","_blank","tuiLink",""],["id","autocomplete","heading","Autocomplete with dropdown",3,"content"],["id","modes","heading","Modes",3,"content"],["id","table","heading","Table",3,"content"],["id","success","description","A check mark by success validation","heading","Check",3,"content"],["id","datalist","heading","DataList",3,"content"],["id","rtl","heading","Direction: RTL",3,"content"],["id","autofill","heading","Disable browser autofill",3,"content"],[3,"control"],["itemContent",""],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","placeholder","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"focusable","formControl","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize","tuiDropdownOpenChange"],["tuiTextfield","",3,"placeholder"],[1,"account"],[1,"name"],["tuiText",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(g.TgZ(0,"tui-doc-page",0),g.YNc(1,$t,95,10,"ng-template",1),g.YNc(2,ie,11,8,"ng-template",1),g.YNc(3,oe,22,3,"ng-template",1),g.qZA(),g.YNc(4,ue,1,0,"ng-template",null,2,g.W1O))},dependencies:[u.rH,T.w,o.JJ,o.oH,x.K,Z.w,_.M,w.V,U.L,C.b,b.B,A.x,v.s,y.A,q.a,L.A,J.T,M.k,N.bZ,k.o,I.Ek,S.c,O.F,Q.z,D.B,P.q,H.n,V.f,F.v,G,Y,K,_t,Ut,kt,Ot,zt,Kt,Rt,i.Ov,ot.E],styles:[".account[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:3.5rem;padding:.5rem 0;box-sizing:border-box}.name[_ngcontent-%COMP%]{opacity:.7}"],changeDetection:0}),e})(),se=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=g.oAB({type:t}),t.ɵinj=g.cJS({imports:[u.Bz,m.f,o.UX,o.u5,i.ez,p.TuiInputModule,p.TuiInputNumberModule,p.TuiSelectModule,l.TuiMapperPipeModule,c.TuiLinkModule,c.TuiModeModule,s.TuiTableModule,p.TuiInputDateModule,c.TuiNotificationModule,l.TuiRepeatTimesModule,c.TuiSvgModule,p.TuiRadioListModule,c.TuiButtonModule,a.TuiInputCardModule,p.TuiAvatarComponent,c.TuiPrimitiveTextfieldModule,c.TuiTextfieldControllerModule,c.TuiHintModule,c.TuiDropdownModule,c.TuiDataListModule,p.TuiDataListWrapperModule,l.TuiLetModule,d.wq,r.fV,u.Bz.forChild((0,r.Ve)(re)),r.Zp,p.TuiUnmaskHandlerModule]}),e})()}}]); \ No newline at end of file diff --git a/next/46370.f3e173607d67dfe2.js b/next/46370.f3e173607d67dfe2.js deleted file mode 100644 index ec1d7d09af90..000000000000 --- a/next/46370.f3e173607d67dfe2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[46370],{46370:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiInputModule:()=>se});var i=n(88692),o=n(69900),u=n(91795),a=n(24007),r=n(64500),s=n(29297),l=n(53222),c=n(73588),p=n(84479),d=n(89570),m=n(75695),f=n(64537),g=n(82880),h=n(98204),T=n(54218),x=n(77027),Z=n(41360),_=n(91030),w=n(66596),U=n(79121),b=n(64374),C=n(6707),A=n(68874),v=n(10200),y=n(88494),q=n(3729),L=n(44998),J=n(89437),M=n(87205),N=n(84848),k=n(69956),I=n(33250),S=n(83074),O=n(10977),Q=n(62840),D=n(60404),P=n(43560),H=n(93525),V=n(38868),F=n(91473);let G=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("mail@mail.ru")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-1"]],decls:4,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue"],["tuiTextfield","","type","email"]],template:function(t,e){1&t&&(f.TgZ(0,"form",0)(1,"tui-input",1),f._uU(2," Type an email "),f._UZ(3,"input",2),f.qZA()()),2&t&&f.Q6J("formGroup",e.testForm)},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M],encapsulation:2,changeDetection:0}),e})(),Y=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("mail@mail.ru")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-2"]],decls:22,vars:8,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",3,"tuiTextfieldCleaner"],["autocomplete","email","tuiTextfield","","type","email"],["formControlName","testValue","tuiTextfieldSize","m",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["formControlName","testValue","tuiTextfieldSize","m",3,"tuiTextfieldCleaner"],["formControlName","testValue",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["autocomplete","email","placeholder","mail@mail.ru","tuiTextfield","","type","email"],["formControlName","testValue","tuiHintContent","It will be used for sending documents",3,"tuiTextfieldCleaner"],[1,"tui-required"]],template:function(t,e){1&t&&(f.TgZ(0,"form",0)(1,"p")(2,"tui-input",1),f._uU(3," Type an email "),f._UZ(4,"input",2),f.qZA()(),f.TgZ(5,"p")(6,"tui-input",3),f._uU(7," Type an email "),f._UZ(8,"input",2),f.qZA()(),f.TgZ(9,"p")(10,"tui-input",4),f._uU(11," Type an email "),f._UZ(12,"input",2),f.qZA()(),f.TgZ(13,"p")(14,"tui-input",5),f._uU(15," Type an email "),f._UZ(16,"input",6),f.qZA()(),f.TgZ(17,"p")(18,"tui-input",7),f._uU(19," Type an email "),f._UZ(20,"span",8)(21,"input",6),f.qZA()()()),2&t&&(f.Q6J("formGroup",e.testForm),f.xp6(2),f.Q6J("tuiTextfieldCleaner",!0),f.xp6(4),f.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),f.xp6(4),f.Q6J("tuiTextfieldCleaner",!0),f.xp6(4),f.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),f.xp6(4),f.Q6J("tuiTextfieldCleaner",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,b.b,A.x,v.s,N.bZ],encapsulation:2,changeDetection:0}),e})();var E=n(1913),z=n(63916);let K=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue1:new o.NI(""),testValue2:new o.NI("")}),this.maskOptions1={mask:[/\d/,/\d/,/\d/,/\d/," ",/\d/,/\d/,/\d/,/\d/,/\d/,/\d/]},this.maskOptions2={mask:[/\d/,/\d/,/\d/,"-",/\d/,/\d/,/\d/,"-",/\d/,/\d/,/\d/,"-",/\d/,/\d/]},this.unmask=t=>t.replaceAll("-","")}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-3"]],decls:14,vars:7,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue1",3,"maskito"],["inputmode","numeric","tuiTextfield",""],["formControlName","testValue2",3,"maskito","tuiUnmaskHandler"]],template:function(t,e){1&t&&(f.TgZ(0,"form",0)(1,"p")(2,"tui-input",1),f._uU(3," Document number "),f._UZ(4,"input",2),f.qZA()(),f.TgZ(5,"p")(6,"tui-input",3),f._uU(7," Secret number "),f._UZ(8,"input",2),f.qZA()()(),f.TgZ(9,"p"),f._uU(10,"Value stored in control:"),f.qZA(),f.TgZ(11,"pre"),f._uU(12),f.ALo(13,"json"),f.qZA()),2&t&&(f.Q6J("formGroup",e.testForm),f.xp6(2),f.Q6J("maskito",e.maskOptions1),f.xp6(4),f.Q6J("maskito",e.maskOptions2)("tuiUnmaskHandler",e.unmask),f.xp6(6),f.Oqu(f.lcZ(13,5,e.testForm.value)))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,E.ro,z.s,i.Ts],encapsulation:2,changeDetection:0}),e})();var R=n(73336),B=n(27969),$=n(98537),X=n(22436),j=n(44124),W=n(20933),tt=n(35065),et=n(52219),nt=n(50020),it=n(40939),ot=n(10650),ut=n(83653);const at=["avatar"];function rt(t,e){if(1&t){const t=f.EpF();f.TgZ(0,"button",12),f.NdJ("click",(function(){const e=f.CHM(t).$implicit,n=f.oxw(4);return f.KtG(n.onSelected(e))})),f._uU(1),f.TgZ(2,"tui-avatar",13),f._uU(3),f.ALo(4,"tuiInitials"),f.qZA()()}if(2&t){const t=e.$implicit;f.Q6J("value",t.toString()),f.xp6(1),f.hij(" ",t," "),f.xp6(1),f.Q6J("src",t.avatarUrl),f.xp6(1),f.hij(" ",f.lcZ(4,4,t.toString())," ")}}function st(t,e){if(1&t&&(f.TgZ(0,"tui-data-list"),f.YNc(1,rt,5,6,"button",11),f.qZA()),2&t){const t=f.oxw(2).tuiLet;f.xp6(1),f.Q6J("ngForOf",t)}}function lt(t,e){1&t&&(f.ynx(0),f.YNc(1,st,2,1,"tui-data-list",10),f.BQk())}function ct(t,e){if(1&t&&(f.TgZ(0,"tui-input",7),f._uU(1," User "),f._UZ(2,"input",8),f.YNc(3,lt,2,0,"ng-container",9),f.qZA()),2&t){const t=e.tuiLet,n=f.oxw();f.Q6J("tuiTextfieldCustomContent",n.content),f.xp6(3),f.Q6J("ngIf",null==t?null:t.length)}}function pt(t,e){if(1&t&&(f.TgZ(0,"tui-avatar",15),f._uU(1),f.ALo(2,"tuiInitials"),f.qZA()),2&t){const t=f.oxw(2);f.Q6J("src",t.lastUser.avatarUrl),f.xp6(1),f.hij(" ",f.lcZ(2,2,t.lastUser.toString())," ")}}function dt(t,e){if(1&t&&f.YNc(0,pt,3,4,"tui-avatar",14),2&t){const t=f.oxw();f.Q6J("ngIf",t.lastUser)}}function mt(t,e){if(1&t&&f._UZ(0,"tui-data-list-wrapper",16),2&t){const t=f.oxw(),e=f.MAs(9);f.Q6J("itemContent",e)("items",t.accounts)}}function ft(t,e){if(1&t&&(f.TgZ(0,"div"),f._uU(1),f.TgZ(2,"span"),f._uU(3),f.ALo(4,"async"),f.ALo(5,"tuiAmount"),f.qZA()()),2&t){const t=e.$implicit;f.xp6(1),f.hij(" ",t.name," "),f.xp6(2),f.Oqu(f.lcZ(4,2,f.xi3(5,4,t.amount,"RUB")))}}class gt{constructor(t,e,n=null,i=[],o=""){this.firstName=t,this.lastName=e,this.avatarUrl=n,this.accounts=i,this.card=o}toString(){return`${this.firstName} ${this.lastName}`}}class ht{constructor(t,e,n,i,o){this.id=t,this.name=e,this.amount=n,this.currency=i,this.cardSvg=o}toString(){return this.name}}const Tt=[new ht("1","RUB",24876.55,a.TuiCurrency.Ruble,"https://ng-web-apis.github.io/dist/assets/images/common.svg"),new ht("2","USD",335,a.TuiCurrency.Dollar,"https://ng-web-apis.github.io/dist/assets/images/geolocation.svg")],xt=[new ht("3","EUR",1e4,a.TuiCurrency.Euro,"https://ng-web-apis.github.io/dist/assets/images/intersection-observer.svg"),new ht("4","PND",100,a.TuiCurrency.Pound,"https://ng-web-apis.github.io/dist/assets/images/payment-request.svg")],Zt=[new gt("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368",Tt),new gt("Alex","Inkin",R.Ll`/images/avatar.jpg`,xt,"1234123412341234"),new gt("Dmitriy","Demenskiy"),new gt("Evgeniy","Mamaev"),new gt("Ivan","Ishmametiev"),new gt("Igor","Katsuba"),new gt("Yulia","Tsareva")];let _t=(()=>{var t;class e{constructor(){this.user=new o.NI(""),this.testForm=new o.cw({user:this.user,account:new o.NI(""),card:new o.NI("")}),this.lastUser=null,this.users$=(0,l.tuiControlValue)(this.user).pipe((0,B.U)((t=>{const e=Zt.filter((e=>(0,l.TUI_DEFAULT_MATCHER)(e,t)));return 1!==e.length||String(e[0]).toLowerCase()!==t.toLowerCase()?e:(this.onSelected(e[0]),[])})))}get card(){const t=this.testForm.get("card").value;if((t?.length??0)<7)return null;switch(t?.charAt(0)){case"0":case"1":case"2":return"https://ng-web-apis.github.io/dist/assets/images/common.svg";case"3":case"4":case"5":return"https://ng-web-apis.github.io/dist/assets/images/geolocation.svg";case"6":case"7":return"https://ng-web-apis.github.io/dist/assets/images/intersection-observer.svg";default:return"https://ng-web-apis.github.io/dist/assets/images/payment-request.svg"}}get isUserSelected(){return null!==this.lastUser&&this.lastUser.toString().toLowerCase()===this.testForm.get("user")?.value?.toLowerCase()}get content(){return this.avatar&&this.isUserSelected?this.avatar:""}get accounts(){return this.isUserSelected&&this.lastUser?.accounts||[]}onSelected(t){this.lastUser=t,this.testForm.get("card").setValue(t.card)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-4"]],viewQuery:function(t,e){if(1&t&&f.Gf(at,5),2&t){let t;f.iGM(t=f.CRH())&&(e.avatar=t.first)}},decls:12,vars:6,consts:[[1,"container",3,"formGroup"],["formControlName","user",3,"tuiTextfieldCustomContent",4,"tuiLet"],["avatar",""],["formControlName","account",1,"tui-space_vertical-5"],[3,"itemContent","items",4,"tuiDataList"],["accountContent",""],["formControlName","card",3,"cardSrc","tuiTextfieldCleaner"],["formControlName","user",3,"tuiTextfieldCustomContent"],["placeholder","Type your name or surname","tuiTextfield",""],[4,"ngIf"],[4,"tuiDataList"],["tuiOption","",3,"value","click",4,"ngFor","ngForOf"],["tuiOption","",3,"value","click"],["size","xs",3,"src"],["size","s",3,"src",4,"ngIf"],["size","s",3,"src"],[3,"itemContent","items"]],template:function(t,e){1&t&&(f.TgZ(0,"form",0),f.YNc(1,ct,4,2,"tui-input",1),f.ALo(2,"async"),f.YNc(3,dt,1,1,"ng-template",null,2,f.W1O),f.TgZ(5,"tui-input",3),f._uU(6," Account "),f.YNc(7,mt,1,2,"tui-data-list-wrapper",4),f.YNc(8,ft,6,7,"ng-template",null,5,f.W1O),f.qZA(),f.TgZ(10,"tui-input-card",6),f._uU(11," Card number "),f.qZA()()),2&t&&(f.Q6J("formGroup",e.testForm),f.xp6(1),f.Q6J("tuiLet",f.lcZ(2,4,e.users$)),f.xp6(9),f.Q6J("cardSrc",e.card)("tuiTextfieldCleaner",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,i.sg,i.O5,x.K,Z.w,_.M,$.z,X.a,j.J,b.b,C.B,W.q,tt.v,et.g,nt.e,it.L,i.Ov,ot.E,ut.X],styles:[".container[_ngcontent-%COMP%]{max-width:18rem}"],changeDetection:0}),e})();var wt=n(30644);let Ut=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("mail@mail.ru")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-5"]],decls:21,vars:4,consts:[[1,"b-form",3,"formGroup"],["routerLink","/directives/mode","tuiLink",""],["formControlName","testValue",3,"tuiTextfieldCleaner"],["placeholder","mail@mail.ru","tuiTextfield","","type","email"],[1,"wrapper","wrapper_dark"],["formControlName","testValue","tuiMode","onDark",3,"tuiTextfieldCleaner"],[1,"wrapper","wrapper_light"],["formControlName","testValue","tuiMode","onLight",3,"tuiTextfieldCleaner"]],template:function(t,e){1&t&&(f.TgZ(0,"form",0)(1,"tui-notification"),f._uU(2," Custom mode is set with "),f.TgZ(3,"a",1)(4,"code"),f._uU(5,"tuiMode"),f.qZA()(),f._uU(6," directive "),f.qZA(),f.TgZ(7,"p")(8,"tui-input",2),f._uU(9," Type an email "),f._UZ(10,"input",3),f.qZA()(),f.TgZ(11,"div")(12,"p",4)(13,"tui-input",5),f._uU(14," Type an email "),f._UZ(15,"input",3),f.qZA()()(),f.TgZ(16,"div")(17,"p",6)(18,"tui-input",7),f._uU(19," Type an email "),f._UZ(20,"input",3),f.qZA()()()()),2&t&&(f.Q6J("formGroup",e.testForm),f.xp6(8),f.Q6J("tuiTextfieldCleaner",!0),f.xp6(5),f.Q6J("tuiTextfieldCleaner",!0),f.xp6(5),f.Q6J("tuiTextfieldCleaner",!0))},dependencies:[u.rH,o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,w.V,wt.w,U.L,b.b],styles:[".wrapper[_ngcontent-%COMP%]{padding:.75rem}.wrapper_dark[_ngcontent-%COMP%]{background-color:#30406a}.wrapper_light[_ngcontent-%COMP%]{background-color:#e5e7ea}"],changeDetection:0}),e})();var bt=n(16753),Ct=n(13735),At=n(50170),vt=n(1414),yt=n(19582),qt=n(96408),Lt=n(48598),Jt=n(62047),Mt=n(40813);function Nt(t,e){if(1&t&&f._UZ(0,"tui-data-list-wrapper",12),2&t){const t=f.oxw();f.Q6J("items",t.items)}}let kt=(()=>{var t;class e{constructor(){this.items=["Black","Gold","Silver"],this.form=new o.cw({name:new o.NI("",o.kI.required),date:new o.NI(null,o.kI.required),color:new o.NI(null,o.kI.required),quantity:new o.NI(null),sum:new o.NI(255)})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-6"]],decls:39,vars:3,consts:[["tuiTextfieldSize","m",3,"formGroup","tuiTextfieldLabelOutside"],["tuiTable","",1,"table"],["tuiTh","",1,"name"],["tuiTh",""],["tuiTd",""],["formControlName","name"],["placeholder","Ivan Ivanov","tuiTextfield",""],["formControlName","date"],["formControlName","color"],[3,"items",4,"tuiDataList"],["decimal","never","formControlName","quantity"],["formControlName","sum",3,"readOnly"],[3,"items"]],template:function(t,e){1&t&&(f.TgZ(0,"p")(1,"code"),f._uU(2,"tuiTable"),f.qZA(),f._uU(3," directive from "),f.TgZ(4,"code"),f._uU(5,"@taiga-ui/addon-table"),f.qZA()(),f.TgZ(6,"form",0)(7,"table",1)(8,"thead")(9,"tr")(10,"th",2),f._uU(11," Name "),f.qZA(),f.TgZ(12,"th",3),f._uU(13,"Date"),f.qZA(),f.TgZ(14,"th",3),f._uU(15,"Gender"),f.qZA(),f.TgZ(16,"th",3),f._uU(17,"Quantity"),f.qZA(),f.TgZ(18,"th",3),f._uU(19,"Sum, $"),f.qZA()()(),f.TgZ(20,"tbody")(21,"tr")(22,"td",4)(23,"tui-input",5),f._uU(24," Name "),f._UZ(25,"input",6),f.qZA()(),f.TgZ(26,"td",4)(27,"tui-input-date",7),f._uU(28,"Date"),f.qZA()(),f.TgZ(29,"td",4)(30,"tui-select",8),f._uU(31," Color "),f.YNc(32,Nt,1,1,"tui-data-list-wrapper",9),f.qZA()(),f.TgZ(33,"td",4)(34,"tui-input-number",10),f._uU(35," Quantity "),f.qZA()(),f.TgZ(36,"td",4)(37,"tui-input-number",11),f._uU(38," Sum "),f.qZA()()()()()()),2&t&&(f.xp6(6),f.Q6J("formGroup",e.form)("tuiTextfieldLabelOutside",!0),f.xp6(31),f.Q6J("readOnly",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,bt.q,Ct.g,At.u,vt.O,yt.c,qt.W,Lt.K,Jt.j,Mt.k,A.x,v.s,et.g,nt.e],styles:[".table[_ngcontent-%COMP%]{width:40rem}.name[_ngcontent-%COMP%]{width:10rem}"],changeDetection:0}),e})();var It=n(34880);function St(t,e){1&t&&f._UZ(0,"tui-svg",2)}let Ot=(()=>{var t;class e{constructor(){this.control=new o.NI("",[o.kI.required,o.kI.minLength(5)])}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-7"]],decls:4,vars:3,consts:[["tuiHintContent","Type 5 letters or more",1,"b-form",3,"formControl","tuiTextfieldCleaner","tuiTextfieldCustomContent"],["success",""],["src","tuiIconCheck",1,"success","tui-space_left-3"]],template:function(t,e){if(1&t&&(f.TgZ(0,"tui-input",0),f._uU(1," Hello\n"),f.qZA(),f.YNc(2,St,1,0,"ng-template",null,1,f.W1O)),2&t){const t=f.MAs(3);f.Q6J("formControl",e.control)("tuiTextfieldCleaner",!0)("tuiTextfieldCustomContent",e.control.valid?t:"")}},dependencies:[o.JJ,o.oH,x.K,Z.w,It.P,b.b,C.B,N.bZ],styles:[".success[_ngcontent-%COMP%]{position:relative;color:var(--tui-success-fill)}"],changeDetection:0}),e})();var Qt=n(51927),Dt=n(61528),Pt=n(84945);function Ht(t,e){if(1&t){const t=f.EpF();f.TgZ(0,"button",5),f.NdJ("click",(function(){const e=f.CHM(t).$implicit,n=f.oxw(4);return f.KtG(n.onClick(e))})),f.TgZ(1,"tui-avatar",6),f._uU(2),f.ALo(3,"tuiInitials"),f.qZA(),f.TgZ(4,"span",7),f._uU(5),f.qZA()()}if(2&t){const t=e.$implicit;f.Q6J("disabled",t.disabled)("value",t),f.xp6(1),f.Q6J("src",t.avatarUrl),f.xp6(1),f.hij(" ",f.lcZ(3,5,t.toString())," "),f.xp6(3),f.Oqu(t)}}function Vt(t,e){if(1&t&&(f.TgZ(0,"tui-data-list"),f.YNc(1,Ht,6,7,"button",4),f.qZA()),2&t){const t=f.oxw(2).tuiLet;f.xp6(1),f.Q6J("ngForOf",t)}}function Ft(t,e){1&t&&(f.ynx(0),f.YNc(1,Vt,2,1,"tui-data-list",3),f.BQk())}function Gt(t,e){if(1&t&&(f.TgZ(0,"tui-input",1),f._uU(1," Enter your name "),f.YNc(2,Ft,2,0,"ng-container",2),f.qZA()),2&t){const t=e.tuiLet,n=f.oxw();f.Q6J("formControl",n.control),f.xp6(2),f.Q6J("ngIf",null==t?null:t.length)}}class Yt{constructor(t,e,n=null,i=!1){this.firstName=t,this.lastName=e,this.avatarUrl=n,this.disabled=i}toString(){return`${this.firstName} ${this.lastName}`}}const Et=[new Yt("Roman","Sedov","https://avatars.githubusercontent.com/u/10106368"),new Yt("Alex","Inkin",R.Ll`/images/avatar.jpg`),new Yt("Gabriel José","de la Concordia «Gabo» García Márquez")];let zt=(()=>{var t;class e{constructor(){this.control=new o.NI(""),this.firstName="",this.lastName="",this.items$=this.control.valueChanges.pipe((0,Qt.O)(""),(0,Dt.w)((t=>this.request(t??"").pipe((0,B.U)((e=>1===e.length&&String(e[0])===t?(this.onClick(e[0]),[]):e))))),(0,Qt.O)(Et))}onClick({lastName:t,firstName:e}){this.lastName=t,this.firstName=e}request(t){return(0,Pt.of)(Et.filter((e=>(0,l.TUI_DEFAULT_MATCHER)(e,t))))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-8"]],decls:5,vars:5,consts:[["class","b-form",3,"formControl",4,"tuiLet"],[1,"b-form",3,"formControl"],[4,"ngIf"],[4,"tuiDataList"],["tuiOption","",3,"disabled","value","click",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value","click"],["size","xs",1,"avatar",3,"src"],[1,"name"]],template:function(t,e){1&t&&(f.YNc(0,Gt,3,2,"tui-input",0),f.ALo(1,"async"),f.TgZ(2,"p"),f._uU(3,"Parsed on complete match:"),f.qZA(),f._uU(4)),2&t&&(f.Q6J("tuiLet",f.lcZ(1,3,e.items$)),f.xp6(4),f.AsE("\n",e.firstName," ",e.lastName,"\n"))},dependencies:[o.JJ,o.oH,i.sg,i.O5,x.K,Z.w,j.J,W.q,tt.v,et.g,it.L,i.Ov,ut.X],styles:[".avatar[_ngcontent-%COMP%]{margin:0 .5rem 0 0;flex-shrink:0}.name[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;margin-right:auto}"],changeDetection:0}),e})(),Kt=(()=>{var t;class e{constructor(){this.value=""}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-9"]],decls:3,vars:2,consts:[["tuiHintContent","لا يدعمه Safari أدناه 12.1","tuiHintDirection","bottom-right","tuiTextfieldIconLeft","tuiIconSearchLarge",1,"input",3,"tuiTextfieldCleaner","ngModel","ngModelChange"],["placeholder","اكتب الاستعلام الخاص بك","tuiTextfield",""]],template:function(t,e){1&t&&(f.TgZ(0,"tui-input",0),f.NdJ("ngModelChange",(function(t){return e.value=t})),f._uU(1," بحث "),f._UZ(2,"input",1),f.qZA()),2&t&&f.Q6J("tuiTextfieldCleaner",!0)("ngModel",e.value)},dependencies:[o.JJ,o.On,x.K,Z.w,_.M,b.b,q.a,N.bZ],styles:[".input[_ngcontent-%COMP%]{width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),e})(),Rt=(()=>{var t;class e{constructor(){this.testForm=new o.cw({testValue:new o.NI("")})}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=f.Xpm({type:t,selectors:[["tui-input-example-10"]],decls:21,vars:2,consts:[[3,"formGroup"],["formControlName","testValue"],["autocomplete","email","translate","no","tuiTextfield","","type","email"],[1,"tui-space_top-4","t-hr"],["href","https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion#preventing_autofilling_with_autocompletenew-password","rel","noreferrer","target","_blank","tuiLink",""],[1,"tui-space_vertical-4"],["autocomplete","new-password","translate","no","tuiTextfield","","type","email"],[1,"tui-space_top-4"]],template:function(t,e){1&t&&(f.TgZ(0,"form",0)(1,"tui-input",1),f._uU(2," Type an email "),f._UZ(3,"input",2),f.qZA()(),f._UZ(4,"hr",3),f.TgZ(5,"h4"),f._uU(6," Preventing autofilling - "),f.TgZ(7,"a",4),f._uU(8," MDN "),f.qZA()(),f.TgZ(9,"tui-notification",5)(10,"code"),f._uU(11,"autocomplete=off"),f.qZA(),f._uU(12," is largely ignored in modern browsers - primarily due to password managers etc.\n"),f.qZA(),f.TgZ(13,"form",0)(14,"tui-input",1),f._uU(15," Type an email "),f._UZ(16,"input",6),f.qZA()(),f.TgZ(17,"tui-notification",7),f._uU(18," This is a hint, which browsers are not required to comply with. However modern browsers have stopped autofilling elements with "),f.TgZ(19,"code"),f._uU(20,'autocomplete="new-password"'),f.qZA()()),2&t&&(f.Q6J("formGroup",e.testForm),f.xp6(13),f.Q6J("formGroup",e.testForm))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,x.K,Z.w,_.M,w.V,U.L],encapsulation:2,changeDetection:0}),e})();const Bt=["justLongText"];function $t(t,e){if(1&t&&(f.TgZ(0,"div",3),f._uU(1," Input — is a single-line textfield. It's not recommended to use it with numbers, because the value type of this component is a string "),f.qZA(),f.TgZ(2,"p"),f._uU(3,"Inputs for other types of data:"),f.qZA(),f.TgZ(4,"blockquote")(5,"ul")(6,"li")(7,"a",4)(8,"code"),f._uU(9,"Textarea"),f.qZA()(),f._uU(10," — for multiline text "),f.qZA(),f.TgZ(11,"li")(12,"a",5)(13,"code"),f._uU(14,"InputDate"),f.qZA()(),f._uU(15," — for dates "),f.qZA(),f.TgZ(16,"li")(17,"a",6)(18,"code"),f._uU(19,"InputDateRange"),f.qZA()(),f._uU(20," — for a range of dates "),f.qZA(),f.TgZ(21,"li")(22,"a",7)(23,"code"),f._uU(24,"InputNumber"),f.qZA()(),f._uU(25," — for number (with measurement postfix) "),f.qZA(),f.TgZ(26,"li")(27,"a",8)(28,"code"),f._uU(29,"InputPassword"),f.qZA()(),f._uU(30," — for passwords "),f.qZA(),f.TgZ(31,"li")(32,"a",9)(33,"code"),f._uU(34,"InputPhone"),f.qZA()(),f._uU(35," — for phone numbers "),f.qZA(),f.TgZ(36,"li")(37,"a",10)(38,"code"),f._uU(39,"InputTag"),f.qZA()(),f._uU(40," — for input tags "),f.qZA(),f.TgZ(41,"li")(42,"a",11)(43,"code"),f._uU(44,"InputRange"),f.qZA()(),f._uU(45," , "),f.TgZ(46,"a",12)(47,"code"),f._uU(48,"InputSlider"),f.qZA()(),f._uU(49," — for accurate number values "),f.qZA(),f.TgZ(50,"li")(51,"a",13)(52,"code"),f._uU(53,"Slider"),f.qZA()(),f._uU(54," , "),f.TgZ(55,"a",14)(56,"code"),f._uU(57,"Range"),f.qZA()(),f._uU(58," — for not accurate number values "),f.qZA()()(),f.TgZ(59,"tui-doc-example",15)(60,"tui-notification",16),f._uU(61," If you need to set some attributes or listen to events on native "),f.TgZ(62,"code"),f._uU(63,"input"),f.qZA(),f._uU(64," , you can put it inside with "),f.TgZ(65,"code"),f._uU(66,"Textfield"),f.qZA(),f._uU(67," directive as shown below "),f.qZA(),f._UZ(68,"tui-input-example-1"),f.qZA(),f.TgZ(69,"tui-doc-example",17),f._UZ(70,"tui-input-example-2"),f.qZA(),f.TgZ(71,"tui-doc-example",18)(72,"tui-notification",19),f._uU(73," Taiga UI input is compatible with "),f.TgZ(74,"a",20),f._uU(75," Maskito "),f.qZA()(),f._UZ(76,"tui-input-example-3"),f.TgZ(77,"tui-notification")(78,"code"),f._uU(79,"TuiUnmaskHandlerModule"),f.qZA(),f._uU(80," allows to store value without mask in form control "),f.qZA()(),f.TgZ(81,"tui-doc-example",21),f._UZ(82,"tui-input-example-4"),f.qZA(),f.TgZ(83,"tui-doc-example",22),f._UZ(84,"tui-input-example-5"),f.qZA(),f.TgZ(85,"tui-doc-example",23),f._UZ(86,"tui-input-example-6"),f.qZA(),f.TgZ(87,"tui-doc-example",24),f._UZ(88,"tui-input-example-7"),f.qZA(),f.TgZ(89,"tui-doc-example",25),f._UZ(90,"tui-input-example-8"),f.qZA(),f.TgZ(91,"tui-doc-example",26),f._UZ(92,"tui-input-example-9"),f.qZA(),f.TgZ(93,"tui-doc-example",27),f._UZ(94,"tui-input-example-10"),f.qZA()),2&t){const t=f.oxw();f.xp6(59),f.Q6J("content",t.example1),f.xp6(10),f.Q6J("content",t.example2),f.xp6(2),f.Q6J("content",t.example3),f.xp6(10),f.Q6J("content",t.example4),f.xp6(2),f.Q6J("content",t.example5),f.xp6(2),f.Q6J("content",t.example6),f.xp6(2),f.Q6J("content",t.example7),f.xp6(2),f.Q6J("content",t.example8),f.xp6(2),f.Q6J("content",t.example9),f.xp6(2),f.Q6J("content",t.example10)}}function Xt(t,e){if(1&t){const t=f.EpF();f.TgZ(0,"tui-input",36),f.NdJ("tuiDropdownOpenChange",(function(e){f.CHM(t);const n=f.oxw(2);return f.KtG(n.dropdownOpen.next(e))})),f.ALo(1,"async"),f._uU(2," Label "),f.TgZ(3,"strong"),f._uU(4,"strong text"),f.qZA(),f._UZ(5,"input",37),f.qZA()}if(2&t){const t=f.oxw(2);f.Udp("text-align",t.textAlign),f.Q6J("focusable",t.focusable)("formControl",t.control)("pseudoFocus",t.pseudoFocused)("pseudoHover",t.pseudoHovered)("pseudoInvalid",t.pseudoInvalid)("readOnly",t.readOnly)("tuiDropdownAlign",t.dropdownAlign)("tuiDropdownDirection",t.dropdownDirection)("tuiDropdownLimitWidth",t.dropdownLimitWidth)("tuiDropdownMaxHeight",t.dropdownMaxHeight)("tuiDropdownMinHeight",t.dropdownMinHeight)("tuiDropdownOffset",t.dropdownOffset)("tuiDropdownOpen",!!f.lcZ(1,28,t.dropdownOpen))("tuiHintAppearance",t.hintAppearance)("tuiHintContent",t.hintContent)("tuiHintDirection",t.hintDirection)("tuiTextfieldCleaner",t.cleaner)("tuiTextfieldCustomContent",t.customContent)("tuiTextfieldFiller",t.filler)("tuiTextfieldIcon",t.icon)("tuiTextfieldIconLeft",t.iconLeft)("tuiTextfieldLabelOutside",t.labelOutside)("tuiTextfieldPostfix",t.postfix)("tuiTextfieldPrefix",t.prefix)("tuiTextfieldSize",t.size),f.xp6(5),f.Q6J("placeholder",t.placeholder)}}function jt(t,e){if(1&t&&(f.TgZ(0,"div",38)(1,"div",39),f._uU(2),f.qZA(),f.TgZ(3,"span"),f._uU(4),f.ALo(5,"async"),f.ALo(6,"tuiAmount"),f.qZA()()),2&t){const t=e.$implicit;f.xp6(2),f.Oqu(t.name),f.xp6(2),f.Oqu(f.lcZ(5,2,f.xi3(6,4,t.balance,"RUB")))}}function Wt(t,e){1&t&&(f._uU(0," Disabled state (use "),f.TgZ(1,"code"),f._uU(2,"formControl.disable()"),f.qZA(),f._uU(3," ) "))}function te(t,e){1&t&&f._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of an icon ")}function ee(t,e){1&t&&(f._uU(0," Placeholder (use external "),f._UZ(1,"code",40),f._uU(2," to set it) "))}function ne(t,e){1&t&&f._uU(0," Custom align content by text-align ")}function ie(t,e){if(1&t){const t=f.EpF();f.TgZ(0,"tui-doc-demo",28),f.YNc(1,Xt,6,30,"ng-template"),f.qZA(),f.YNc(2,jt,7,7,"ng-template",null,29,f.W1O),f.TgZ(4,"tui-doc-documentation"),f.YNc(5,Wt,4,0,"ng-template",30),f.NdJ("documentationPropertyValueChange",(function(e){f.CHM(t);const n=f.oxw();return f.KtG(n.disabled=e)})),f.YNc(6,te,1,0,"ng-template",31),f.NdJ("documentationPropertyValueChange",(function(e){f.CHM(t);const n=f.oxw();return f.KtG(n.icon=e)})),f.YNc(7,ee,3,0,"ng-template",32),f.NdJ("documentationPropertyValueChange",(function(e){f.CHM(t);const n=f.oxw();return f.KtG(n.placeholder=e)})),f.qZA(),f._UZ(8,"inherited-documentation",33),f.TgZ(9,"tui-doc-documentation",34),f.YNc(10,ne,1,0,"ng-template",35),f.NdJ("documentationPropertyValueChange",(function(e){f.CHM(t);const n=f.oxw();return f.KtG(n.textAlign=e)})),f.qZA()}if(2&t){const t=f.oxw();f.Q6J("control",t.control),f.xp6(5),f.Q6J("documentationPropertyValue",t.disabled),f.xp6(1),f.Q6J("documentationPropertyValues",t.iconVariants)("documentationPropertyValue",t.icon),f.xp6(1),f.Q6J("documentationPropertyValue",t.placeholder),f.xp6(1),f.Q6J("dropdown",!0),f.xp6(2),f.Q6J("documentationPropertyValues",t.textAlignVariants)("documentationPropertyValue",t.textAlign)}}function oe(t,e){if(1&t&&(f.TgZ(0,"ol",41)(1,"li")(2,"p"),f._uU(3," Import an Angular module for forms and "),f.TgZ(4,"code"),f._uU(5,"TuiInputModule"),f.qZA(),f._uU(6," in the same module where you want to use our component: "),f.qZA(),f._UZ(7,"tui-doc-code",42),f.qZA(),f.TgZ(8,"li")(9,"p"),f._uU(10," Declare a form ( "),f.TgZ(11,"code"),f._uU(12,"FormGroup"),f.qZA(),f._uU(13," ) or a control ( "),f.TgZ(14,"code"),f._uU(15,"FormControl"),f.qZA(),f._uU(16," ) in your component: "),f.qZA(),f._UZ(17,"tui-doc-code",43),f.qZA(),f.TgZ(18,"li")(19,"p"),f._uU(20,"Add to the template:"),f.qZA(),f._UZ(21,"tui-doc-code",44),f.qZA()()),2&t){const t=f.oxw();f.xp6(7),f.Q6J("code",t.exampleModule),f.xp6(10),f.Q6J("code",t.exampleForm),f.xp6(4),f.Q6J("code",t.exampleHtml)}}function ue(t,e){1&t&&f._uU(0,"LongTextContent")}const ae="LongTextContent";let re=(()=>{var t;class e extends g.b{constructor(){super(...arguments),this.iconVariants=["","tuiIconSearchLarge","tuiIconCalendarLarge"],this.iconLeft=this.iconVariants[0],this.control=new o.NI("111",o.kI.required),this.customContentVariants=["","tuiIconSearchLarge","tuiIconCalendarLarge","tuiIconVisaMono","tuiIconMastercardMono",ae],this.exampleModule=n.e(47026).then(n.t.bind(n,47026,17)),this.exampleHtml=n.e(14378).then(n.t.bind(n,14378,17)),this.exampleForm=n.e(54905).then(n.t.bind(n,54905,17)),this.example1={TypeScript:n.e(47109).then(n.t.bind(n,47109,17)),HTML:n.e(64867).then(n.t.bind(n,64867,17))},this.example2={TypeScript:n.e(96501).then(n.t.bind(n,96501,17)),HTML:n.e(91839).then(n.t.bind(n,91839,17))},this.example3={TypeScript:n.e(17161).then(n.t.bind(n,17161,17)),HTML:n.e(5232).then(n.t.bind(n,5232,17))},this.example4={TypeScript:n.e(81470).then(n.t.bind(n,81470,17)),HTML:n.e(57933).then(n.t.bind(n,57933,17)),LESS:n.e(8345).then(n.t.bind(n,8345,17))},this.example5={TypeScript:n.e(92727).then(n.t.bind(n,92727,17)),HTML:n.e(54879).then(n.t.bind(n,54879,17)),LESS:n.e(26492).then(n.t.bind(n,26492,17))},this.example6={TypeScript:n.e(95446).then(n.t.bind(n,95446,17)),HTML:n.e(49671).then(n.t.bind(n,49671,17)),LESS:n.e(94430).then(n.t.bind(n,94430,17))},this.example7={TypeScript:n.e(72092).then(n.t.bind(n,72092,17)),HTML:n.e(65945).then(n.t.bind(n,65945,17)),LESS:n.e(57150).then(n.t.bind(n,57150,17))},this.example8={TypeScript:n.e(11962).then(n.t.bind(n,11962,17)),HTML:n.e(71081).then(n.t.bind(n,71081,17)),LESS:n.e(99385).then(n.t.bind(n,99385,17))},this.example9={TypeScript:n.e(2132).then(n.t.bind(n,2132,17)),HTML:n.e(98252).then(n.t.bind(n,98252,17)),LESS:n.e(34183).then(n.t.bind(n,34183,17))},this.example10={TypeScript:n.e(65236).then(n.t.bind(n,65236,17)),HTML:n.e(11471).then(n.t.bind(n,11471,17))},this.icon=this.iconVariants[0],this.placeholder="Field placeholder"}get customContent(){return this.customContentSelected===ae?this.longTextRef:this.customContentSelected}set customContent(t){this.customContentSelected=t}}return(t=e).ɵfac=function(){let e;return function(n){return(e||(e=f.n5z(t)))(n||t)}}(),t.ɵcmp=f.Xpm({type:t,selectors:[["example-tui-input"]],viewQuery:function(t,e){if(1&t&&f.Gf(Bt,7),2&t){let t;f.iGM(t=f.CRH())&&(e.longTextRef=t.first)}},features:[f._Bn([{provide:h.x,useExisting:(0,f.Gpc)((()=>t))}]),f.qOj],decls:6,vars:0,consts:[["header","Input","package","KIT","type","components"],["pageTab",""],["justLongText",""],[1,"tui-space_bottom-3"],["routerLink","/components/textarea","tuiLink",""],["routerLink","/components/input-date","tuiLink",""],["routerLink","/components/input-date-range","tuiLink",""],["routerLink","/components/input-number","tuiLink",""],["routerLink","/components/input-password","tuiLink",""],["routerLink","/components/input-phone","tuiLink",""],["routerLink","/components/input-tag","tuiLink",""],["routerLink","/components/input-range","tuiLink",""],["routerLink","/components/input-slider","tuiLink",""],["routerLink","/components/slider","tuiLink",""],["routerLink","/components/range","tuiLink",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","sizes","heading","sizes",3,"content"],["id","mask","heading","Mask",3,"content"],[1,"b-form"],["href","https://maskito.dev","rel","noreferrer","target","_blank","tuiLink",""],["id","autocomplete","heading","Autocomplete with dropdown",3,"content"],["id","modes","heading","Modes",3,"content"],["id","table","heading","Table",3,"content"],["id","success","description","A check mark by success validation","heading","Check",3,"content"],["id","datalist","heading","DataList",3,"content"],["id","rtl","heading","Direction: RTL",3,"content"],["id","autofill","heading","Disable browser autofill",3,"content"],[3,"control"],["itemContent",""],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","placeholder","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"focusable","formControl","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize","tuiDropdownOpenChange"],["tuiTextfield","",3,"placeholder"],[1,"account"],[1,"name"],["tuiText",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(f.TgZ(0,"tui-doc-page",0),f.YNc(1,$t,95,10,"ng-template",1),f.YNc(2,ie,11,8,"ng-template",1),f.YNc(3,oe,22,3,"ng-template",1),f.qZA(),f.YNc(4,ue,1,0,"ng-template",null,2,f.W1O))},dependencies:[u.rH,T.w,o.JJ,o.oH,x.K,Z.w,_.M,w.V,U.L,b.b,C.B,A.x,v.s,y.A,q.a,L.A,J.T,M.k,N.bZ,k.o,I.Ek,S.c,O.F,Q.z,D.B,P.q,H.n,V.f,F.v,G,Y,K,_t,Ut,kt,Ot,zt,Kt,Rt,i.Ov,ot.E],styles:[".account[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:3.5rem;padding:.5rem 0;box-sizing:border-box}.name[_ngcontent-%COMP%]{opacity:.7}"],changeDetection:0}),e})(),se=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=f.oAB({type:t}),t.ɵinj=f.cJS({imports:[u.Bz,m.f,o.UX,o.u5,i.ez,p.TuiInputModule,p.TuiInputNumberModule,p.TuiSelectModule,l.TuiMapperPipeModule,c.TuiLinkModule,c.TuiModeModule,s.TuiTableModule,p.TuiInputDateModule,c.TuiNotificationModule,l.TuiRepeatTimesModule,c.TuiSvgModule,p.TuiRadioListModule,c.TuiButtonModule,a.TuiInputCardModule,p.TuiAvatarComponent,c.TuiPrimitiveTextfieldModule,c.TuiTextfieldControllerModule,c.TuiHintModule,c.TuiDropdownModule,c.TuiDataListModule,p.TuiDataListWrapperModule,l.TuiLetModule,d.wq,r.fV,u.Bz.forChild((0,r.Ve)(re)),r.Zp,p.TuiUnmaskHandlerModule]}),e})()}}]); \ No newline at end of file diff --git a/next/48990.408e0626d57e8d83.js b/next/48990.408e0626d57e8d83.js deleted file mode 100644 index 0f629090d8b4..000000000000 --- a/next/48990.408e0626d57e8d83.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[48990],{48990:t=>{t.exports='\n \n Find the best employees\n \n \n \n \n Find the best employees\n \n \n \n \n Choose a developer\n \n \n \n\n\n\n
\n \n
{{ data }}
\n
\n\n'}}]); \ No newline at end of file diff --git a/next/48990.e23c6cb92fa47292.js b/next/48990.e23c6cb92fa47292.js new file mode 100644 index 000000000000..e4061264b3bf --- /dev/null +++ b/next/48990.e23c6cb92fa47292.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[48990],{48990:t=>{t.exports='\n \n Find the best employees\n \n \n \n \n Find the best employees\n \n \n \n \n Choose a developer\n \n \n \n\n\n\n
\n \n
{{ data }}
\n
\n\n'}}]); \ No newline at end of file diff --git a/next/49130.0dfaf2ee92db4dd9.js b/next/49130.0dfaf2ee92db4dd9.js new file mode 100644 index 000000000000..39a2d5ad5d37 --- /dev/null +++ b/next/49130.0dfaf2ee92db4dd9.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[49130],{49130:e=>{e.exports='
\n \n Type a password\n \n \n \n Type a password\n \n \n \n Type a password\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/49130.81de9a09158d270a.js b/next/49130.81de9a09158d270a.js deleted file mode 100644 index 28754db553fc..000000000000 --- a/next/49130.81de9a09158d270a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[49130],{49130:e=>{e.exports='\n \n Type a password\n \n \n \n Type a password\n \n \n \n Type a password\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/49367.9150b683de13bf2f.js b/next/49367.9150b683de13bf2f.js new file mode 100644 index 000000000000..d442e68ec9be --- /dev/null +++ b/next/49367.9150b683de13bf2f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[49367],{49367:t=>{t.exports='\n Pick your guy\n \n\n'}}]); \ No newline at end of file diff --git a/next/49367.ef5be7f52e73baca.js b/next/49367.ef5be7f52e73baca.js deleted file mode 100644 index ea1ad5321d67..000000000000 --- a/next/49367.ef5be7f52e73baca.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[49367],{49367:t=>{t.exports='\n Pick your guy\n \n\n'}}]); \ No newline at end of file diff --git a/next/49937.42c771323a945a4f.js b/next/49937.a5333b8f02f0951a.js similarity index 54% rename from next/49937.42c771323a945a4f.js rename to next/49937.a5333b8f02f0951a.js index 24cb7017616d..63bbe72f9027 100644 --- a/next/49937.42c771323a945a4f.js +++ b/next/49937.a5333b8f02f0951a.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[49937],{49937:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiElasticContainerModule:()=>U});var i=n(88692),a=n(69900),c=n(91795),o=n(64500),s=n(53222),u=n(73588),r=n(84479),l=n(64537),d=n(83074),p=n(43560),m=n(93525),h=n(38868),g=n(1921),f=n(66596);let x=(()=>{var e;class t{constructor(){this.more="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin iaculis ipsum in elit mattis consectetur. Maecenas venenatis ligula libero, lobortis rhoncus eros aliquam a. Vivamus blandit scelerisque urna, eu euismod ipsum ultricies non. Aenean fringilla tincidunt luctus. Phasellus eleifend a enim vel aliquet. Donec accumsan orci ac nunc suscipit posuere in a turpis. Fusce hendrerit in lectus eu egestas. Donec nisl ipsum, faucibus sit amet elit eu, vehicula hendrerit purus. Duis tempus pulvinar pharetra. In volutpat, odio dictum ornare iaculis, arcu turpis blandit quam, sit amet malesuada nisl enim nec tortor. In eleifend arcu diam, ut dignissim risus elementum nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque pellentesque elit ac feugiat posuere. Aliquam diam ante, condimentum eget nisi nec, suscipit efficitur velit. Cras sed dolor eu tortor dapibus condimentum.",this.less="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin iaculis ipsum in elit mattis consectetur. Maecenas venenatis ligula libero, lobortis rhoncus eros aliquam a. Vivamus blandit scelerisque urna, eu euismod ipsum ultricies non. Aenean fringilla tincidunt luctus. Phasellus eleifend a enim vel aliquet. Donec accumsan orci ac nunc suscipit posuere in a turpis. Fusce hendrerit in lectus eu egestas.",this.current=this.less}toggle(){this.current=this.current===this.less?this.more:this.less}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-1"]],decls:4,vars:2,consts:[["tuiLink","",3,"click"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-elastic-container"),l._uU(1),l.TgZ(2,"button",0),l.NdJ("click",(function(){return t.toggle()})),l._uU(3),l.qZA()()),2&e&&(l.xp6(1),l.hij(" ",t.current," "),l.xp6(2),l.hij(" Show ",t.current===t.more?"less":"more"," "))},dependencies:[g.E,f.V],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-2"]],decls:3,vars:0,consts:[[1,"container"],["contenteditable","",1,"editable"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-elastic-container",0)(1,"div",1),l._uU(2," Editable content "),l.qZA()())},dependencies:[g.E],styles:[".container[_ngcontent-%COMP%]{border:2px solid var(--tui-text-03);overflow:visible}.container[_ngcontent-%COMP%]:focus-within{border-color:var(--tui-primary)}.editable[_ngcontent-%COMP%]{outline:none;padding:1rem}"],changeDetection:0}),t})();var b=n(36097),Z=n(76189);function T(e,t){1&e&&(l.TgZ(0,"div",4),l._uU(1," I'm content "),l.qZA())}let _=(()=>{var e;class t{constructor(){this.content=1}add(){this.content++}remove(){this.content--}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-3"]],decls:6,vars:1,consts:[[1,"visible"],["class","tui-space_bottom-4",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["size","s","tuiButton","",1,"tui-space_right-2",3,"click"],["size","s","tuiButton","",3,"click"],[1,"tui-space_bottom-4"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-elastic-container",0),l.YNc(1,T,2,0,"div",1),l.TgZ(2,"button",2),l.NdJ("click",(function(){return t.add()})),l._uU(3," Add content "),l.qZA(),l.TgZ(4,"button",3),l.NdJ("click",(function(){return t.remove()})),l._uU(5," Remove content "),l.qZA()()),2&e&&(l.xp6(1),l.Q6J("tuiRepeatTimesOf",t.content))},dependencies:[g.E,b.X,Z.v],styles:[".visible[_ngcontent-%COMP%]{overflow:visible}"],changeDetection:0}),t})();var q=n(77027),M=n(41360),A=n(88618);function w(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"div",3)(1,"h3",4)(2,"button",5),l.NdJ("click",(function(){const t=l.CHM(e).$implicit;return l.KtG(t.expanded=!t.expanded)})),l.qZA(),l._uU(3," Nested form "),l.TgZ(4,"button",6),l.NdJ("click",(function(){const t=l.CHM(e).index,n=l.oxw();return l.KtG(n.remove(t))})),l.qZA()(),l.TgZ(5,"tui-expand",7)(6,"tui-input",8),l.NdJ("ngModelChange",(function(t){const n=l.CHM(e).$implicit;return l.KtG(n.value=t)})),l._uU(7," Some input "),l.qZA()()()}if(2&e){const e=t.$implicit;l.xp6(2),l.ekj("expand_open",e.expanded),l.xp6(3),l.Q6J("expanded",e.expanded),l.xp6(1),l.Q6J("ngModel",e.value)}}let y=(()=>{var e;class t{constructor(){this.items=[{expanded:!1,value:"Test 1"},{expanded:!1,value:"Test 2"}]}add(){this.items=this.items.concat({expanded:!1,value:"New value"})}remove(e){this.items=(0,s.tuiArrayRemove)(this.items,e)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-4"]],decls:4,vars:1,consts:[["size","s","tuiButton","",3,"click"],[1,"b-form","tui-space_top-4"],["class","wrapper",4,"ngFor","ngForOf"],[1,"wrapper"],[1,"title"],["appearance","secondary","icon","tuiIconChevronDown","shape","rounded","size","s","title","Expand","tuiIconButton","",1,"expand",3,"click"],["appearance","flat","icon","tuiIconTrash","shape","rounded","size","s","title","Remove","tuiIconButton","",1,"remove",3,"click"],[3,"expanded"],[1,"tui-space_top-4",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.TgZ(0,"button",0),l.NdJ("click",(function(){return t.add()})),l._uU(1," Add item\n"),l.qZA(),l.TgZ(2,"tui-elastic-container",1),l.YNc(3,w,8,4,"div",2),l.qZA()),2&e&&(l.xp6(3),l.Q6J("ngForOf",t.items))},dependencies:[i.sg,a.JJ,a.On,q.K,M.w,g.E,A.S,Z.v],styles:[".wrapper[_ngcontent-%COMP%]:not(:last-child){margin-bottom:1rem}.title[_ngcontent-%COMP%]{display:flex;align-items:center;margin:0}.expand[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:.5rem}.expand_open[_ngcontent-%COMP%]{transform:rotate(180deg)}.remove[_ngcontent-%COMP%]{margin-left:auto}"],changeDetection:0}),t})();function C(e,t){if(1&e&&(l.TgZ(0,"p"),l._uU(1,"A wrapper component that changes its height with transition, depending on the content"),l.qZA(),l.TgZ(2,"tui-doc-example",3),l._UZ(3,"tui-elastic-container-example-1"),l.qZA(),l.TgZ(4,"tui-doc-example",4),l._UZ(5,"tui-elastic-container-example-2"),l.qZA(),l.TgZ(6,"tui-doc-example",5),l._UZ(7,"tui-elastic-container-example-3"),l.qZA(),l.TgZ(8,"tui-doc-example",6),l._UZ(9,"tui-elastic-container-example-4"),l.qZA()),2&e){const e=l.oxw();l.xp6(2),l.Q6J("content",e.example1),l.xp6(2),l.Q6J("content",e.example2),l.xp6(2),l.Q6J("content",e.example3),l.xp6(2),l.Q6J("content",e.example4)}}function k(e,t){if(1&e&&(l.TgZ(0,"ol",7)(1,"li")(2,"p"),l._uU(3," Import "),l.TgZ(4,"code"),l._uU(5,"TuiElasticContainerModule"),l.qZA(),l._uU(6," into a module where you want to use our component "),l.qZA(),l._UZ(7,"tui-doc-code",8),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10,"Add to the template:"),l.qZA(),l._UZ(11,"tui-doc-code",9),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(4),l.Q6J("code",e.exampleHtml)}}let J=(()=>{var e;class t{constructor(){this.exampleModule=n.e(29386).then(n.t.bind(n,29386,17)),this.exampleHtml=n.e(35798).then(n.t.bind(n,35798,17)),this.example1={TypeScript:n.e(53499).then(n.t.bind(n,53499,17)),HTML:n.e(53563).then(n.t.bind(n,53563,17))},this.example2={TypeScript:n.e(16649).then(n.t.bind(n,16649,17)),HTML:n.e(19175).then(n.t.bind(n,19175,17)),LESS:n.e(3138).then(n.t.bind(n,3138,17))},this.example3={TypeScript:n.e(91246).then(n.t.bind(n,91246,17)),HTML:n.e(26290).then(n.t.bind(n,26290,17)),LESS:n.e(64737).then(n.t.bind(n,64737,17))},this.example4={TypeScript:n.e(68416).then(n.t.bind(n,68416,17)),HTML:n.e(36037).then(n.t.bind(n,36037,17)),LESS:n.e(29867).then(n.t.bind(n,29867,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["example-tui-elastic-container"]],decls:3,vars:0,consts:[["header","ElasticContainer","package","KIT","type","components"],["pageTab",""],["pageTab","Setup"],["id","more","heading","Show more",3,"content"],["id","contenteditable","heading","contenteditable",3,"content"],["id","dynamic","heading","Add and remove content",3,"content"],["id","expand","heading","With animations inside",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,C,10,4,"ng-template",1),l.YNc(2,k,12,2,"ng-template",2),l.qZA())},dependencies:[d.c,p.q,m.n,h.f,x,v,_,y],encapsulation:2,changeDetection:0}),t})(),U=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[i.ez,a.u5,r.TuiInputModule,r.TuiElasticContainerModule,s.TuiRepeatTimesModule,u.TuiExpandModule,u.TuiButtonModule,u.TuiLinkModule,o.fV,c.Bz.forChild((0,o.Ve)(J))]}),t})()}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[49937],{49937:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiElasticContainerModule:()=>U});var i=n(88692),a=n(69900),c=n(91795),o=n(64500),s=n(53222),u=n(73588),r=n(84479),l=n(64537),d=n(83074),p=n(43560),m=n(93525),h=n(38868),g=n(1921),f=n(66596);let x=(()=>{var e;class t{constructor(){this.more="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin iaculis ipsum in elit mattis consectetur. Maecenas venenatis ligula libero, lobortis rhoncus eros aliquam a. Vivamus blandit scelerisque urna, eu euismod ipsum ultricies non. Aenean fringilla tincidunt luctus. Phasellus eleifend a enim vel aliquet. Donec accumsan orci ac nunc suscipit posuere in a turpis. Fusce hendrerit in lectus eu egestas. Donec nisl ipsum, faucibus sit amet elit eu, vehicula hendrerit purus. Duis tempus pulvinar pharetra. In volutpat, odio dictum ornare iaculis, arcu turpis blandit quam, sit amet malesuada nisl enim nec tortor. In eleifend arcu diam, ut dignissim risus elementum nec. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque pellentesque elit ac feugiat posuere. Aliquam diam ante, condimentum eget nisi nec, suscipit efficitur velit. Cras sed dolor eu tortor dapibus condimentum.",this.less="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin iaculis ipsum in elit mattis consectetur. Maecenas venenatis ligula libero, lobortis rhoncus eros aliquam a. Vivamus blandit scelerisque urna, eu euismod ipsum ultricies non. Aenean fringilla tincidunt luctus. Phasellus eleifend a enim vel aliquet. Donec accumsan orci ac nunc suscipit posuere in a turpis. Fusce hendrerit in lectus eu egestas.",this.current=this.less}toggle(){this.current=this.current===this.less?this.more:this.less}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-1"]],decls:4,vars:2,consts:[["tuiLink","",3,"click"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-elastic-container"),l._uU(1),l.TgZ(2,"button",0),l.NdJ("click",(function(){return t.toggle()})),l._uU(3),l.qZA()()),2&e&&(l.xp6(1),l.hij(" ",t.current," "),l.xp6(2),l.hij(" Show ",t.current===t.more?"less":"more"," "))},dependencies:[g.E,f.V],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-2"]],decls:3,vars:0,consts:[[1,"container"],["contenteditable","",1,"editable"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-elastic-container",0)(1,"div",1),l._uU(2," Editable content "),l.qZA()())},dependencies:[g.E],styles:[".container[_ngcontent-%COMP%]{border:2px solid var(--tui-text-03);overflow:visible}.container[_ngcontent-%COMP%]:focus-within{border-color:var(--tui-primary)}.editable[_ngcontent-%COMP%]{outline:none;padding:1rem}"],changeDetection:0}),t})();var b=n(36097),Z=n(76189);function T(e,t){1&e&&(l.TgZ(0,"div",4),l._uU(1," I'm content "),l.qZA())}let _=(()=>{var e;class t{constructor(){this.content=1}add(){this.content++}remove(){this.content--}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-3"]],decls:6,vars:1,consts:[[1,"visible"],["class","tui-space_bottom-4",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["size","s","tuiButton","",1,"tui-space_right-2",3,"click"],["size","s","tuiButton","",3,"click"],[1,"tui-space_bottom-4"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-elastic-container",0),l.YNc(1,T,2,0,"div",1),l.TgZ(2,"button",2),l.NdJ("click",(function(){return t.add()})),l._uU(3," Add content "),l.qZA(),l.TgZ(4,"button",3),l.NdJ("click",(function(){return t.remove()})),l._uU(5," Remove content "),l.qZA()()),2&e&&(l.xp6(1),l.Q6J("tuiRepeatTimesOf",t.content))},dependencies:[g.E,b.X,Z.v],styles:[".visible[_ngcontent-%COMP%]{overflow:visible}"],changeDetection:0}),t})();var q=n(77027),M=n(41360),A=n(88618);function w(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"div",3)(1,"h3",4)(2,"button",5),l.NdJ("click",(function(){const t=l.CHM(e).$implicit;return l.KtG(t.expanded=!t.expanded)})),l.qZA(),l._uU(3," Nested form "),l.TgZ(4,"button",6),l.NdJ("click",(function(){const t=l.CHM(e).index,n=l.oxw();return l.KtG(n.remove(t))})),l.qZA()(),l.TgZ(5,"tui-expand",7)(6,"tui-input",8),l.NdJ("ngModelChange",(function(t){const n=l.CHM(e).$implicit;return l.KtG(n.value=t)})),l._uU(7," Some input "),l.qZA()()()}if(2&e){const e=t.$implicit;l.xp6(2),l.ekj("expand_open",e.expanded),l.xp6(3),l.Q6J("expanded",e.expanded),l.xp6(1),l.Q6J("ngModel",e.value)}}let y=(()=>{var e;class t{constructor(){this.items=[{expanded:!1,value:"Test 1"},{expanded:!1,value:"Test 2"}]}add(){this.items=this.items.concat({expanded:!1,value:"New value"})}remove(e){this.items=(0,s.tuiArrayRemove)(this.items,e)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-elastic-container-example-4"]],decls:4,vars:1,consts:[["size","s","tuiButton","",3,"click"],[1,"tui-space_top-4"],["class","wrapper",4,"ngFor","ngForOf"],[1,"wrapper"],[1,"title"],["appearance","secondary","icon","tuiIconChevronDown","shape","rounded","size","s","title","Expand","tuiIconButton","",1,"expand",3,"click"],["appearance","flat","icon","tuiIconTrash","shape","rounded","size","s","title","Remove","tuiIconButton","",1,"remove",3,"click"],[3,"expanded"],[1,"tui-space_top-4",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.TgZ(0,"button",0),l.NdJ("click",(function(){return t.add()})),l._uU(1," Add item\n"),l.qZA(),l.TgZ(2,"tui-elastic-container",1),l.YNc(3,w,8,4,"div",2),l.qZA()),2&e&&(l.xp6(3),l.Q6J("ngForOf",t.items))},dependencies:[i.sg,a.JJ,a.On,q.K,M.w,g.E,A.S,Z.v],styles:[".wrapper[_ngcontent-%COMP%]:not(:last-child){margin-bottom:1rem}.title[_ngcontent-%COMP%]{display:flex;align-items:center;margin:0}.expand[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-right:.5rem}.expand_open[_ngcontent-%COMP%]{transform:rotate(180deg)}.remove[_ngcontent-%COMP%]{margin-left:auto}"],changeDetection:0}),t})();function C(e,t){if(1&e&&(l.TgZ(0,"p"),l._uU(1,"A wrapper component that changes its height with transition, depending on the content"),l.qZA(),l.TgZ(2,"tui-doc-example",3),l._UZ(3,"tui-elastic-container-example-1"),l.qZA(),l.TgZ(4,"tui-doc-example",4),l._UZ(5,"tui-elastic-container-example-2"),l.qZA(),l.TgZ(6,"tui-doc-example",5),l._UZ(7,"tui-elastic-container-example-3"),l.qZA(),l.TgZ(8,"tui-doc-example",6),l._UZ(9,"tui-elastic-container-example-4"),l.qZA()),2&e){const e=l.oxw();l.xp6(2),l.Q6J("content",e.example1),l.xp6(2),l.Q6J("content",e.example2),l.xp6(2),l.Q6J("content",e.example3),l.xp6(2),l.Q6J("content",e.example4)}}function k(e,t){if(1&e&&(l.TgZ(0,"ol",7)(1,"li")(2,"p"),l._uU(3," Import "),l.TgZ(4,"code"),l._uU(5,"TuiElasticContainerModule"),l.qZA(),l._uU(6," into a module where you want to use our component "),l.qZA(),l._UZ(7,"tui-doc-code",8),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10,"Add to the template:"),l.qZA(),l._UZ(11,"tui-doc-code",9),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(4),l.Q6J("code",e.exampleHtml)}}let J=(()=>{var e;class t{constructor(){this.exampleModule=n.e(29386).then(n.t.bind(n,29386,17)),this.exampleHtml=n.e(35798).then(n.t.bind(n,35798,17)),this.example1={TypeScript:n.e(53499).then(n.t.bind(n,53499,17)),HTML:n.e(53563).then(n.t.bind(n,53563,17))},this.example2={TypeScript:n.e(16649).then(n.t.bind(n,16649,17)),HTML:n.e(19175).then(n.t.bind(n,19175,17)),LESS:n.e(3138).then(n.t.bind(n,3138,17))},this.example3={TypeScript:n.e(91246).then(n.t.bind(n,91246,17)),HTML:n.e(26290).then(n.t.bind(n,26290,17)),LESS:n.e(64737).then(n.t.bind(n,64737,17))},this.example4={TypeScript:n.e(68416).then(n.t.bind(n,68416,17)),HTML:n.e(36037).then(n.t.bind(n,36037,17)),LESS:n.e(29867).then(n.t.bind(n,29867,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["example-tui-elastic-container"]],decls:3,vars:0,consts:[["header","ElasticContainer","package","KIT","type","components"],["pageTab",""],["pageTab","Setup"],["id","more","heading","Show more",3,"content"],["id","contenteditable","heading","contenteditable",3,"content"],["id","dynamic","heading","Add and remove content",3,"content"],["id","expand","heading","With animations inside",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,C,10,4,"ng-template",1),l.YNc(2,k,12,2,"ng-template",2),l.qZA())},dependencies:[d.c,p.q,m.n,h.f,x,v,_,y],encapsulation:2,changeDetection:0}),t})(),U=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[i.ez,a.u5,r.TuiInputModule,r.TuiElasticContainerModule,s.TuiRepeatTimesModule,u.TuiExpandModule,u.TuiButtonModule,u.TuiLinkModule,o.fV,c.Bz.forChild((0,o.Ve)(J))]}),t})()}}]); \ No newline at end of file diff --git a/next/50292.5b82d3a11336bea6.js b/next/50292.5b82d3a11336bea6.js new file mode 100644 index 000000000000..6e0e66d59cc7 --- /dev/null +++ b/next/50292.5b82d3a11336bea6.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[50292],{50292:e=>{e.exports='\n Choose dates\n\n'}}]); \ No newline at end of file diff --git a/next/50292.716dc51465e2d1b6.js b/next/50292.716dc51465e2d1b6.js deleted file mode 100644 index 344dd8312d58..000000000000 --- a/next/50292.716dc51465e2d1b6.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[50292],{50292:e=>{e.exports='\n Choose dates\n\n'}}]); \ No newline at end of file diff --git a/next/51407.63aa783c27ebb438.js b/next/51407.63aa783c27ebb438.js new file mode 100644 index 000000000000..aa38b1fb050f --- /dev/null +++ b/next/51407.63aa783c27ebb438.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[51407],{51407:t=>{t.exports='\n Bank and account\n \n \n \n \n All\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Cash\n \n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/51407.bd9dc5e4231cb135.js b/next/51407.bd9dc5e4231cb135.js deleted file mode 100644 index e390a3c9a3ba..000000000000 --- a/next/51407.bd9dc5e4231cb135.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[51407],{51407:t=>{t.exports='\n Bank and account\n \n \n \n \n All\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Cash\n \n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/51968.c98e2ef6ad63fb6b.js b/next/51968.c98e2ef6ad63fb6b.js deleted file mode 100644 index 36a90b0dc45f..000000000000 --- a/next/51968.c98e2ef6ad63fb6b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[51968],{51968:t=>{t.exports='\n \n\n'}}]); \ No newline at end of file diff --git a/next/51968.e6bb637d54b4d793.js b/next/51968.e6bb637d54b4d793.js new file mode 100644 index 000000000000..2b840062b927 --- /dev/null +++ b/next/51968.e6bb637d54b4d793.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[51968],{51968:t=>{t.exports='\n \n\n'}}]); \ No newline at end of file diff --git a/next/5232.199b1db0023f9bd6.js b/next/5232.199b1db0023f9bd6.js deleted file mode 100644 index 455c5fb85d3c..000000000000 --- a/next/5232.199b1db0023f9bd6.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[5232],{5232:n=>{n.exports='\n

\n \n Document number\n \n \n

\n

\n \n Secret number\n \n \n

\n\n

Value stored in control:

\n
{{ testForm.value | json }}
\n'}}]); \ No newline at end of file diff --git a/next/5232.d7f58aef22a5a1ae.js b/next/5232.d7f58aef22a5a1ae.js new file mode 100644 index 000000000000..879d44871d97 --- /dev/null +++ b/next/5232.d7f58aef22a5a1ae.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[5232],{5232:n=>{n.exports='
\n

\n \n Document number\n \n \n

\n

\n \n Secret number\n \n \n

\n
\n

Value stored in control:

\n
{{ testForm.value | json }}
\n'}}]); \ No newline at end of file diff --git a/next/53102.9c5f96245e681099.js b/next/53102.9c5f96245e681099.js new file mode 100644 index 000000000000..8343ef849ee4 --- /dev/null +++ b/next/53102.9c5f96245e681099.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[53102],{53102:n=>{n.exports='\n'}}]); \ No newline at end of file diff --git a/next/53102.dc1165ff45eff6e4.js b/next/53102.dc1165ff45eff6e4.js deleted file mode 100644 index 442d5e74902d..000000000000 --- a/next/53102.dc1165ff45eff6e4.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[53102],{53102:n=>{n.exports='\n'}}]); \ No newline at end of file diff --git a/next/53419.30dede5a06b565cb.js b/next/53419.30dede5a06b565cb.js deleted file mode 100644 index 65cb2324b612..000000000000 --- a/next/53419.30dede5a06b565cb.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[53419],{53419:t=>{t.exports='\n \n Input time\n \n \n Input time\n \n

\n If field is not required, but you want to mark it invalid if user did not complete it, use\n tuiUnfinishedValidator\n directive\n

\n \n Input time\n \n\n'}}]); \ No newline at end of file diff --git a/next/53419.a00997b6b9352536.js b/next/53419.a00997b6b9352536.js new file mode 100644 index 000000000000..4f1b5df30bd7 --- /dev/null +++ b/next/53419.a00997b6b9352536.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[53419],{53419:t=>{t.exports='
\n \n Input time\n \n \n Input time\n \n

\n If field is not required, but you want to mark it invalid if user did not complete it, use\n tuiUnfinishedValidator\n directive\n

\n \n Input time\n \n\n'}}]); \ No newline at end of file diff --git a/next/53510.887851745a744061.js b/next/53510.887851745a744061.js deleted file mode 100644 index af9ef6e208a4..000000000000 --- a/next/53510.887851745a744061.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[53510],{53510:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputNumberModule:()=>ce});var o=n(88692),i=n(69900),u=n(91795),r=n(24007),a=n(64500),c=n(73588),p=n(84479),l=n(75695),s=n(64537),d=n(82880),m=n(98204),f=n(16753),g=n(13735),x=n(66596),T=n(64374),h=n(6707),y=n(68874),Z=n(10200),b=n(3729),_=n(44998),U=n(89437),P=n(87205),A=n(79121),C=n(83074),M=n(10977),q=n(62840),v=n(60404),J=n(43560),V=n(93525),N=n(38868),w=n(54218),L=n(84848),H=n(99886);let S=(()=>{var e;class t{constructor(){this.control=new i.NI(100)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-1"]],decls:9,vars:12,consts:[["tuiHintContent","Dollar sign is commonly placed BEFORE the amount. Use [prefix].",3,"formControl","tuiTextfieldPrefix"],["tuiHintContent","Euro sign (numeric code 978) is commonly placed AFTER the amount. Use [postfix].",3,"formControl","tuiTextfieldPostfix"],["tuiHintContent","Pound sign (numeric code 826) is commonly placed BEFORE the amount. Use [prefix].",3,"formControl","tuiTextfieldPrefix"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.ALo(1,"tuiCurrency"),s._uU(2," Type a sum\n"),s.qZA(),s.TgZ(3,"tui-input-number",1),s.ALo(4,"tuiCurrency"),s._uU(5," Type a sum\n"),s.qZA(),s.TgZ(6,"tui-input-number",2),s.ALo(7,"tuiCurrency"),s._uU(8," Type a sum\n"),s.qZA()),2&e&&(s.Q6J("formControl",t.control)("tuiTextfieldPrefix",s.lcZ(1,6,"USD")),s.xp6(3),s.Q6J("formControl",t.control)("tuiTextfieldPostfix",s.lcZ(4,8,"978")),s.xp6(3),s.Q6J("formControl",t.control)("tuiTextfieldPrefix",s.lcZ(7,10,826)))},dependencies:[i.JJ,i.oH,f.q,g.g,_.A,U.T,L.bZ,H.i],styles:["tui-input-number[_ngcontent-%COMP%]{max-width:20rem}tui-input-number[_ngcontent-%COMP%]:not(:last-child){margin-bottom:1rem}"],changeDetection:0}),t})();var Q=n(91030);let k=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-2"]],decls:10,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldPostfix","kg","tuiTextfieldSize","s"],["name","potato","tuiTextfield",""],["formControlName","testValue","tuiTextfieldPostfix","L","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldLabelOutside"],["id","milk","tuiTextfield",""],["formControlName","testValue","tuiTextfieldPostfix","cm",1,"tui-space_top-2"],["placeholder","Make bunnies happy","tuiTextfield",""]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-number",1),s._uU(2," Potatoes "),s._UZ(3,"input",2),s.qZA(),s.TgZ(4,"tui-input-number",3),s._uU(5," Milk "),s._UZ(6,"input",4),s.qZA(),s.TgZ(7,"tui-input-number",5),s._uU(8," Carrot "),s._UZ(9,"input",6),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(4),s.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,f.q,g.g,Q.M,y.x,Z.s,U.T],styles:[".input[_ngcontent-%COMP%]{color:orange}"],changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(Math.PI)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-3"]],decls:5,vars:2,consts:[[1,"b-form",3,"formGroup"],["decimal","not-zero","formControlName","testValue",3,"precision"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-number",1)(2,"strong"),s._uU(3,"π"),s.qZA(),s._uU(4," -value "),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(1),s.Q6J("precision",8))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,f.q,g.g],encapsulation:2,changeDetection:0}),t})(),O=(()=>{var e;class t{constructor(){this.value=1234.56}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-4"]],features:[s._Bn([(0,c.tuiNumberFormatProvider)({decimalSeparator:".",thousandSeparator:","})])],decls:2,vars:1,consts:[["tuiHintContent","Using cleaner is not recommended ;)","tuiTextfieldPrefix","$",1,"input",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Type a sum\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[i.JJ,i.On,f.q,g.g,_.A,L.bZ],styles:[".input[_ngcontent-%COMP%]{text-align:right;width:320px}"],changeDetection:0}),t})(),F=(()=>{var e;class t{constructor(){this.value=123.56}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-5"]],features:[s._Bn([(0,c.tuiNumberFormatProvider)({decimalSeparator:",",thousandSeparator:"."})])],decls:2,vars:1,consts:[["decimal","never","tuiTextfieldPostfix",",00","tuiTextfieldPrefix","¥ ",1,"b-form",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Type a sum\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[i.JJ,i.On,f.q,g.g,_.A,U.T],encapsulation:2,changeDetection:0}),t})(),D=(()=>{var e;class t{constructor(){this.value=237}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-6"]],features:[s._Bn([(0,p.tuiInputNumberOptionsProvider)({decimal:"never",step:1})])],decls:2,vars:1,consts:[[1,"b-form",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Only integers\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[i.JJ,i.On,f.q,g.g],encapsulation:2,changeDetection:0}),t})();var z=n(8514),E=n(61528),Y=n(27969);let B=(()=>{var e;class t{constructor(){this.value=1234.56}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-7"]],features:[s._Bn([{provide:c.TUI_NUMBER_FORMAT,deps:[z.Co],useFactory:e=>e.pipe((0,E.w)((e=>e)),(0,Y.U)((({name:e})=>({...c.TUI_DEFAULT_NUMBER_FORMAT,thousandSeparator:"english"===e?",":" ",decimalSeparator:"english"===e?".":","}))))}])],decls:2,vars:1,consts:[["tuiTextfieldPrefix","$",1,"input",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Type a sum\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[i.JJ,i.On,f.q,g.g,_.A],encapsulation:2,changeDetection:0}),t})();function G(e,t){1&e&&(s.TgZ(0,"p"),s._uU(1," To input money use properties "),s.TgZ(2,"code"),s._uU(3,"[postfix]"),s.qZA(),s._uU(4," or "),s.TgZ(5,"code"),s._uU(6,"[prefix]"),s.qZA(),s._uU(7," . To get currency symbol use pipe "),s.TgZ(8,"a",20),s._uU(9," tuiCurrency "),s.qZA(),s._uU(10," . "),s.qZA())}function R(e,t){1&e&&(s._uU(0," Customize input via "),s.TgZ(1,"a",21),s._uU(2," TextfieldControllers "),s.qZA(),s._uU(3," . "))}function X(e,t){1&e&&(s._uU(0," Use property "),s.TgZ(1,"code"),s._uU(2,"[precision]"),s.qZA(),s._uU(3," to configure a number of digits after comma. "))}function K(e,t){if(1&e&&(s.TgZ(0,"div",2),s._uU(1,"A component to input numbers. Control value is also of number type."),s.qZA(),s.TgZ(2,"section")(3,"h3"),s._uU(4,"There are also other components to input numbers:"),s.qZA(),s.TgZ(5,"ul",3)(6,"li",4)(7,"a",5)(8,"strong"),s._uU(9,"Slider"),s.qZA()()(),s.TgZ(10,"li",4)(11,"a",6)(12,"strong"),s._uU(13,"InputSlider"),s.qZA()(),s._uU(14," (it uses "),s.TgZ(15,"code"),s._uU(16,"InputNumber"),s.qZA(),s._uU(17," inside) "),s.qZA(),s.TgZ(18,"li",4)(19,"a",7)(20,"strong"),s._uU(21,"InputRange"),s.qZA()(),s._uU(22," (it uses "),s.TgZ(23,"code"),s._uU(24,"InputNumber"),s.qZA(),s._uU(25," inside) "),s.qZA()()(),s.TgZ(26,"p"),s._uU(27," Number formatting can be customized with "),s.TgZ(28,"a",8),s._uU(29," TUI_NUMBER_FORMAT "),s.qZA(),s._uU(30," token. "),s.qZA(),s.TgZ(31,"tui-doc-example",9),s.YNc(32,G,11,0,"ng-template",null,10,s.W1O),s._UZ(34,"tui-input-number-example-1"),s.qZA(),s.TgZ(35,"tui-doc-example",11),s.YNc(36,R,4,0,"ng-template",null,12,s.W1O),s.TgZ(38,"tui-notification",13),s._uU(39," If you need to set some attributes or listen to events on native "),s.TgZ(40,"code"),s._uU(41,"input"),s.qZA(),s._uU(42," , you can put it inside with "),s.TgZ(43,"code"),s._uU(44,"Textfield"),s.qZA(),s._uU(45," directive as shown below "),s.qZA(),s._UZ(46,"tui-input-number-example-2"),s.qZA(),s.TgZ(47,"tui-doc-example",14),s.YNc(48,X,4,0,"ng-template",null,15,s.W1O),s._UZ(50,"tui-input-number-example-3"),s.qZA(),s.TgZ(51,"tui-doc-example",16),s._UZ(52,"tui-input-number-example-4"),s.qZA(),s.TgZ(53,"tui-doc-example",17),s._UZ(54,"tui-input-number-example-5"),s.qZA(),s.TgZ(55,"tui-doc-example",18),s._UZ(56,"tui-input-number-example-6"),s.qZA(),s.TgZ(57,"tui-doc-example",19),s._UZ(58,"tui-input-number-example-7"),s.qZA()),2&e){const e=s.MAs(33),t=s.MAs(37),n=s.MAs(49),o=s.oxw();s.xp6(31),s.Q6J("content",o.example1)("description",e),s.xp6(4),s.Q6J("content",o.example2)("description",t),s.xp6(12),s.Q6J("content",o.example3)("description",n),s.xp6(4),s.Q6J("content",o.example4),s.xp6(2),s.Q6J("content",o.example5),s.xp6(2),s.Q6J("content",o.example6),s.xp6(2),s.Q6J("content",o.example7)}}function W(e,t){if(1&e&&(s.TgZ(0,"tui-input-number",31),s._uU(1," Type a sum "),s.qZA()),2&e){const e=s.oxw(2);s.Udp("text-align",e.textAlign),s.Q6J("decimal",e.decimal)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("precision",e.precision)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("step",e.step)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function j(e,t){1&e&&(s._uU(0," Disabled state (use "),s.TgZ(1,"code"),s._uU(2,"formControl.disable()"),s.qZA(),s._uU(3," ) "))}function $(e,t){1&e&&s._uU(0," Min value ")}function ee(e,t){1&e&&s._uU(0," Max value ")}function te(e,t){1&e&&(s._uU(0," A number of digits after comma ( "),s.TgZ(1,"code"),s._uU(2,"Infinity"),s.qZA(),s._uU(3," for an untouched decimal part) "))}function ne(e,t){1&e&&s._uU(0," Show/hide decimal ")}function oe(e,t){1&e&&s._uU(0," Step to increase/decrease value with keyboard and buttons on the side ")}function ie(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function ue(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo",22),s.YNc(1,W,2,25,"ng-template"),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,j,4,0,"ng-template",23),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(4,$,1,0,"ng-template",24),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.min=t)})),s.YNc(5,ee,1,0,"ng-template",25),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.max=t)})),s.YNc(6,te,4,0,"ng-template",26),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.precision=t)})),s.YNc(7,ne,1,0,"ng-template",27),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.decimal=t)})),s.YNc(8,oe,1,0,"ng-template",28),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.step=t)})),s.qZA(),s._UZ(9,"inherited-documentation"),s.TgZ(10,"tui-doc-documentation",29),s.YNc(11,ie,1,0,"ng-template",30),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.Q6J("control",e.control),s.xp6(3),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),s.xp6(1),s.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("documentationPropertyValues",e.precisionVariants)("documentationPropertyValue",e.precision),s.xp6(1),s.Q6J("documentationPropertyValues",e.decimalVariants)("documentationPropertyValue",e.decimal),s.xp6(1),s.Q6J("documentationPropertyValue",e.step),s.xp6(3),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function re(e,t){if(1&e&&(s.TgZ(0,"ol",32)(1,"li")(2,"p"),s._uU(3," Import an Angular module for forms and "),s.TgZ(4,"code"),s._uU(5,"TuiInputNumberModule"),s.qZA(),s._uU(6," in the same module where you want to use our component: "),s.qZA(),s._UZ(7,"tui-doc-code",33),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10," Declare a form ( "),s.TgZ(11,"code"),s._uU(12,"FormGroup"),s.qZA(),s._uU(13," ) or a control ( "),s.TgZ(14,"code"),s._uU(15,"FormControl"),s.qZA(),s._uU(16," ) in your component: "),s.qZA(),s._UZ(17,"tui-doc-code",34),s.qZA(),s.TgZ(18,"li")(19,"p"),s._uU(20,"Add to the template:"),s.qZA(),s._UZ(21,"tui-doc-code",35),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(10),s.Q6J("code",e.exampleForm),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let ae=(()=>{var e;class t extends d.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI(6432,i.kI.required),this.exampleForm=n.e(25924).then(n.t.bind(n,25924,17)),this.exampleModule=n.e(19856).then(n.t.bind(n,19856,17)),this.exampleHtml=n.e(19624).then(n.t.bind(n,19624,17)),this.example1={HTML:n.e(61406).then(n.t.bind(n,61406,17)),TypeScript:n.e(6456).then(n.t.bind(n,6456,17)),LESS:n.e(35512).then(n.t.bind(n,35512,17))},this.example2={HTML:n.e(64780).then(n.t.bind(n,64780,17)),TypeScript:n.e(86101).then(n.t.bind(n,86101,17)),LESS:n.e(16174).then(n.t.bind(n,16174,17))},this.example3={HTML:n.e(37519).then(n.t.bind(n,37519,17)),TypeScript:n.e(10311).then(n.t.bind(n,10311,17))},this.example4={TypeScript:n.e(34933).then(n.t.bind(n,34933,17)),HTML:n.e(34468).then(n.t.bind(n,34468,17)),LESS:n.e(70707).then(n.t.bind(n,70707,17))},this.example5={TypeScript:n.e(89302).then(n.t.bind(n,89302,17)),HTML:n.e(82435).then(n.t.bind(n,82435,17))},this.example6={TypeScript:n.e(38511).then(n.t.bind(n,38511,17)),HTML:n.e(69003).then(n.t.bind(n,69003,17))},this.example7={TypeScript:n.e(47773).then(n.t.bind(n,47773,17)),HTML:n.e(5680).then(n.t.bind(n,5680,17))},this.minVariants=[-1/0,-500,5,25],this.min=this.minVariants[0],this.maxVariants=[1/0,10,500],this.max=this.maxVariants[0],this.decimalVariants=["not-zero","always","never"],this.decimal=this.decimalVariants[0],this.precisionVariants=[2,3,4,1/0],this.precision=this.precisionVariants[0],this.step=0}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-input-number"]],features:[s._Bn([{provide:m.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","InputNumber","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],[1,"tui-list","tui-list_small"],[1,"tui-list__item"],["routerLink","/components/slider","tuiLink",""],["routerLink","/components/input-slider","tuiLink",""],["routerLink","/components/input-range","tuiLink",""],["fragment","number-format","routerLink","/utils/tokens","tuiLink",""],["id","currency","heading","Currency",3,"content","description"],["currencyPipeDescription",""],["id","sizes","heading","sizes",3,"content","description"],["textFieldControllerDescription",""],[1,"tui-space_bottom-4","b-form"],["id","precision","heading","8 digits after comma",3,"content","description"],["precisionDescription",""],["id","align","description","With currency symbol as prefix and custom format","heading","Align to the right",3,"content"],["id","prefix-postfix","heading","Prefix and postfix",3,"content"],["id","options","heading","Default options override",3,"content"],["id","dynamic","heading","Dynamic formatting change",3,"content"],["routerLink","/pipes/currency","tuiLink",""],["routerLink","/directives/textfield-controller","tuiLink",""],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","precision","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","decimal","documentationPropertyType","TuiDecimal",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","step","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"decimal","focusable","formControl","max","min","precision","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","step","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,K,59,10,"ng-template",1),s.YNc(2,ue,12,13,"ng-template",1),s.YNc(3,re,22,3,"ng-template",1),s.qZA())},dependencies:[i.JJ,i.oH,f.q,g.g,x.V,T.b,h.B,y.x,Z.s,b.a,_.A,U.T,P.k,A.L,C.c,M.F,q.z,v.B,J.q,V.n,N.f,w.w,L.bZ,u.rH,S,k,I,O,F,D,B],encapsulation:2,changeDetection:0}),t})(),ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[o.ez,i.u5,i.UX,p.TuiInputNumberModule,r.TuiCurrencyPipeModule,c.TuiSvgModule,p.TuiRadioListModule,c.TuiButtonModule,c.TuiLinkModule,c.TuiTextfieldControllerModule,c.TuiNotificationModule,a.fV,l.f,c.TuiHintModule,u.Bz.forChild((0,a.Ve)(ae))]}),t})()}}]); \ No newline at end of file diff --git a/next/53510.fee5727fc98996d3.js b/next/53510.fee5727fc98996d3.js new file mode 100644 index 000000000000..d6572477e26b --- /dev/null +++ b/next/53510.fee5727fc98996d3.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[53510],{53510:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputNumberModule:()=>ce});var i=n(88692),o=n(69900),u=n(91795),r=n(24007),a=n(64500),c=n(73588),p=n(84479),l=n(75695),s=n(64537),d=n(82880),m=n(98204),f=n(16753),g=n(13735),x=n(66596),T=n(64374),h=n(6707),y=n(68874),Z=n(10200),b=n(3729),_=n(44998),U=n(89437),P=n(87205),A=n(79121),C=n(83074),M=n(10977),q=n(62840),v=n(60404),J=n(43560),V=n(93525),N=n(38868),w=n(54218),L=n(84848),H=n(99886);let S=(()=>{var e;class t{constructor(){this.control=new o.NI(100)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-1"]],decls:9,vars:12,consts:[["tuiHintContent","Dollar sign is commonly placed BEFORE the amount. Use [prefix].",3,"formControl","tuiTextfieldPrefix"],["tuiHintContent","Euro sign (numeric code 978) is commonly placed AFTER the amount. Use [postfix].",3,"formControl","tuiTextfieldPostfix"],["tuiHintContent","Pound sign (numeric code 826) is commonly placed BEFORE the amount. Use [prefix].",3,"formControl","tuiTextfieldPrefix"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.ALo(1,"tuiCurrency"),s._uU(2," Type a sum\n"),s.qZA(),s.TgZ(3,"tui-input-number",1),s.ALo(4,"tuiCurrency"),s._uU(5," Type a sum\n"),s.qZA(),s.TgZ(6,"tui-input-number",2),s.ALo(7,"tuiCurrency"),s._uU(8," Type a sum\n"),s.qZA()),2&e&&(s.Q6J("formControl",t.control)("tuiTextfieldPrefix",s.lcZ(1,6,"USD")),s.xp6(3),s.Q6J("formControl",t.control)("tuiTextfieldPostfix",s.lcZ(4,8,"978")),s.xp6(3),s.Q6J("formControl",t.control)("tuiTextfieldPrefix",s.lcZ(7,10,826)))},dependencies:[o.JJ,o.oH,f.q,g.g,_.A,U.T,L.bZ,H.i],styles:["tui-input-number[_ngcontent-%COMP%]{max-width:20rem}tui-input-number[_ngcontent-%COMP%]:not(:last-child){margin-bottom:1rem}"],changeDetection:0}),t})();var Q=n(91030);let k=(()=>{var e;class t{constructor(){this.testForm=new o.cw({testValue:new o.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-2"]],decls:10,vars:2,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldPostfix","kg","tuiTextfieldSize","s"],["name","potato","tuiTextfield",""],["formControlName","testValue","tuiTextfieldPostfix","L","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldLabelOutside"],["id","milk","tuiTextfield",""],["formControlName","testValue","tuiTextfieldPostfix","cm",1,"tui-space_top-2"],["placeholder","Make bunnies happy","tuiTextfield",""]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-number",1),s._uU(2," Potatoes "),s._UZ(3,"input",2),s.qZA(),s.TgZ(4,"tui-input-number",3),s._uU(5," Milk "),s._UZ(6,"input",4),s.qZA(),s.TgZ(7,"tui-input-number",5),s._uU(8," Carrot "),s._UZ(9,"input",6),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(4),s.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,f.q,g.g,Q.M,y.x,Z.s,U.T],styles:[".input[_ngcontent-%COMP%]{color:orange}"],changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.testForm=new o.cw({testValue:new o.NI(Math.PI)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-3"]],decls:5,vars:2,consts:[[3,"formGroup"],["decimal","not-zero","formControlName","testValue",3,"precision"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-number",1)(2,"strong"),s._uU(3,"π"),s.qZA(),s._uU(4," -value "),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(1),s.Q6J("precision",8))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,f.q,g.g],encapsulation:2,changeDetection:0}),t})(),O=(()=>{var e;class t{constructor(){this.value=1234.56}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-4"]],features:[s._Bn([(0,c.tuiNumberFormatProvider)({decimalSeparator:".",thousandSeparator:","})])],decls:2,vars:1,consts:[["tuiHintContent","Using cleaner is not recommended ;)","tuiTextfieldPrefix","$",1,"input",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Type a sum\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,f.q,g.g,_.A,L.bZ],styles:[".input[_ngcontent-%COMP%]{text-align:right;width:320px}"],changeDetection:0}),t})(),F=(()=>{var e;class t{constructor(){this.value=123.56}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-5"]],features:[s._Bn([(0,c.tuiNumberFormatProvider)({decimalSeparator:",",thousandSeparator:"."})])],decls:2,vars:1,consts:[["decimal","never","tuiTextfieldPostfix",",00","tuiTextfieldPrefix","¥ ",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Type a sum\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,f.q,g.g,_.A,U.T],encapsulation:2,changeDetection:0}),t})(),D=(()=>{var e;class t{constructor(){this.value=237}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-6"]],features:[s._Bn([(0,p.tuiInputNumberOptionsProvider)({decimal:"never",step:1})])],decls:2,vars:1,consts:[[3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1,"Only integers"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,f.q,g.g],encapsulation:2,changeDetection:0}),t})();var z=n(8514),E=n(61528),Y=n(27969);let B=(()=>{var e;class t{constructor(){this.value=1234.56}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-number-example-7"]],features:[s._Bn([{provide:c.TUI_NUMBER_FORMAT,deps:[z.Co],useFactory:e=>e.pipe((0,E.w)((e=>e)),(0,Y.U)((({name:e})=>({...c.TUI_DEFAULT_NUMBER_FORMAT,thousandSeparator:"english"===e?",":" ",decimalSeparator:"english"===e?".":","}))))}])],decls:2,vars:1,consts:[["tuiTextfieldPrefix","$",1,"input",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-number",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Type a sum\n"),s.qZA()),2&e&&s.Q6J("ngModel",t.value)},dependencies:[o.JJ,o.On,f.q,g.g,_.A],encapsulation:2,changeDetection:0}),t})();function G(e,t){1&e&&(s.TgZ(0,"p"),s._uU(1," To input money use properties "),s.TgZ(2,"code"),s._uU(3,"[postfix]"),s.qZA(),s._uU(4," or "),s.TgZ(5,"code"),s._uU(6,"[prefix]"),s.qZA(),s._uU(7," . To get currency symbol use pipe "),s.TgZ(8,"a",20),s._uU(9," tuiCurrency "),s.qZA(),s._uU(10," . "),s.qZA())}function R(e,t){1&e&&(s._uU(0," Customize input via "),s.TgZ(1,"a",21),s._uU(2," TextfieldControllers "),s.qZA(),s._uU(3," . "))}function X(e,t){1&e&&(s._uU(0," Use property "),s.TgZ(1,"code"),s._uU(2,"[precision]"),s.qZA(),s._uU(3," to configure a number of digits after comma. "))}function K(e,t){if(1&e&&(s.TgZ(0,"div",2),s._uU(1,"A component to input numbers. Control value is also of number type."),s.qZA(),s.TgZ(2,"section")(3,"h3"),s._uU(4,"There are also other components to input numbers:"),s.qZA(),s.TgZ(5,"ul",3)(6,"li",4)(7,"a",5)(8,"strong"),s._uU(9,"Slider"),s.qZA()()(),s.TgZ(10,"li",4)(11,"a",6)(12,"strong"),s._uU(13,"InputSlider"),s.qZA()(),s._uU(14," (it uses "),s.TgZ(15,"code"),s._uU(16,"InputNumber"),s.qZA(),s._uU(17," inside) "),s.qZA(),s.TgZ(18,"li",4)(19,"a",7)(20,"strong"),s._uU(21,"InputRange"),s.qZA()(),s._uU(22," (it uses "),s.TgZ(23,"code"),s._uU(24,"InputNumber"),s.qZA(),s._uU(25," inside) "),s.qZA()()(),s.TgZ(26,"p"),s._uU(27," Number formatting can be customized with "),s.TgZ(28,"a",8),s._uU(29," TUI_NUMBER_FORMAT "),s.qZA(),s._uU(30," token. "),s.qZA(),s.TgZ(31,"tui-doc-example",9),s.YNc(32,G,11,0,"ng-template",null,10,s.W1O),s._UZ(34,"tui-input-number-example-1"),s.qZA(),s.TgZ(35,"tui-doc-example",11),s.YNc(36,R,4,0,"ng-template",null,12,s.W1O),s.TgZ(38,"tui-notification",13),s._uU(39," If you need to set some attributes or listen to events on native "),s.TgZ(40,"code"),s._uU(41,"input"),s.qZA(),s._uU(42," , you can put it inside with "),s.TgZ(43,"code"),s._uU(44,"Textfield"),s.qZA(),s._uU(45," directive as shown below "),s.qZA(),s._UZ(46,"tui-input-number-example-2"),s.qZA(),s.TgZ(47,"tui-doc-example",14),s.YNc(48,X,4,0,"ng-template",null,15,s.W1O),s._UZ(50,"tui-input-number-example-3"),s.qZA(),s.TgZ(51,"tui-doc-example",16),s._UZ(52,"tui-input-number-example-4"),s.qZA(),s.TgZ(53,"tui-doc-example",17),s._UZ(54,"tui-input-number-example-5"),s.qZA(),s.TgZ(55,"tui-doc-example",18),s._UZ(56,"tui-input-number-example-6"),s.qZA(),s.TgZ(57,"tui-doc-example",19),s._UZ(58,"tui-input-number-example-7"),s.qZA()),2&e){const e=s.MAs(33),t=s.MAs(37),n=s.MAs(49),i=s.oxw();s.xp6(31),s.Q6J("content",i.example1)("description",e),s.xp6(4),s.Q6J("content",i.example2)("description",t),s.xp6(12),s.Q6J("content",i.example3)("description",n),s.xp6(4),s.Q6J("content",i.example4),s.xp6(2),s.Q6J("content",i.example5),s.xp6(2),s.Q6J("content",i.example6),s.xp6(2),s.Q6J("content",i.example7)}}function W(e,t){if(1&e&&(s.TgZ(0,"tui-input-number",31),s._uU(1," Type a sum "),s.qZA()),2&e){const e=s.oxw(2);s.Udp("text-align",e.textAlign),s.Q6J("decimal",e.decimal)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("precision",e.precision)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("step",e.step)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function j(e,t){1&e&&(s._uU(0," Disabled state (use "),s.TgZ(1,"code"),s._uU(2,"formControl.disable()"),s.qZA(),s._uU(3," ) "))}function $(e,t){1&e&&s._uU(0," Min value ")}function ee(e,t){1&e&&s._uU(0," Max value ")}function te(e,t){1&e&&(s._uU(0," A number of digits after comma ( "),s.TgZ(1,"code"),s._uU(2,"Infinity"),s.qZA(),s._uU(3," for an untouched decimal part) "))}function ne(e,t){1&e&&s._uU(0," Show/hide decimal ")}function ie(e,t){1&e&&s._uU(0," Step to increase/decrease value with keyboard and buttons on the side ")}function oe(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function ue(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo",22),s.YNc(1,W,2,25,"ng-template"),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,j,4,0,"ng-template",23),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(4,$,1,0,"ng-template",24),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.min=t)})),s.YNc(5,ee,1,0,"ng-template",25),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.max=t)})),s.YNc(6,te,4,0,"ng-template",26),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.precision=t)})),s.YNc(7,ne,1,0,"ng-template",27),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.decimal=t)})),s.YNc(8,ie,1,0,"ng-template",28),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.step=t)})),s.qZA(),s._UZ(9,"inherited-documentation"),s.TgZ(10,"tui-doc-documentation",29),s.YNc(11,oe,1,0,"ng-template",30),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.Q6J("control",e.control),s.xp6(3),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),s.xp6(1),s.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("documentationPropertyValues",e.precisionVariants)("documentationPropertyValue",e.precision),s.xp6(1),s.Q6J("documentationPropertyValues",e.decimalVariants)("documentationPropertyValue",e.decimal),s.xp6(1),s.Q6J("documentationPropertyValue",e.step),s.xp6(3),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function re(e,t){if(1&e&&(s.TgZ(0,"ol",32)(1,"li")(2,"p"),s._uU(3," Import an Angular module for forms and "),s.TgZ(4,"code"),s._uU(5,"TuiInputNumberModule"),s.qZA(),s._uU(6," in the same module where you want to use our component: "),s.qZA(),s._UZ(7,"tui-doc-code",33),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10," Declare a form ( "),s.TgZ(11,"code"),s._uU(12,"FormGroup"),s.qZA(),s._uU(13," ) or a control ( "),s.TgZ(14,"code"),s._uU(15,"FormControl"),s.qZA(),s._uU(16," ) in your component: "),s.qZA(),s._UZ(17,"tui-doc-code",34),s.qZA(),s.TgZ(18,"li")(19,"p"),s._uU(20,"Add to the template:"),s.qZA(),s._UZ(21,"tui-doc-code",35),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(10),s.Q6J("code",e.exampleForm),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let ae=(()=>{var e;class t extends d.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new o.NI(6432,o.kI.required),this.exampleForm=n.e(25924).then(n.t.bind(n,25924,17)),this.exampleModule=n.e(19856).then(n.t.bind(n,19856,17)),this.exampleHtml=n.e(19624).then(n.t.bind(n,19624,17)),this.example1={HTML:n.e(61406).then(n.t.bind(n,61406,17)),TypeScript:n.e(6456).then(n.t.bind(n,6456,17)),LESS:n.e(35512).then(n.t.bind(n,35512,17))},this.example2={HTML:n.e(64780).then(n.t.bind(n,64780,17)),TypeScript:n.e(86101).then(n.t.bind(n,86101,17)),LESS:n.e(16174).then(n.t.bind(n,16174,17))},this.example3={HTML:n.e(37519).then(n.t.bind(n,37519,17)),TypeScript:n.e(10311).then(n.t.bind(n,10311,17))},this.example4={TypeScript:n.e(34933).then(n.t.bind(n,34933,17)),HTML:n.e(34468).then(n.t.bind(n,34468,17)),LESS:n.e(70707).then(n.t.bind(n,70707,17))},this.example5={TypeScript:n.e(89302).then(n.t.bind(n,89302,17)),HTML:n.e(82435).then(n.t.bind(n,82435,17))},this.example6={TypeScript:n.e(38511).then(n.t.bind(n,38511,17)),HTML:n.e(69003).then(n.t.bind(n,69003,17))},this.example7={TypeScript:n.e(47773).then(n.t.bind(n,47773,17)),HTML:n.e(5680).then(n.t.bind(n,5680,17))},this.minVariants=[-1/0,-500,5,25],this.min=this.minVariants[0],this.maxVariants=[1/0,10,500],this.max=this.maxVariants[0],this.decimalVariants=["not-zero","always","never"],this.decimal=this.decimalVariants[0],this.precisionVariants=[2,3,4,1/0],this.precision=this.precisionVariants[0],this.step=0}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-input-number"]],features:[s._Bn([{provide:m.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","InputNumber","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],[1,"tui-list","tui-list_small"],[1,"tui-list__item"],["routerLink","/components/slider","tuiLink",""],["routerLink","/components/input-slider","tuiLink",""],["routerLink","/components/input-range","tuiLink",""],["fragment","number-format","routerLink","/utils/tokens","tuiLink",""],["id","currency","heading","Currency",3,"content","description"],["currencyPipeDescription",""],["id","sizes","heading","sizes",3,"content","description"],["textFieldControllerDescription",""],[1,"tui-space_bottom-4"],["id","precision","heading","8 digits after comma",3,"content","description"],["precisionDescription",""],["id","align","description","With currency symbol as prefix and custom format","heading","Align to the right",3,"content"],["id","prefix-postfix","heading","Prefix and postfix",3,"content"],["id","options","heading","Default options override",3,"content"],["id","dynamic","heading","Dynamic formatting change",3,"content"],["routerLink","/pipes/currency","tuiLink",""],["routerLink","/directives/textfield-controller","tuiLink",""],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","precision","documentationPropertyType","number",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","decimal","documentationPropertyType","TuiDecimal",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","step","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"decimal","focusable","formControl","max","min","precision","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","step","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,K,59,10,"ng-template",1),s.YNc(2,ue,12,13,"ng-template",1),s.YNc(3,re,22,3,"ng-template",1),s.qZA())},dependencies:[o.JJ,o.oH,f.q,g.g,x.V,T.b,h.B,y.x,Z.s,b.a,_.A,U.T,P.k,A.L,C.c,M.F,q.z,v.B,J.q,V.n,N.f,w.w,L.bZ,u.rH,S,k,I,O,F,D,B],encapsulation:2,changeDetection:0}),t})(),ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[i.ez,o.u5,o.UX,p.TuiInputNumberModule,r.TuiCurrencyPipeModule,c.TuiSvgModule,p.TuiRadioListModule,c.TuiButtonModule,c.TuiLinkModule,c.TuiTextfieldControllerModule,c.TuiNotificationModule,a.fV,l.f,c.TuiHintModule,u.Bz.forChild((0,a.Ve)(ae))]}),t})()}}]); \ No newline at end of file diff --git a/next/54075.000591ff18eb4576.js b/next/54075.000591ff18eb4576.js deleted file mode 100644 index f01f7e0581ff..000000000000 --- a/next/54075.000591ff18eb4576.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54075],{54075:t=>{t.exports='\n If you need to set some attributes or listen to events on native\n input\n , you can put it inside with\n Textfield\n directive as shown below\n\n\n Choose a date\n \n\n'}}]); \ No newline at end of file diff --git a/next/54075.2e535d59a71d115f.js b/next/54075.2e535d59a71d115f.js new file mode 100644 index 000000000000..bf0950bbb329 --- /dev/null +++ b/next/54075.2e535d59a71d115f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54075],{54075:t=>{t.exports='\n If you need to set some attributes or listen to events on native\n input\n , you can put it inside with\n Textfield\n directive as shown below\n\n\n Choose a date\n \n\n'}}]); \ No newline at end of file diff --git a/next/54544.12e4696366ba441b.js b/next/54544.12e4696366ba441b.js deleted file mode 100644 index ce7e22aa364c..000000000000 --- a/next/54544.12e4696366ba441b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54544],{54544:n=>{n.exports='

Control\'s output as TuiDay (default)

\n\n Choose a date\n\n

Stringified control value:

\n

\n {{ defaultControl.value }}\n

\n\n
\n\n

Control\'s output as native Date

\n

\n (see\n toNativeDate\n directive)\n

\n\n Choose a date\n\n

Stringified control value:

\n

\n {{ nativeDateControl.value }}\n

\n'}}]); \ No newline at end of file diff --git a/next/54544.e62762bbfa71d600.js b/next/54544.e62762bbfa71d600.js new file mode 100644 index 000000000000..ce24f4592599 --- /dev/null +++ b/next/54544.e62762bbfa71d600.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54544],{54544:t=>{t.exports='

Control\'s output as TuiDay (default)

\nChoose a date\n

Stringified control value:

\n

\n {{ defaultControl.value }}\n

\n\n
\n\n

Control\'s output as native Date

\n

\n (see\n toNativeDate\n directive)\n

\n\n Choose a date\n\n

Stringified control value:

\n

\n {{ nativeDateControl.value }}\n

\n'}}]); \ No newline at end of file diff --git a/next/54879.1d8e312fba2c30f0.js b/next/54879.1d8e312fba2c30f0.js new file mode 100644 index 000000000000..92b7f8c55f4d --- /dev/null +++ b/next/54879.1d8e312fba2c30f0.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54879],{54879:n=>{n.exports='
\n \n Custom mode is set with\n \n tuiMode\n \n directive\n \n\n

\n \n Type an email\n \n \n

\n
\n

\n \n Type an email\n \n \n

\n
\n
\n

\n \n Type an email\n \n \n

\n
\n
\n'}}]); \ No newline at end of file diff --git a/next/54879.6be3e99e36af0d63.js b/next/54879.6be3e99e36af0d63.js deleted file mode 100644 index d044fa75efbd..000000000000 --- a/next/54879.6be3e99e36af0d63.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54879],{54879:n=>{n.exports='\n \n Custom mode is set with\n \n tuiMode\n \n directive\n \n\n

\n \n Type an email\n \n \n

\n
\n

\n \n Type an email\n \n \n

\n
\n
\n

\n \n Type an email\n \n \n

\n
\n\n'}}]); \ No newline at end of file diff --git a/next/55174.255b445d417a10c6.js b/next/55174.255b445d417a10c6.js new file mode 100644 index 000000000000..7eed035efb1e --- /dev/null +++ b/next/55174.255b445d417a10c6.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[55174],{55174:t=>{t.exports='\n Applicable countries\n \n \n \n {{ item }}\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/55174.7a0365aa60cc8754.js b/next/55174.7a0365aa60cc8754.js deleted file mode 100644 index c8c63062188b..000000000000 --- a/next/55174.7a0365aa60cc8754.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[55174],{55174:t=>{t.exports='\n Applicable countries\n \n \n \n {{ item }}\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/555.05cae1b768b10e40.js b/next/555.05cae1b768b10e40.js deleted file mode 100644 index 5a451230b031..000000000000 --- a/next/555.05cae1b768b10e40.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[555],{555:e=>{e.exports='\n Choose a date\n\n'}}]); \ No newline at end of file diff --git a/next/555.ffb7fb5303b73c38.js b/next/555.ffb7fb5303b73c38.js new file mode 100644 index 000000000000..acddb726253a --- /dev/null +++ b/next/555.ffb7fb5303b73c38.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[555],{555:e=>{e.exports='\n Choose a date\n\n'}}]); \ No newline at end of file diff --git a/next/55609.4c5b8494df37fc3b.js b/next/55609.4c5b8494df37fc3b.js new file mode 100644 index 000000000000..bea848903b87 --- /dev/null +++ b/next/55609.4c5b8494df37fc3b.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[55609],{55609:(a,e,t)=>{t.r(e),t.d(e,{default:()=>_});var r=t(24580),i=t(88692),o=t(91795),n=t(64500),p=t(73588),c=t(69900),d=t(61917),u=t(84479),l=t(64537),s=t(77027),f=t(41360),m=t(22968),b=t(76189);let h=(()=>{var a;class e{constructor(){this.value="",this.checkbox=!1}}return(a=e).ɵfac=function(e){return new(e||a)},a.ɵcmp=l.Xpm({type:a,selectors:[["tui-wrapper-example-1"]],standalone:!0,features:[l._Bn([{provide:p.TUI_TEXTFIELD_APPEARANCE_DIRECTIVE,useValue:{appearance:"material-textfield"}},(0,d.im)({appearance:a=>a.checked||a.indeterminate?"material-checkbox-on":"material-checkbox-off"})]),l.jDz],decls:8,vars:2,consts:[["minlength","5",3,"ngModel","ngModelChange"],["tuiLabel","",1,"tui-space_vertical-4"],["size","s","tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","material-button","size","s","tuiButton","","type","button"]],template:function(a,e){1&a&&(l.TgZ(0,"tui-input",0),l.NdJ("ngModelChange",(function(a){return e.value=a})),l._uU(1," Input example\n"),l.qZA(),l.TgZ(2,"label",1)(3,"input",2),l.NdJ("ngModelChange",(function(a){return e.checkbox=a})),l.qZA(),l.TgZ(4,"small"),l._uU(5,"Checkbox example"),l.qZA()(),l.TgZ(6,"button",3),l._uU(7," Submit\n"),l.qZA()),2&a&&(l.Q6J("ngModel",e.value),l.xp6(3),l.Q6J("ngModel",e.checkbox))},dependencies:[u.TuiInputModule,s.K,f.w,c.u5,c.Wl,c.JJ,c.wO,c.On,d.XQ,d.xl,m.f,p.TuiButtonModule,b.v],styles:['[tuiWrapper][data-appearance=material-textfield]{background:#f5f5f5;color:#000000de;border-radius:.25rem .25rem 0 0}[tuiWrapper][data-appearance=material-textfield]:after{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:.0625rem;background:#8e8e8e;top:auto;border:none;transform-origin:bottom}@media (hover: hover){[tuiWrapper][data-appearance=material-textfield]:hover:not(._no-hover),[tuiWrapper][data-appearance=material-textfield][data-state=hover]{background:#ececec}[tuiWrapper][data-appearance=material-textfield]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=material-textfield][data-state=hover]:after{background:#1f1f1f}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-textfield],[data-focused=true]>[tuiWrapper][data-appearance=material-textfield]{background:#dcdcdc}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-textfield] label,[data-focused=true]>[tuiWrapper][data-appearance=material-textfield] label{color:#6200ee!important}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-textfield]:after,[data-focused=true]>[tuiWrapper][data-appearance=material-textfield]:after{background:#6200ee;transform:scaleY(2)}[tuiWrapper][data-appearance=material-textfield]:focus-visible:focus-visible{background:#dcdcdc}[tuiWrapper][data-appearance=material-textfield]:focus-visible:focus-visible label{color:#6200ee!important}[tuiWrapper][data-appearance=material-textfield]:focus-visible:focus-visible:after{background:#6200ee;transform:scaleY(2)}[tuiWrapper][data-appearance=material-textfield]._focused._focused{background:#dcdcdc}[tuiWrapper][data-appearance=material-textfield]._focused._focused label{color:#6200ee!important}[tuiWrapper][data-appearance=material-textfield]._focused._focused:after{background:#6200ee;transform:scaleY(2)}[tuiWrapper][data-appearance=material-textfield]:invalid:invalid label,[tuiWrapper][data-appearance=material-textfield]._invalid._invalid label{color:#b00020!important}[tuiWrapper][data-appearance=material-textfield]:invalid:invalid:after,[tuiWrapper][data-appearance=material-textfield]._invalid._invalid:after{background:#b00020}[tuiWrapper][data-appearance=material-button]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:.25rem;background:#6200ee;color:#fff;text-transform:uppercase;font-weight:700;box-shadow:0 .1875rem .0625rem -.125rem #0003,0 .125rem .125rem #0000,0 .0625rem .3125rem #0000001f}@media (hover: hover){[tuiWrapper][data-appearance=material-button]:hover:not(._no-hover),[tuiWrapper][data-appearance=material-button][data-state=hover]{background:#6e14ef;box-shadow:0 .125rem .25rem -.0625rem #0003,0 .25rem .3125rem #00000024,0 .0625rem .625rem #0000001f}}[tuiWrapper][data-appearance=material-button]:active:not(._no-active),[tuiWrapper][data-appearance=material-button][data-state=active],[tuiWrapper][data-appearance=material-button][data-state=active]:hover{background:#6e14ef;box-shadow:0 .3125rem .3125rem -.1875rem #0003,0 .5rem .625rem .0625rem #00000024,0 .1875rem .875rem .125rem #0000001f}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-button],[data-focused=true]>[tuiWrapper][data-appearance=material-button]{background:#883df2}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-button]:after,[data-focused=true]>[tuiWrapper][data-appearance=material-button]:after{display:none}[tuiWrapper][data-appearance=material-button]:focus-visible:focus-visible{background:#883df2}[tuiWrapper][data-appearance=material-button]:focus-visible:focus-visible:after{display:none}[tuiWrapper][data-appearance=material-button]._focused._focused{background:#883df2}[tuiWrapper][data-appearance=material-button]._focused._focused:after{display:none}[tuiAppearance][data-appearance=material-checkbox-on],[tuiAppearance][data-appearance=material-checkbox-off]{color:#fff;border-radius:.125rem;border:.125rem solid rgba(0,0,0,.54)}[tuiAppearance][data-appearance=material-checkbox-on]:after,[tuiAppearance][data-appearance=material-checkbox-off]:after{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:-.625rem;left:-.625rem;right:-.625rem;bottom:-.625rem;border-radius:100%;background:#000;opacity:0}@media (hover: hover){[tuiAppearance][data-appearance=material-checkbox-on]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after{opacity:.05}}@media (hover: hover){[tuiAppearance][data-appearance=material-checkbox-on]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after{opacity:.05}}[tuiAppearance][data-appearance=material-checkbox-on][data-state=hover]:after,[tuiAppearance][data-appearance=material-checkbox-off][data-state=hover]:after{opacity:.05}[tuiAppearance][data-appearance=material-checkbox-on]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on][data-state=active]:after,[tuiAppearance][data-appearance=material-checkbox-off][data-state=active]:after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on]:focus-visible:not([data-focus="false"]):after,[tuiAppearance][data-appearance=material-checkbox-off]:focus-visible:not([data-focus="false"]):after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on][data-focus=true]:after,[tuiAppearance][data-appearance=material-checkbox-off][data-focus=true]:after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on]{background:#6200ee;border-color:transparent}\n'],encapsulation:2}),e})();var v=t(43560),x=t(98781),g=t(66596),k=t(38868);function y(a,e){if(1&a&&(l.TgZ(0,"li")(1,"tui-doc-copy",4)(2,"code"),l._uU(3),l.qZA()()()),2&a){const a=e.$implicit;l.xp6(1),l.Q6J("cdkCopyToClipboard",a),l.xp6(2),l.Oqu(a)}}let _=(()=>{var a;class e{constructor(){this.example1={HTML:t.e(70913).then(t.t.bind(t,70913,17)),LESS:t.e(23962).then(t.t.bind(t,23962,17)),TypeScript:t.e(23317).then(t.t.bind(t,23317,17))},this.mixins=[".wrapper-hover(@ruleset)",".wrapper-active(@ruleset)",".wrapper-readonly(@ruleset)",".wrapper-disabled(@ruleset)",".wrapper-focus(@ruleset)",".wrapper-invalid(@ruleset)"]}}return(a=e).ɵfac=function(e){return new(e||a)},a.ɵcmp=l.Xpm({type:a,selectors:[["wrapper"]],standalone:!0,features:[l.jDz],decls:28,vars:2,consts:[["header","Wrapper"],[4,"ngFor","ngForOf"],["routerLink","/directives/mode","tuiLink",""],["id","material","heading","Imitate material",3,"content"],[1,"var",3,"cdkCopyToClipboard"]],template:function(a,e){1&a&&(l.TgZ(0,"tui-doc-page",0)(1,"p"),l._uU(2," Many Taiga UI components use "),l.TgZ(3,"code"),l._uU(4,"tui-wrapper"),l.qZA(),l._uU(5," component internally. It is responsible for display of various interactive states and is controlled with CSS. Buttons provide a direct input for "),l.TgZ(6,"code"),l._uU(7,"appearance"),l.qZA(),l._uU(8," while others, like input fields, are configurable through Dependency Injection. "),l.qZA(),l.TgZ(9,"p"),l._uU(10," Built-in appearances come with Taiga UI theme. You can extend or completely replace them with your own in global non-encapsulated styles. Use the following mixins from "),l.TgZ(11,"code"),l._uU(12,"@import '@taiga-ui/core/styles/taiga-ui-local.less';"),l.qZA(),l._uU(13," : "),l.qZA(),l.TgZ(14,"ul"),l.YNc(15,y,4,2,"li",1),l.qZA(),l.TgZ(16,"p"),l._uU(17," Use "),l.TgZ(18,"code"),l._uU(19,"[data-mode='onDark']"),l.qZA(),l._uU(20," / "),l.TgZ(21,"code"),l._uU(22,"[data-mode='onLight']"),l.qZA(),l._uU(23," selectors to account for "),l.TgZ(24,"a",2),l._uU(25," Mode "),l.qZA()(),l.TgZ(26,"tui-doc-example",3),l._UZ(27,"tui-wrapper-example-1"),l.qZA()()),2&a&&(l.xp6(15),l.Q6J("ngForOf",e.mixins),l.xp6(11),l.Q6J("content",e.example1))},dependencies:[n.Lq,v.q,i.sg,n.k7,x.f,r.Iq,r.i3,o.rH,p.TuiLinkModule,g.V,n.u4,k.f,h],encapsulation:2,changeDetection:0}),e})()}}]); \ No newline at end of file diff --git a/next/55609.a9d5883d6aa94875.js b/next/55609.a9d5883d6aa94875.js deleted file mode 100644 index 875c4f4d1ef2..000000000000 --- a/next/55609.a9d5883d6aa94875.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[55609],{55609:(a,e,t)=>{t.r(e),t.d(e,{default:()=>_});var r=t(24580),i=t(88692),o=t(91795),n=t(64500),p=t(73588),c=t(69900),d=t(61917),u=t(84479),l=t(64537),s=t(77027),f=t(41360),m=t(22968),b=t(76189);let h=(()=>{var a;class e{constructor(){this.value="",this.checkbox=!1}}return(a=e).ɵfac=function(e){return new(e||a)},a.ɵcmp=l.Xpm({type:a,selectors:[["tui-wrapper-example-1"]],standalone:!0,features:[l._Bn([{provide:p.TUI_TEXTFIELD_APPEARANCE_DIRECTIVE,useValue:{appearance:"material-textfield"}},(0,d.im)({appearance:a=>a.checked||a.indeterminate?"material-checkbox-on":"material-checkbox-off"})]),l.jDz],decls:8,vars:2,consts:[["minlength","5",1,"b-form",3,"ngModel","ngModelChange"],["tuiLabel","",1,"tui-space_vertical-4"],["size","s","tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","material-button","size","s","tuiButton","","type","button"]],template:function(a,e){1&a&&(l.TgZ(0,"tui-input",0),l.NdJ("ngModelChange",(function(a){return e.value=a})),l._uU(1," Input example\n"),l.qZA(),l.TgZ(2,"label",1)(3,"input",2),l.NdJ("ngModelChange",(function(a){return e.checkbox=a})),l.qZA(),l.TgZ(4,"small"),l._uU(5,"Checkbox example"),l.qZA()(),l.TgZ(6,"button",3),l._uU(7," Submit\n"),l.qZA()),2&a&&(l.Q6J("ngModel",e.value),l.xp6(3),l.Q6J("ngModel",e.checkbox))},dependencies:[u.TuiInputModule,s.K,f.w,c.u5,c.Wl,c.JJ,c.wO,c.On,d.XQ,d.xl,m.f,p.TuiButtonModule,b.v],styles:['[tuiWrapper][data-appearance=material-textfield]{background:#f5f5f5;color:#000000de;border-radius:.25rem .25rem 0 0}[tuiWrapper][data-appearance=material-textfield]:after{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:.0625rem;background:#8e8e8e;top:auto;border:none;transform-origin:bottom}@media (hover: hover){[tuiWrapper][data-appearance=material-textfield]:hover:not(._no-hover),[tuiWrapper][data-appearance=material-textfield][data-state=hover]{background:#ececec}[tuiWrapper][data-appearance=material-textfield]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=material-textfield][data-state=hover]:after{background:#1f1f1f}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-textfield],[data-focused=true]>[tuiWrapper][data-appearance=material-textfield]{background:#dcdcdc}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-textfield] label,[data-focused=true]>[tuiWrapper][data-appearance=material-textfield] label{color:#6200ee!important}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-textfield]:after,[data-focused=true]>[tuiWrapper][data-appearance=material-textfield]:after{background:#6200ee;transform:scaleY(2)}[tuiWrapper][data-appearance=material-textfield]:focus-visible:focus-visible{background:#dcdcdc}[tuiWrapper][data-appearance=material-textfield]:focus-visible:focus-visible label{color:#6200ee!important}[tuiWrapper][data-appearance=material-textfield]:focus-visible:focus-visible:after{background:#6200ee;transform:scaleY(2)}[tuiWrapper][data-appearance=material-textfield]._focused._focused{background:#dcdcdc}[tuiWrapper][data-appearance=material-textfield]._focused._focused label{color:#6200ee!important}[tuiWrapper][data-appearance=material-textfield]._focused._focused:after{background:#6200ee;transform:scaleY(2)}[tuiWrapper][data-appearance=material-textfield]:invalid:invalid label,[tuiWrapper][data-appearance=material-textfield]._invalid._invalid label{color:#b00020!important}[tuiWrapper][data-appearance=material-textfield]:invalid:invalid:after,[tuiWrapper][data-appearance=material-textfield]._invalid._invalid:after{background:#b00020}[tuiWrapper][data-appearance=material-button]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;border-radius:.25rem;background:#6200ee;color:#fff;text-transform:uppercase;font-weight:700;box-shadow:0 .1875rem .0625rem -.125rem #0003,0 .125rem .125rem #0000,0 .0625rem .3125rem #0000001f}@media (hover: hover){[tuiWrapper][data-appearance=material-button]:hover:not(._no-hover),[tuiWrapper][data-appearance=material-button][data-state=hover]{background:#6e14ef;box-shadow:0 .125rem .25rem -.0625rem #0003,0 .25rem .3125rem #00000024,0 .0625rem .625rem #0000001f}}[tuiWrapper][data-appearance=material-button]:active:not(._no-active),[tuiWrapper][data-appearance=material-button][data-state=active],[tuiWrapper][data-appearance=material-button][data-state=active]:hover{background:#6e14ef;box-shadow:0 .3125rem .3125rem -.1875rem #0003,0 .5rem .625rem .0625rem #00000024,0 .1875rem .875rem .125rem #0000001f}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-button],[data-focused=true]>[tuiWrapper][data-appearance=material-button]{background:#883df2}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=material-button]:after,[data-focused=true]>[tuiWrapper][data-appearance=material-button]:after{display:none}[tuiWrapper][data-appearance=material-button]:focus-visible:focus-visible{background:#883df2}[tuiWrapper][data-appearance=material-button]:focus-visible:focus-visible:after{display:none}[tuiWrapper][data-appearance=material-button]._focused._focused{background:#883df2}[tuiWrapper][data-appearance=material-button]._focused._focused:after{display:none}[tuiAppearance][data-appearance=material-checkbox-on],[tuiAppearance][data-appearance=material-checkbox-off]{color:#fff;border-radius:.125rem;border:.125rem solid rgba(0,0,0,.54)}[tuiAppearance][data-appearance=material-checkbox-on]:after,[tuiAppearance][data-appearance=material-checkbox-off]:after{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:-.625rem;left:-.625rem;right:-.625rem;bottom:-.625rem;border-radius:100%;background:#000;opacity:0}@media (hover: hover){[tuiAppearance][data-appearance=material-checkbox-on]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after{opacity:.05}}@media (hover: hover){[tuiAppearance][data-appearance=material-checkbox-on]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after{opacity:.05}}[tuiAppearance][data-appearance=material-checkbox-on][data-state=hover]:after,[tuiAppearance][data-appearance=material-checkbox-off][data-state=hover]:after{opacity:.05}[tuiAppearance][data-appearance=material-checkbox-on]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=material-checkbox-off]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on][data-state=active]:after,[tuiAppearance][data-appearance=material-checkbox-off][data-state=active]:after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on]:focus-visible:not([data-focus="false"]):after,[tuiAppearance][data-appearance=material-checkbox-off]:focus-visible:not([data-focus="false"]):after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on][data-focus=true]:after,[tuiAppearance][data-appearance=material-checkbox-off][data-focus=true]:after{opacity:.1}[tuiAppearance][data-appearance=material-checkbox-on]{background:#6200ee;border-color:transparent}\n'],encapsulation:2}),e})();var v=t(43560),x=t(98781),g=t(66596),k=t(38868);function y(a,e){if(1&a&&(l.TgZ(0,"li")(1,"tui-doc-copy",4)(2,"code"),l._uU(3),l.qZA()()()),2&a){const a=e.$implicit;l.xp6(1),l.Q6J("cdkCopyToClipboard",a),l.xp6(2),l.Oqu(a)}}let _=(()=>{var a;class e{constructor(){this.example1={HTML:t.e(70913).then(t.t.bind(t,70913,17)),LESS:t.e(23962).then(t.t.bind(t,23962,17)),TypeScript:t.e(23317).then(t.t.bind(t,23317,17))},this.mixins=[".wrapper-hover(@ruleset)",".wrapper-active(@ruleset)",".wrapper-readonly(@ruleset)",".wrapper-disabled(@ruleset)",".wrapper-focus(@ruleset)",".wrapper-invalid(@ruleset)"]}}return(a=e).ɵfac=function(e){return new(e||a)},a.ɵcmp=l.Xpm({type:a,selectors:[["wrapper"]],standalone:!0,features:[l.jDz],decls:28,vars:2,consts:[["header","Wrapper"],[4,"ngFor","ngForOf"],["routerLink","/directives/mode","tuiLink",""],["id","material","heading","Imitate material",3,"content"],[1,"var",3,"cdkCopyToClipboard"]],template:function(a,e){1&a&&(l.TgZ(0,"tui-doc-page",0)(1,"p"),l._uU(2," Many Taiga UI components use "),l.TgZ(3,"code"),l._uU(4,"tui-wrapper"),l.qZA(),l._uU(5," component internally. It is responsible for display of various interactive states and is controlled with CSS. Buttons provide a direct input for "),l.TgZ(6,"code"),l._uU(7,"appearance"),l.qZA(),l._uU(8," while others, like input fields, are configurable through Dependency Injection. "),l.qZA(),l.TgZ(9,"p"),l._uU(10," Built-in appearances come with Taiga UI theme. You can extend or completely replace them with your own in global non-encapsulated styles. Use the following mixins from "),l.TgZ(11,"code"),l._uU(12,"@import '@taiga-ui/core/styles/taiga-ui-local.less';"),l.qZA(),l._uU(13," : "),l.qZA(),l.TgZ(14,"ul"),l.YNc(15,y,4,2,"li",1),l.qZA(),l.TgZ(16,"p"),l._uU(17," Use "),l.TgZ(18,"code"),l._uU(19,"[data-mode='onDark']"),l.qZA(),l._uU(20," / "),l.TgZ(21,"code"),l._uU(22,"[data-mode='onLight']"),l.qZA(),l._uU(23," selectors to account for "),l.TgZ(24,"a",2),l._uU(25," Mode "),l.qZA()(),l.TgZ(26,"tui-doc-example",3),l._UZ(27,"tui-wrapper-example-1"),l.qZA()()),2&a&&(l.xp6(15),l.Q6J("ngForOf",e.mixins),l.xp6(11),l.Q6J("content",e.example1))},dependencies:[n.Lq,v.q,i.sg,n.k7,x.f,r.Iq,r.i3,o.rH,p.TuiLinkModule,g.V,n.u4,k.f,h],encapsulation:2,changeDetection:0}),e})()}}]); \ No newline at end of file diff --git a/next/56099.10a381e0639bb0ab.js b/next/56099.10a381e0639bb0ab.js new file mode 100644 index 000000000000..af43c669ba51 --- /dev/null +++ b/next/56099.10a381e0639bb0ab.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[56099],{56099:e=>{e.exports='
\n \n \n Sum\n \n \n
\n'}}]); \ No newline at end of file diff --git a/next/56099.28ec5261055f4e6c.js b/next/56099.28ec5261055f4e6c.js deleted file mode 100644 index d16798311ec9..000000000000 --- a/next/56099.28ec5261055f4e6c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[56099],{56099:e=>{e.exports='\n \n \n Sum\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/5748.2af88390efb7db94.js b/next/5748.2af88390efb7db94.js deleted file mode 100644 index 23fd005f33a1..000000000000 --- a/next/5748.2af88390efb7db94.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[5748],{5748:n=>{n.exports='

\n A sample with\n disabledItemHandler\n when selecting a left value of range changes available right value: a range no more than one month\n

\n\n\n \n Choose a range of months\n \n\n'}}]); \ No newline at end of file diff --git a/next/5748.dc4dc5e2430760f2.js b/next/5748.dc4dc5e2430760f2.js new file mode 100644 index 000000000000..002bf5356d9b --- /dev/null +++ b/next/5748.dc4dc5e2430760f2.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[5748],{5748:e=>{e.exports='

\n A sample with\n disabledItemHandler\n when selecting a left value of range changes available right value: a range no more than one month\n

\n\n
\n \n Choose a range of months\n \n\n'}}]); \ No newline at end of file diff --git a/next/57536.562c517264164d3b.js b/next/57536.562c517264164d3b.js deleted file mode 100644 index 103404546c73..000000000000 --- a/next/57536.562c517264164d3b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[57536],{57536:n=>{n.exports='\n Choose a range of months\n \n\n'}}]); \ No newline at end of file diff --git a/next/57536.5bee0471585db49a.js b/next/57536.5bee0471585db49a.js new file mode 100644 index 000000000000..d60951ad7500 --- /dev/null +++ b/next/57536.5bee0471585db49a.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[57536],{57536:n=>{n.exports='\n Choose a range of months\n \n\n'}}]); \ No newline at end of file diff --git a/next/57659.b96fd54c8e05b9d4.js b/next/57659.a2265b9e9a0217ae.js similarity index 50% rename from next/57659.b96fd54c8e05b9d4.js rename to next/57659.a2265b9e9a0217ae.js index 39c3c0d8793c..bfe0656e8983 100644 --- a/next/57659.b96fd54c8e05b9d4.js +++ b/next/57659.a2265b9e9a0217ae.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[57659],{57659:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiBlockModule:()=>V});var n=o(88692),a=o(69900),l=o(64500),i=o(73588),u=o(61917),r=o(84479),c=o(64537),p=o(83074),s=o(43560),m=o(93525),g=o(38868),Z=o(50672),d=o(22968);let f=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI(!0),testValue2:new a.NI({value:!1,disabled:!0}),testValue3:new a.NI({value:!0,disabled:!0}),testValue4:new a.NI(!1)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-block-example-1"]],decls:13,vars:1,consts:[[3,"formGroup"],["tuiBlock","xs"],["formControlName","testValue1","size","s","tuiCheckbox","","type","checkbox"],["tuiBlock","s"],["formControlName","testValue2","size","s","tuiCheckbox","","type","checkbox"],["tuiBlock","m"],["formControlName","testValue3","size","s","tuiCheckbox","","type","checkbox"],["tuiBlock",""],["formControlName","testValue4","tuiCheckbox","","type","checkbox"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"label",1),c._uU(2," Grapes "),c._UZ(3,"input",2),c.qZA(),c.TgZ(4,"label",3),c._uU(5," Qiwi "),c._UZ(6,"input",4),c.qZA(),c.TgZ(7,"label",5),c._uU(8," Oranges "),c._UZ(9,"input",6),c.qZA(),c.TgZ(10,"label",7),c._uU(11," Watermelons "),c._UZ(12,"input",8),c.qZA()()),2&e&&c.Q6J("formGroup",t.testForm)},dependencies:[a._Y,a.Wl,a.JJ,a.JL,a.sg,a.u,Z.v,d.f],styles:["form[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}"],changeDetection:0}),t})();var _=o(39607),x=o(96479),b=o(16961);let U=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI("orange")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-block-example-2"]],decls:37,vars:6,consts:[[1,"title"],["tuiGroup","",1,"group",3,"collapsed","formGroup"],["tuiBlock",""],["formControlName","testValue","tuiRadio","","type","radio","value","oranges"],["formControlName","testValue","tuiRadio","","type","radio","value","apples"],["formControlName","testValue","tuiRadio","","type","radio","value","pineapples"],["tuiFade",""],["orientation","vertical","tuiGroup","",1,"group",3,"collapsed","formGroup"],["appearance","","tuiBlock",""],["formControlName","testValue","tuiBlock","","type","radio","value","oranges"],["formControlName","testValue","tuiBlock","","type","radio","value","apples"],["formControlName","testValue","tuiBlock","","type","radio","value","pineapples"]],template:function(e,t){1&e&&(c.TgZ(0,"h3",0),c._uU(1,"Horizontal group"),c.qZA(),c.TgZ(2,"form",1)(3,"label",2),c._UZ(4,"input",3),c._uU(5," Oranges "),c.qZA(),c.TgZ(6,"label",2),c._UZ(7,"input",4),c._uU(8," Apples "),c.qZA(),c.TgZ(9,"label",2),c._UZ(10,"input",5),c.TgZ(11,"span",6),c._uU(12,"Pineapples"),c.qZA()()(),c.TgZ(13,"h3",0),c._uU(14,"Vertical group"),c.qZA(),c.TgZ(15,"form",7)(16,"label",2),c._UZ(17,"input",3),c._uU(18," Oranges "),c.qZA(),c.TgZ(19,"label",2),c._UZ(20,"input",4),c._uU(21," Apples "),c.qZA(),c.TgZ(22,"label",2),c._UZ(23,"input",5),c._uU(24," Pineapples "),c.qZA()(),c.TgZ(25,"h3",0),c._uU(26,"Without checkbox indicators"),c.qZA(),c.TgZ(27,"form",1)(28,"label",8),c._UZ(29,"input",9),c._uU(30," Oranges "),c.qZA(),c.TgZ(31,"label",8),c._UZ(32,"input",10),c._uU(33," Apples "),c.qZA(),c.TgZ(34,"label",8),c._UZ(35,"input",11),c._uU(36," Pineapples "),c.qZA()()),2&e&&(c.xp6(2),c.Q6J("collapsed",!0)("formGroup",t.testForm),c.xp6(13),c.Q6J("collapsed",!0)("formGroup",t.testForm),c.xp6(12),c.Q6J("collapsed",!0)("formGroup",t.testForm))},dependencies:[a._Y,a.Fj,a._,a.JJ,a.JL,a.sg,a.u,Z.v,_.g,x._,b.X],styles:[".group[_ngcontent-%COMP%]{max-width:33rem;margin-bottom:1.5rem}.title[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin:0 0 1rem}"],changeDetection:0}),t})();var h=o(44124),A=o(33351),k=o(66260),T=o(38571),q=o(3104);let v=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI(!1),testValue2:new a.NI(!1),testValue3:new a.NI(!1),testValue4:new a.NI(!1)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-block-example-3"]],decls:23,vars:7,consts:[[1,"b-form",3,"formGroup"],["tuiBlock",""],["src","https://avatars.githubusercontent.com/u/11832552"],["formControlName","testValue1","tuiCheckbox","","type","checkbox"],["appearance","","tuiBlock",""],["tuiTitle",""],["tuiSubtitle",""],["icon","tuiIconHeartLarge"],["formControlName","testValue2","tuiBlock","","type","checkbox"],["formControlName","testValue3","tuiToggle","","type","checkbox"],["tuiBlock","m"],["formControlName","testValue3","size","s","tuiToggle","","type","checkbox"],["content","Enabling this will cause trouble"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"label",1),c._UZ(2,"tui-avatar",2),c._uU(3," Heading "),c._UZ(4,"input",3),c.qZA(),c.TgZ(5,"label",4),c._UZ(6,"tui-avatar",2),c.TgZ(7,"span",5)(8,"span",6),c._uU(9,"Taiga UI"),c.qZA(),c._uU(10," Alex Inkin "),c.qZA(),c._UZ(11,"tui-icon",7)(12,"input",8),c.qZA(),c.TgZ(13,"label",1)(14,"span",5),c._uU(15," Heading "),c.TgZ(16,"span",6),c._uU(17," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi atque incidunt itaque iusto natus quaerat quia similique veniam? "),c.qZA()(),c._UZ(18,"input",9),c.qZA(),c.TgZ(19,"label",10),c._UZ(20,"input",11),c._uU(21," Enable "),c._UZ(22,"tui-tooltip",12),c.qZA()()),2&e&&(c.Q6J("formGroup",t.testForm),c.xp6(7),c.Udp("margin",0),c.xp6(12),c.Udp("align-self","stretch"),c.xp6(3),c.Udp("margin-left","auto"))},dependencies:[a._Y,a.Wl,a.JJ,a.JL,a.sg,a.u,Z.v,h.J,A.w,d.f,k.b,T.p,q.y],styles:["form[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.content[_ngcontent-%COMP%]{display:flex;align-items:center}.label[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-03)}.text[_ngcontent-%COMP%]{font:var(--tui-font-text-s);margin-top:.25rem;color:var(--tui-text-02)}.inner[_ngcontent-%COMP%]{margin:1rem 0;white-space:normal}.inner_flex[_ngcontent-%COMP%]{display:flex;justify-content:space-between;margin:0;width:15rem}"],changeDetection:0}),t})();var y=o(25167);function C(e,t){1&e&&(c.TgZ(0,"p")(1,"code"),c._uU(2,"Block"),c.qZA(),c._uU(3," is a special presentation of a checkbox/radiobutton which can display actual control or be a control itself "),c.qZA(),c.TgZ(4,"tui-doc-example",3),c.ALo(5,"tuiExample"),c._UZ(6,"tui-block-example-1"),c.qZA(),c.TgZ(7,"tui-doc-example",4),c.ALo(8,"tuiExample"),c._UZ(9,"tui-block-example-2"),c.qZA(),c.TgZ(10,"tui-doc-example",5),c.ALo(11,"tuiExample"),c._UZ(12,"tui-block-example-3"),c.qZA()),2&e&&(c.xp6(4),c.Q6J("content",c.xi3(5,3,1,"html")),c.xp6(3),c.Q6J("content",c.xi3(8,6,2,"html")),c.xp6(3),c.Q6J("content",c.xi3(11,9,3,"html")))}function w(e,t){if(1&e&&(c.TgZ(0,"ol",6)(1,"li")(2,"p"),c._uU(3,"Add an import:"),c.qZA(),c._UZ(4,"tui-doc-code",7),c.qZA(),c.TgZ(5,"li")(6,"p"),c._uU(7,"Add to the template:"),c.qZA(),c._UZ(8,"tui-doc-code",8),c.qZA()()),2&e){const e=c.oxw();c.xp6(4),c.Q6J("code",e.exampleModule),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let N=(()=>{var e;class t{constructor(){this.exampleModule=o.e(55620).then(o.t.bind(o,55620,17)),this.exampleHtml=o.e(87585).then(o.t.bind(o,87585,17))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["example-tui-block"]],decls:3,vars:0,consts:[["header","Block","package","KIT","type","components"],["pageTab",""],["pageTab","Setup"],["id","sizes","heading","Sizes",3,"content"],["id","groups","heading","Groups",3,"content"],["id","custom","heading","Custom",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,C,13,12,"ng-template",1),c.YNc(2,w,9,2,"ng-template",2),c.qZA())},dependencies:[p.c,s.q,m.n,g.f,f,U,v,y.I],encapsulation:2,changeDetection:0}),t})();o(41841);let V=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[n.ez,a.u5,a.UX,r.TuiAvatarComponent,i.TuiTooltipModule,u.xl,u._M,u.Rg,u.YM,u.Zi,(0,l.bG)(N)]}),t})()}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[57659],{57659:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiBlockModule:()=>V});var n=o(88692),a=o(69900),l=o(64500),i=o(73588),u=o(61917),r=o(84479),c=o(64537),p=o(83074),s=o(43560),m=o(93525),g=o(38868),Z=o(50672),d=o(22968);let f=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI(!0),testValue2:new a.NI({value:!1,disabled:!0}),testValue3:new a.NI({value:!0,disabled:!0}),testValue4:new a.NI(!1)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-block-example-1"]],decls:13,vars:1,consts:[[3,"formGroup"],["tuiBlock","xs"],["formControlName","testValue1","size","s","tuiCheckbox","","type","checkbox"],["tuiBlock","s"],["formControlName","testValue2","size","s","tuiCheckbox","","type","checkbox"],["tuiBlock","m"],["formControlName","testValue3","size","s","tuiCheckbox","","type","checkbox"],["tuiBlock",""],["formControlName","testValue4","tuiCheckbox","","type","checkbox"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"label",1),c._uU(2," Grapes "),c._UZ(3,"input",2),c.qZA(),c.TgZ(4,"label",3),c._uU(5," Qiwi "),c._UZ(6,"input",4),c.qZA(),c.TgZ(7,"label",5),c._uU(8," Oranges "),c._UZ(9,"input",6),c.qZA(),c.TgZ(10,"label",7),c._uU(11," Watermelons "),c._UZ(12,"input",8),c.qZA()()),2&e&&c.Q6J("formGroup",t.testForm)},dependencies:[a._Y,a.Wl,a.JJ,a.JL,a.sg,a.u,Z.v,d.f],styles:["form[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}"],changeDetection:0}),t})();var _=o(39607),x=o(96479),b=o(16961);let U=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI("orange")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-block-example-2"]],decls:37,vars:6,consts:[[1,"title"],["tuiGroup","",1,"group",3,"collapsed","formGroup"],["tuiBlock",""],["formControlName","testValue","tuiRadio","","type","radio","value","oranges"],["formControlName","testValue","tuiRadio","","type","radio","value","apples"],["formControlName","testValue","tuiRadio","","type","radio","value","pineapples"],["tuiFade",""],["orientation","vertical","tuiGroup","",1,"group",3,"collapsed","formGroup"],["appearance","","tuiBlock",""],["formControlName","testValue","tuiBlock","","type","radio","value","oranges"],["formControlName","testValue","tuiBlock","","type","radio","value","apples"],["formControlName","testValue","tuiBlock","","type","radio","value","pineapples"]],template:function(e,t){1&e&&(c.TgZ(0,"h3",0),c._uU(1,"Horizontal group"),c.qZA(),c.TgZ(2,"form",1)(3,"label",2),c._UZ(4,"input",3),c._uU(5," Oranges "),c.qZA(),c.TgZ(6,"label",2),c._UZ(7,"input",4),c._uU(8," Apples "),c.qZA(),c.TgZ(9,"label",2),c._UZ(10,"input",5),c.TgZ(11,"span",6),c._uU(12,"Pineapples"),c.qZA()()(),c.TgZ(13,"h3",0),c._uU(14,"Vertical group"),c.qZA(),c.TgZ(15,"form",7)(16,"label",2),c._UZ(17,"input",3),c._uU(18," Oranges "),c.qZA(),c.TgZ(19,"label",2),c._UZ(20,"input",4),c._uU(21," Apples "),c.qZA(),c.TgZ(22,"label",2),c._UZ(23,"input",5),c._uU(24," Pineapples "),c.qZA()(),c.TgZ(25,"h3",0),c._uU(26,"Without checkbox indicators"),c.qZA(),c.TgZ(27,"form",1)(28,"label",8),c._UZ(29,"input",9),c._uU(30," Oranges "),c.qZA(),c.TgZ(31,"label",8),c._UZ(32,"input",10),c._uU(33," Apples "),c.qZA(),c.TgZ(34,"label",8),c._UZ(35,"input",11),c._uU(36," Pineapples "),c.qZA()()),2&e&&(c.xp6(2),c.Q6J("collapsed",!0)("formGroup",t.testForm),c.xp6(13),c.Q6J("collapsed",!0)("formGroup",t.testForm),c.xp6(12),c.Q6J("collapsed",!0)("formGroup",t.testForm))},dependencies:[a._Y,a.Fj,a._,a.JJ,a.JL,a.sg,a.u,Z.v,_.g,x._,b.X],styles:[".group[_ngcontent-%COMP%]{max-width:33rem;margin-bottom:1.5rem}.title[_ngcontent-%COMP%]{font:var(--tui-font-heading-5);margin:0 0 1rem}"],changeDetection:0}),t})();var h=o(44124),A=o(33351),k=o(66260),T=o(38571),q=o(3104);let v=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue1:new a.NI(!1),testValue2:new a.NI(!1),testValue3:new a.NI(!1),testValue4:new a.NI(!1)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-block-example-3"]],decls:23,vars:7,consts:[[3,"formGroup"],["tuiBlock",""],["src","https://avatars.githubusercontent.com/u/11832552"],["formControlName","testValue1","tuiCheckbox","","type","checkbox"],["appearance","","tuiBlock",""],["tuiTitle",""],["tuiSubtitle",""],["icon","tuiIconHeartLarge"],["formControlName","testValue2","tuiBlock","","type","checkbox"],["formControlName","testValue3","tuiToggle","","type","checkbox"],["tuiBlock","m"],["formControlName","testValue3","size","s","tuiToggle","","type","checkbox"],["content","Enabling this will cause trouble"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"label",1),c._UZ(2,"tui-avatar",2),c._uU(3," Heading "),c._UZ(4,"input",3),c.qZA(),c.TgZ(5,"label",4),c._UZ(6,"tui-avatar",2),c.TgZ(7,"span",5)(8,"span",6),c._uU(9,"Taiga UI"),c.qZA(),c._uU(10," Alex Inkin "),c.qZA(),c._UZ(11,"tui-icon",7)(12,"input",8),c.qZA(),c.TgZ(13,"label",1)(14,"span",5),c._uU(15," Heading "),c.TgZ(16,"span",6),c._uU(17," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi atque incidunt itaque iusto natus quaerat quia similique veniam? "),c.qZA()(),c._UZ(18,"input",9),c.qZA(),c.TgZ(19,"label",10),c._UZ(20,"input",11),c._uU(21," Enable "),c._UZ(22,"tui-tooltip",12),c.qZA()()),2&e&&(c.Q6J("formGroup",t.testForm),c.xp6(7),c.Udp("margin",0),c.xp6(12),c.Udp("align-self","stretch"),c.xp6(3),c.Udp("margin-left","auto"))},dependencies:[a._Y,a.Wl,a.JJ,a.JL,a.sg,a.u,Z.v,h.J,A.w,d.f,k.b,T.p,q.y],styles:["form[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.content[_ngcontent-%COMP%]{display:flex;align-items:center}.label[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-03)}.text[_ngcontent-%COMP%]{font:var(--tui-font-text-s);margin-top:.25rem;color:var(--tui-text-02)}.inner[_ngcontent-%COMP%]{margin:1rem 0;white-space:normal}.inner_flex[_ngcontent-%COMP%]{display:flex;justify-content:space-between;margin:0;width:15rem}"],changeDetection:0}),t})();var y=o(25167);function C(e,t){1&e&&(c.TgZ(0,"p")(1,"code"),c._uU(2,"Block"),c.qZA(),c._uU(3," is a special presentation of a checkbox/radiobutton which can display actual control or be a control itself "),c.qZA(),c.TgZ(4,"tui-doc-example",3),c.ALo(5,"tuiExample"),c._UZ(6,"tui-block-example-1"),c.qZA(),c.TgZ(7,"tui-doc-example",4),c.ALo(8,"tuiExample"),c._UZ(9,"tui-block-example-2"),c.qZA(),c.TgZ(10,"tui-doc-example",5),c.ALo(11,"tuiExample"),c._UZ(12,"tui-block-example-3"),c.qZA()),2&e&&(c.xp6(4),c.Q6J("content",c.xi3(5,3,1,"html")),c.xp6(3),c.Q6J("content",c.xi3(8,6,2,"html")),c.xp6(3),c.Q6J("content",c.xi3(11,9,3,"html")))}function w(e,t){if(1&e&&(c.TgZ(0,"ol",6)(1,"li")(2,"p"),c._uU(3,"Add an import:"),c.qZA(),c._UZ(4,"tui-doc-code",7),c.qZA(),c.TgZ(5,"li")(6,"p"),c._uU(7,"Add to the template:"),c.qZA(),c._UZ(8,"tui-doc-code",8),c.qZA()()),2&e){const e=c.oxw();c.xp6(4),c.Q6J("code",e.exampleModule),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let N=(()=>{var e;class t{constructor(){this.exampleModule=o.e(55620).then(o.t.bind(o,55620,17)),this.exampleHtml=o.e(87585).then(o.t.bind(o,87585,17))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["example-tui-block"]],decls:3,vars:0,consts:[["header","Block","package","KIT","type","components"],["pageTab",""],["pageTab","Setup"],["id","sizes","heading","Sizes",3,"content"],["id","groups","heading","Groups",3,"content"],["id","custom","heading","Custom",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,C,13,12,"ng-template",1),c.YNc(2,w,9,2,"ng-template",2),c.qZA())},dependencies:[p.c,s.q,m.n,g.f,f,U,v,y.I],encapsulation:2,changeDetection:0}),t})();o(41841);let V=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[n.ez,a.u5,a.UX,r.TuiAvatarComponent,i.TuiTooltipModule,u.xl,u._M,u.Rg,u.YM,u.Zi,(0,l.bG)(N)]}),t})()}}]); \ No newline at end of file diff --git a/next/57749.7c1e054c9eec93b9.js b/next/57749.7c1e054c9eec93b9.js new file mode 100644 index 000000000000..69862f10642e --- /dev/null +++ b/next/57749.7c1e054c9eec93b9.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[57749],{57749:n=>{n.exports='\n activeItemIndex\n\n\n
\n \n Total value\n \n \n Total value\n
Label
\n \n \n {{ 123456 | tuiAmount: \'RUB\' | async }}\n
Not bad!
\n \n
\n'}}]); \ No newline at end of file diff --git a/next/57749.de7de31ce8763e2a.js b/next/57749.de7de31ce8763e2a.js deleted file mode 100644 index 9b58bead92dc..000000000000 --- a/next/57749.de7de31ce8763e2a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[57749],{57749:n=>{n.exports='\n activeItemIndex\n\n
\n \n Total value\n \n \n Total value\n
Label
\n \n \n {{ 123456 | tuiAmount: \'RUB\' | async }}\n
Not bad!
\n \n
\n'}}]); \ No newline at end of file diff --git a/next/580.03e3c2f27e76f6a1.js b/next/580.1a2065055fb3b665.js similarity index 61% rename from next/580.03e3c2f27e76f6a1.js rename to next/580.1a2065055fb3b665.js index 26cdd9577c03..ba4f2b8b13a9 100644 --- a/next/580.03e3c2f27e76f6a1.js +++ b/next/580.1a2065055fb3b665.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[580],{580:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputDateRangeModule:()=>ue});var o=n(88692),a=n(69900),i=n(91795),r=n(64500),u=n(99369),d=n(73588),l=n(84479),c=n(75695),s=n(64537),m=n(53222),p=n(82880),g=n(98204),h=n(92483),y=n(48706),f=n(54218),T=n(66596),_=n(64374),Z=n(68874),x=n(10200),V=n(3729),U=n(84848),A=n(79121),P=n(83074),w=n(10977),D=n(62840),b=n(60404),C=n(43560),M=n(93525),H=n(38868),q=n(91030),L=n(31510);let N=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new m.TuiDayRange(new m.TuiDay(2018,2,10),new m.TuiDay(2018,3,20)))}),this.min=new m.TuiDay(2e3,2,20),this.max=new m.TuiDay(2040,2,20)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-1"]],decls:9,vars:3,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiUnfinishedValidator","Finish filling the field",3,"max","min"],["placeholder","From - To","tuiTextfield",""]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"p"),s._uU(2," If a field is optional, but unfinished field should be marked as invalid, use "),s.TgZ(3,"code"),s._uU(4,"tuiUnfinishedValidator"),s.qZA(),s._uU(5," directive "),s.qZA(),s.TgZ(6,"tui-input-date-range",1),s._uU(7," Choose dates "),s._UZ(8,"input",2),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(6),s.Q6J("max",t.max)("min",t.min))},dependencies:[h.H,y.d,q.M,a._Y,a.JJ,a.JL,a.sg,a.u,L.Q],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.control=new a.NI(new m.TuiDayRange(new m.TuiDay(2018,2,10),new m.TuiDay(2018,3,20)))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-2"]],decls:2,vars:1,consts:[[1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1," Choose dates\n"),s.qZA()),2&e&&s.Q6J("formControl",t.control)},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{constructor(){this.control=new a.NI(new m.TuiDayRange(new m.TuiDay(2018,2,10),new m.TuiDay(2018,3,20)))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-3"]],features:[s._Bn([{provide:m.TUI_DATE_FORMAT,useValue:"YMD"},{provide:m.TUI_DATE_SEPARATOR,useValue:"/"}])],decls:2,vars:1,consts:[[1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1," Choose dates\n"),s.qZA()),2&e&&s.Q6J("formControl",t.control)},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})();class I extends m.AbstractTuiValueTransformer{constructor(e){super(),this.dateTransformer=e}fromControlValue(e){const[t,n]=e||[null,null],o=t&&this.dateTransformer.fromControlValue(t),a=n&&this.dateTransformer.fromControlValue(n);return o&&a&&new m.TuiDayRange(o,a)}toControlValue(e){const t=e&&this.dateTransformer.toControlValue(e.from),n=e&&this.dateTransformer.toControlValue(e.to);return t&&n&&[t,n]}}let R=(()=>{var e;class t extends m.AbstractTuiValueTransformer{fromControlValue(e){return e&&m.TuiDay.fromLocalNativeDate(e)}toControlValue(e){return e?.toLocalNativeDate()||null}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵprov=s.Yz7({token:e,factory:e.ɵfac}),t})();function k(e){return e&&new I(e)}let E=(()=>{var e;class t{constructor(){this.control=new a.NI([new Date(2018,2,10),new Date(2018,3,20)])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-4"]],features:[s._Bn([{provide:l.TUI_DATE_VALUE_TRANSFORMER,useClass:R},{provide:l.TUI_DATE_RANGE_VALUE_TRANSFORMER,deps:[l.TUI_DATE_VALUE_TRANSFORMER],useFactory:k}])],decls:7,vars:2,consts:[[1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1," Choose dates\n"),s.qZA(),s.TgZ(2,"p"),s._uU(3,"Stringified control value:"),s.qZA(),s.TgZ(4,"p")(5,"code"),s._uU(6),s.qZA()()),2&e&&(s.Q6J("formControl",t.control),s.xp6(6),s.Oqu(t.control.value))},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})();const Q=m.TuiDay.currentLocal(),Y=Q.append({day:-1});let F=(()=>{var e;class t{constructor(){this.control=new a.NI(new m.TuiDayRange(Q,Q)),this.items=[new l.TuiDayRangePeriod(new m.TuiDayRange(Q,Q),"Today",(({$implicit:e})=>`Today (${e.from})`)),new l.TuiDayRangePeriod(new m.TuiDayRange(Y,Y),"Yesterday",(({$implicit:e})=>`Yesterday (${e.from})`))]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-5"]],decls:2,vars:2,consts:[[1,"b-form",3,"formControl","items"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1," Choose dates\n"),s.qZA()),2&e&&s.Q6J("formControl",t.control)("items",t.items)},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})();function S(e,t){if(1&e&&(s.TgZ(0,"p",2)(1,"code"),s._uU(2,"InputDate"),s.qZA(),s._uU(3," is a field to input a range of dates. "),s.qZA(),s.TgZ(4,"h3"),s._uU(5,"DI-tokens for date localization:"),s.qZA(),s.TgZ(6,"dl")(7,"dt")(8,"code"),s._uU(9,"TUI_DATE_FORMAT"),s.qZA()(),s.TgZ(10,"dd",3),s._uU(11," active date format ( "),s.TgZ(12,"code"),s._uU(13,"'DMY' | 'MDY' | 'YMD'"),s.qZA(),s._uU(14," ) "),s.qZA(),s.TgZ(15,"dt")(16,"code"),s._uU(17,"TUI_DATE_SEPARATOR"),s.qZA()(),s.TgZ(18,"dd"),s._uU(19,"single-character date's separator (dot, slash etc.)"),s.qZA()(),s.TgZ(20,"p",2)(21,"a",4),s._uU(22," See an example "),s.qZA(),s._uU(23," with the usage of these tokens. "),s.qZA(),s.TgZ(24,"h3"),s._uU(25,"DI-tokens for input-configurations:"),s.qZA(),s.TgZ(26,"dl")(27,"dt")(28,"code"),s._uU(29,"TUI_DATE_RANGE_VALUE_TRANSFORMER"),s.qZA()(),s.TgZ(30,"dd"),s._uU(31," custom format of control output ( "),s.TgZ(32,"a",5),s._uU(33," TuiDayRange "),s.qZA(),s._uU(34," is default). "),s.TgZ(35,"p")(36,"a",6),s._uU(37," See an example "),s.qZA(),s._uU(38," of how to provide transformers for "),s.TgZ(39,"code"),s._uU(40,"InputDate"),s.qZA(),s._uU(41," and "),s.TgZ(42,"code"),s._uU(43,"InputDateRange"),s.qZA(),s._uU(44," to work with native "),s.TgZ(45,"a",7),s._uU(46," Date "),s.qZA(),s._uU(47," objects. "),s.qZA()()(),s.TgZ(48,"tui-doc-example",8)(49,"tui-notification",9),s._uU(50," If you need to set some attributes or listen to events on native "),s.TgZ(51,"code"),s._uU(52,"input"),s.qZA(),s._uU(53," , you can put it inside with "),s.TgZ(54,"code"),s._uU(55,"Textfield"),s.qZA(),s._uU(56," directive as shown below "),s.qZA(),s._UZ(57,"tui-input-date-range-example-1"),s.qZA(),s.TgZ(58,"tui-doc-example",10),s._UZ(59,"tui-input-date-range-example-2"),s.qZA(),s.TgZ(60,"tui-doc-example",11),s._UZ(61,"tui-input-date-range-example-3"),s.qZA(),s.TgZ(62,"tui-doc-example",12),s._UZ(63,"tui-input-date-range-example-4"),s.qZA(),s.TgZ(64,"tui-doc-example",13),s._UZ(65,"tui-input-date-range-example-5"),s.qZA()),2&e){const e=s.oxw();s.xp6(48),s.Q6J("content",e.example1),s.xp6(10),s.Q6J("content",e.example2),s.xp6(2),s.Q6J("content",e.example3),s.xp6(2),s.Q6J("content",e.example4),s.xp6(2),s.Q6J("content",e.example5)}}function G(e,t){if(1&e&&(s.TgZ(0,"tui-input-date-range",26),s._uU(1," Choose dates "),s.qZA()),2&e){const e=s.oxw(2);s.Udp("text-align",e.textAlign),s.Q6J("defaultViewedMonth",e.defaultViewedMonth)("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("items",e.items)("markerHandler",e.markerHandler)("max",e.max)("maxLength",e.maxLength)("min",e.min)("minLength",e.minLength)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function O(e,t){1&e&&(s._uU(0," Disabled state (use "),s.TgZ(1,"code"),s._uU(2,"formControl.disable()"),s.qZA(),s._uU(3," ) "))}function z(e,t){1&e&&s._uU(0," Default month to show ")}function K(e,t){1&e&&(s.TgZ(0,"div"),s._uU(1,"A handler that gets a date and returns true if it is disabled."),s.qZA(),s.TgZ(2,"strong"),s._uU(3,"Must be a pure function"),s.qZA())}function B(e,t){1&e&&s._uU(0," Fixed intervals (shows 2 calendars with empty array) ")}function X(e,t){1&e&&s._uU(0," A handler that gets date and returns null or a tuple with circled marker colors ")}function j(e,t){1&e&&s._uU(0," Min date ")}function $(e,t){1&e&&s._uU(0," Max date ")}function W(e,t){1&e&&s._uU(0," Minimal length of range ")}function ee(e,t){1&e&&s._uU(0," Maximal length of range ")}function te(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function ne(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo",14),s.YNc(1,G,2,23,"ng-template"),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,O,4,0,"ng-template",15),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(4,z,1,0,"ng-template",16),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.defaultViewedMonth=t)})),s.YNc(5,K,4,0,"ng-template",17),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabledItemHandler=t)})),s.YNc(6,B,1,0,"ng-template",18),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.items=t)})),s.YNc(7,X,1,0,"ng-template",19),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.markerHandler=t)})),s.YNc(8,j,1,0,"ng-template",20),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.min=t)})),s.YNc(9,$,1,0,"ng-template",21),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.max=t)})),s.YNc(10,W,1,0,"ng-template",22),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.minLength=t)})),s.YNc(11,ee,1,0,"ng-template",23),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.maxLength=t)})),s.qZA(),s._UZ(12,"inherited-documentation"),s.TgZ(13,"tui-doc-documentation",24),s.YNc(14,te,1,0,"ng-template",25),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.Q6J("control",e.control),s.xp6(3),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValues",e.defaultViewedMonthVariants)("documentationPropertyValue",e.defaultViewedMonth),s.xp6(1),s.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.itemsVariants)("documentationPropertyValue",e.items),s.xp6(1),s.Q6J("documentationPropertyValues",e.markerHandlerVariants)("documentationPropertyValue",e.markerHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.dayVariants)("documentationPropertyValue",e.min),s.xp6(1),s.Q6J("documentationPropertyValues",e.dayVariants)("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("documentationPropertyValues",e.minLengthVariants)("documentationPropertyValue",e.minLength),s.xp6(1),s.Q6J("documentationPropertyValues",e.maxLengthVariants)("documentationPropertyValue",e.maxLength),s.xp6(3),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function oe(e,t){if(1&e&&(s.TgZ(0,"p"),s._uU(1," Mobile calendar does not use the same dropdown with calendar as desktop uses. It uses digital keyboard. If you want to open "),s.TgZ(2,"a",27),s._uU(3," mobile calendar "),s.qZA(),s._uU(4," , add imports of "),s.TgZ(5,"code"),s._uU(6,"TuiMobileCalendarDialogModule"),s.qZA(),s._uU(7," and "),s.TgZ(8,"code"),s._uU(9,"TuiDialogModule"),s.qZA(),s._uU(10," into your root module. Also, check that you did not forget about "),s.TgZ(11,"a",28),s._uU(12," tui-root "),s.qZA()(),s.TgZ(13,"ol",29)(14,"li")(15,"p"),s._uU(16," Import an Angular module for forms and "),s.TgZ(17,"code"),s._uU(18,"TuiInputDateRangeModule"),s.qZA(),s._uU(19," in the same module where you want to use our component: "),s.qZA(),s._UZ(20,"tui-doc-code",30),s.qZA(),s.TgZ(21,"li")(22,"p"),s._uU(23," Declare a form ( "),s.TgZ(24,"code"),s._uU(25,"FormGroup"),s.qZA(),s._uU(26," ) or a control ( "),s.TgZ(27,"code"),s._uU(28,"FormControl"),s.qZA(),s._uU(29," ) in your component: "),s.qZA(),s._UZ(30,"tui-doc-code",31),s.qZA(),s.TgZ(31,"li"),s._uU(32," Use "),s.TgZ(33,"code"),s._uU(34,"TuiInputDateRange"),s.qZA(),s._uU(35," in template: "),s._UZ(36,"tui-doc-code",32),s.qZA()()),2&e){const e=s.oxw();s.xp6(20),s.Q6J("code",e.exampleModule),s.xp6(10),s.Q6J("code",e.exampleForm),s.xp6(6),s.Q6J("code",e.exampleHtml)}}const ae=["var(--tui-primary)","var(--tui-info-fill)"],ie=["var(--tui-success-fill)"];let re=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new a.NI(null,a.kI.required),this.maxLengthVariants=[{day:5},{month:1},{year:1}],this.maxLength=null,this.exampleModule=n.e(94912).then(n.t.bind(n,94912,17)),this.exampleHtml=n.e(41413).then(n.t.bind(n,41413,17)),this.exampleForm=n.e(83906).then(n.t.bind(n,83906,17)),this.example1={TypeScript:n.e(47311).then(n.t.bind(n,47311,17)),HTML:n.e(1425).then(n.t.bind(n,1425,17))},this.example2={TypeScript:n.e(43390).then(n.t.bind(n,43390,17)),HTML:n.e(68943).then(n.t.bind(n,68943,17))},this.example3={TypeScript:n.e(87660).then(n.t.bind(n,87660,17)),HTML:n.e(16320).then(n.t.bind(n,16320,17))},this.example4={TypeScript:n.e(90376).then(n.t.bind(n,90376,17)),HTML:n.e(90772).then(n.t.bind(n,90772,17)),"value-transformers.ts":n.e(23274).then(n.t.bind(n,23274,17))},this.example5={TypeScript:n.e(22887).then(n.t.bind(n,22887,17)),HTML:n.e(50292).then(n.t.bind(n,50292,17))},this.dayVariants=[m.TUI_FIRST_DAY,new m.TuiDay(2021,2,5),new m.TuiDay(1900,0,1),new m.TuiDay(2300,0,1),new m.TuiDay(2017,11,11),new m.TuiDay((new Date).getFullYear()+3,1,1),m.TUI_LAST_DAY],this.min=this.dayVariants[0],this.minLengthVariants=[{day:3},{day:15}],this.minLength=null,this.max=this.dayVariants[this.dayVariants.length-1],this.markerHandlerVariants=[d.TUI_DEFAULT_MARKER_HANDLER,e=>e.day%2==0?ae:ie],this.markerHandler=this.markerHandlerVariants[0],this.disabledItemHandlerVariants=[m.ALWAYS_FALSE_HANDLER,({day:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemsVariants=[[],(0,l.tuiCreateDefaultDayRangePeriods)()],this.items=this.itemsVariants[0],this.defaultViewedMonthVariants=[m.TuiMonth.currentLocal(),m.TuiMonth.currentLocal().append({month:1}),new m.TuiMonth(2007,5)],this.defaultViewedMonth=this.defaultViewedMonthVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-input-date-range"]],features:[s._Bn([{provide:g.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","InputDateRange","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-9"],[1,"tui-space_bottom-5"],["fragment","date-localization","routerLink",".","tuiLink",""],["href","https://github.com/taiga-family/taiga-ui/blob/main/projects/cdk/date-time/day-range.ts","rel","noreferrer","target","_blank","tuiLink",""],["fragment","native-date-output","routerLink",".","tuiLink",""],["href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date","rel","noreferrer","target","_blank","tuiLink",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","large","heading","Big size",3,"content"],["id","date-localization","heading","Date localization",3,"content"],["id","native-date-output","heading","With native Date output",3,"content"],["id","custom-period","heading","Custom period",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","defaultViewedMonth","documentationPropertyType","TuiMonth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","items","documentationPropertyType","TuiDayRangePeriod[]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","markerHandler","documentationPropertyType","TuiMarkerHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","minLength","documentationPropertyType","TuiDayLike | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLength","documentationPropertyType","TuiDayLike | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-control",3,"defaultViewedMonth","disabledItemHandler","focusable","formControl","items","markerHandler","max","maxLength","min","minLength","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],["routerLink","/components/mobile-calendar","tuiLink",""],["routerLink","/getting-started","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,S,66,5,"ng-template",1),s.YNc(2,ne,15,20,"ng-template",1),s.YNc(3,oe,37,3,"ng-template",1),s.qZA())},dependencies:[h.H,y.d,a.JJ,a.oH,f.w,T.V,_.b,Z.x,x.s,V.a,U.bZ,A.L,P.c,w.F,D.z,b.B,C.q,M.n,H.f,i.rH,N,J,v,E,F],encapsulation:2,changeDetection:0}),t})(),ue=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[o.ez,l.TuiInputDateRangeModule,a.UX,c.f,d.TuiButtonModule,d.TuiLinkModule,u.TuiMobileCalendarDialogModule,d.TuiTextfieldControllerModule,d.TuiHintModule,d.TuiNotificationModule,r.fV,i.Bz.forChild((0,r.Ve)(re)),l.TuiUnfinishedValidatorModule]}),t})()}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[580],{580:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputDateRangeModule:()=>ue});var o=n(88692),a=n(69900),i=n(91795),r=n(64500),u=n(99369),d=n(73588),l=n(84479),c=n(75695),s=n(64537),m=n(53222),p=n(82880),g=n(98204),h=n(92483),y=n(48706),T=n(54218),f=n(66596),_=n(64374),Z=n(68874),x=n(10200),V=n(3729),U=n(84848),A=n(79121),P=n(83074),w=n(10977),D=n(62840),b=n(60404),C=n(43560),M=n(93525),H=n(38868),q=n(91030),L=n(31510);let N=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new m.TuiDayRange(new m.TuiDay(2018,2,10),new m.TuiDay(2018,3,20)))}),this.min=new m.TuiDay(2e3,2,20),this.max=new m.TuiDay(2040,2,20)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-1"]],decls:9,vars:3,consts:[[3,"formGroup"],["formControlName","testValue","tuiUnfinishedValidator","Finish filling the field",3,"max","min"],["placeholder","From - To","tuiTextfield",""]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"p"),s._uU(2," If a field is optional, but unfinished field should be marked as invalid, use "),s.TgZ(3,"code"),s._uU(4,"tuiUnfinishedValidator"),s.qZA(),s._uU(5," directive "),s.qZA(),s.TgZ(6,"tui-input-date-range",1),s._uU(7," Choose dates "),s._UZ(8,"input",2),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(6),s.Q6J("max",t.max)("min",t.min))},dependencies:[h.H,y.d,q.M,a._Y,a.JJ,a.JL,a.sg,a.u,L.Q],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.control=new a.NI(new m.TuiDayRange(new m.TuiDay(2018,2,10),new m.TuiDay(2018,3,20)))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-2"]],decls:2,vars:1,consts:[[3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1,"Choose dates"),s.qZA()),2&e&&s.Q6J("formControl",t.control)},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{constructor(){this.control=new a.NI(new m.TuiDayRange(new m.TuiDay(2018,2,10),new m.TuiDay(2018,3,20)))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-3"]],features:[s._Bn([{provide:m.TUI_DATE_FORMAT,useValue:"YMD"},{provide:m.TUI_DATE_SEPARATOR,useValue:"/"}])],decls:2,vars:1,consts:[[3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1,"Choose dates"),s.qZA()),2&e&&s.Q6J("formControl",t.control)},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})();class I extends m.AbstractTuiValueTransformer{constructor(e){super(),this.dateTransformer=e}fromControlValue(e){const[t,n]=e||[null,null],o=t&&this.dateTransformer.fromControlValue(t),a=n&&this.dateTransformer.fromControlValue(n);return o&&a&&new m.TuiDayRange(o,a)}toControlValue(e){const t=e&&this.dateTransformer.toControlValue(e.from),n=e&&this.dateTransformer.toControlValue(e.to);return t&&n&&[t,n]}}let R=(()=>{var e;class t extends m.AbstractTuiValueTransformer{fromControlValue(e){return e&&m.TuiDay.fromLocalNativeDate(e)}toControlValue(e){return e?.toLocalNativeDate()||null}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵprov=s.Yz7({token:e,factory:e.ɵfac}),t})();function k(e){return e&&new I(e)}let E=(()=>{var e;class t{constructor(){this.control=new a.NI([new Date(2018,2,10),new Date(2018,3,20)])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-4"]],features:[s._Bn([{provide:l.TUI_DATE_VALUE_TRANSFORMER,useClass:R},{provide:l.TUI_DATE_RANGE_VALUE_TRANSFORMER,deps:[l.TUI_DATE_VALUE_TRANSFORMER],useFactory:k}])],decls:7,vars:2,consts:[[3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1,"Choose dates"),s.qZA(),s.TgZ(2,"p"),s._uU(3,"Stringified control value:"),s.qZA(),s.TgZ(4,"p")(5,"code"),s._uU(6),s.qZA()()),2&e&&(s.Q6J("formControl",t.control),s.xp6(6),s.Oqu(t.control.value))},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})();const Q=m.TuiDay.currentLocal(),Y=Q.append({day:-1});let F=(()=>{var e;class t{constructor(){this.control=new a.NI(new m.TuiDayRange(Q,Q)),this.items=[new l.TuiDayRangePeriod(new m.TuiDayRange(Q,Q),"Today",(({$implicit:e})=>`Today (${e.from})`)),new l.TuiDayRangePeriod(new m.TuiDayRange(Y,Y),"Yesterday",(({$implicit:e})=>`Yesterday (${e.from})`))]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-range-example-5"]],decls:2,vars:2,consts:[[3,"formControl","items"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-input-date-range",0),s._uU(1," Choose dates\n"),s.qZA()),2&e&&s.Q6J("formControl",t.control)("items",t.items)},dependencies:[h.H,y.d,a.JJ,a.oH],encapsulation:2,changeDetection:0}),t})();function S(e,t){if(1&e&&(s.TgZ(0,"p",2)(1,"code"),s._uU(2,"InputDate"),s.qZA(),s._uU(3," is a field to input a range of dates. "),s.qZA(),s.TgZ(4,"h3"),s._uU(5,"DI-tokens for date localization:"),s.qZA(),s.TgZ(6,"dl")(7,"dt")(8,"code"),s._uU(9,"TUI_DATE_FORMAT"),s.qZA()(),s.TgZ(10,"dd",3),s._uU(11," active date format ( "),s.TgZ(12,"code"),s._uU(13,"'DMY' | 'MDY' | 'YMD'"),s.qZA(),s._uU(14," ) "),s.qZA(),s.TgZ(15,"dt")(16,"code"),s._uU(17,"TUI_DATE_SEPARATOR"),s.qZA()(),s.TgZ(18,"dd"),s._uU(19,"single-character date's separator (dot, slash etc.)"),s.qZA()(),s.TgZ(20,"p",2)(21,"a",4),s._uU(22," See an example "),s.qZA(),s._uU(23," with the usage of these tokens. "),s.qZA(),s.TgZ(24,"h3"),s._uU(25,"DI-tokens for input-configurations:"),s.qZA(),s.TgZ(26,"dl")(27,"dt")(28,"code"),s._uU(29,"TUI_DATE_RANGE_VALUE_TRANSFORMER"),s.qZA()(),s.TgZ(30,"dd"),s._uU(31," custom format of control output ( "),s.TgZ(32,"a",5),s._uU(33," TuiDayRange "),s.qZA(),s._uU(34," is default). "),s.TgZ(35,"p")(36,"a",6),s._uU(37," See an example "),s.qZA(),s._uU(38," of how to provide transformers for "),s.TgZ(39,"code"),s._uU(40,"InputDate"),s.qZA(),s._uU(41," and "),s.TgZ(42,"code"),s._uU(43,"InputDateRange"),s.qZA(),s._uU(44," to work with native "),s.TgZ(45,"a",7),s._uU(46," Date "),s.qZA(),s._uU(47," objects. "),s.qZA()()(),s.TgZ(48,"tui-doc-example",8)(49,"tui-notification",9),s._uU(50," If you need to set some attributes or listen to events on native "),s.TgZ(51,"code"),s._uU(52,"input"),s.qZA(),s._uU(53," , you can put it inside with "),s.TgZ(54,"code"),s._uU(55,"Textfield"),s.qZA(),s._uU(56," directive as shown below "),s.qZA(),s._UZ(57,"tui-input-date-range-example-1"),s.qZA(),s.TgZ(58,"tui-doc-example",10),s._UZ(59,"tui-input-date-range-example-2"),s.qZA(),s.TgZ(60,"tui-doc-example",11),s._UZ(61,"tui-input-date-range-example-3"),s.qZA(),s.TgZ(62,"tui-doc-example",12),s._UZ(63,"tui-input-date-range-example-4"),s.qZA(),s.TgZ(64,"tui-doc-example",13),s._UZ(65,"tui-input-date-range-example-5"),s.qZA()),2&e){const e=s.oxw();s.xp6(48),s.Q6J("content",e.example1),s.xp6(10),s.Q6J("content",e.example2),s.xp6(2),s.Q6J("content",e.example3),s.xp6(2),s.Q6J("content",e.example4),s.xp6(2),s.Q6J("content",e.example5)}}function G(e,t){if(1&e&&(s.TgZ(0,"tui-input-date-range",26),s._uU(1," Choose dates "),s.qZA()),2&e){const e=s.oxw(2);s.Udp("text-align",e.textAlign),s.Q6J("defaultViewedMonth",e.defaultViewedMonth)("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("items",e.items)("markerHandler",e.markerHandler)("max",e.max)("maxLength",e.maxLength)("min",e.min)("minLength",e.minLength)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function O(e,t){1&e&&(s._uU(0," Disabled state (use "),s.TgZ(1,"code"),s._uU(2,"formControl.disable()"),s.qZA(),s._uU(3," ) "))}function z(e,t){1&e&&s._uU(0," Default month to show ")}function K(e,t){1&e&&(s.TgZ(0,"div"),s._uU(1,"A handler that gets a date and returns true if it is disabled."),s.qZA(),s.TgZ(2,"strong"),s._uU(3,"Must be a pure function"),s.qZA())}function B(e,t){1&e&&s._uU(0," Fixed intervals (shows 2 calendars with empty array) ")}function X(e,t){1&e&&s._uU(0," A handler that gets date and returns null or a tuple with circled marker colors ")}function j(e,t){1&e&&s._uU(0," Min date ")}function $(e,t){1&e&&s._uU(0," Max date ")}function W(e,t){1&e&&s._uU(0," Minimal length of range ")}function ee(e,t){1&e&&s._uU(0," Maximal length of range ")}function te(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function ne(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo",14),s.YNc(1,G,2,23,"ng-template"),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,O,4,0,"ng-template",15),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(4,z,1,0,"ng-template",16),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.defaultViewedMonth=t)})),s.YNc(5,K,4,0,"ng-template",17),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabledItemHandler=t)})),s.YNc(6,B,1,0,"ng-template",18),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.items=t)})),s.YNc(7,X,1,0,"ng-template",19),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.markerHandler=t)})),s.YNc(8,j,1,0,"ng-template",20),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.min=t)})),s.YNc(9,$,1,0,"ng-template",21),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.max=t)})),s.YNc(10,W,1,0,"ng-template",22),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.minLength=t)})),s.YNc(11,ee,1,0,"ng-template",23),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.maxLength=t)})),s.qZA(),s._UZ(12,"inherited-documentation"),s.TgZ(13,"tui-doc-documentation",24),s.YNc(14,te,1,0,"ng-template",25),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.Q6J("control",e.control),s.xp6(3),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValues",e.defaultViewedMonthVariants)("documentationPropertyValue",e.defaultViewedMonth),s.xp6(1),s.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.itemsVariants)("documentationPropertyValue",e.items),s.xp6(1),s.Q6J("documentationPropertyValues",e.markerHandlerVariants)("documentationPropertyValue",e.markerHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.dayVariants)("documentationPropertyValue",e.min),s.xp6(1),s.Q6J("documentationPropertyValues",e.dayVariants)("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("documentationPropertyValues",e.minLengthVariants)("documentationPropertyValue",e.minLength),s.xp6(1),s.Q6J("documentationPropertyValues",e.maxLengthVariants)("documentationPropertyValue",e.maxLength),s.xp6(3),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function oe(e,t){if(1&e&&(s.TgZ(0,"p"),s._uU(1," Mobile calendar does not use the same dropdown with calendar as desktop uses. It uses digital keyboard. If you want to open "),s.TgZ(2,"a",27),s._uU(3," mobile calendar "),s.qZA(),s._uU(4," , add imports of "),s.TgZ(5,"code"),s._uU(6,"TuiMobileCalendarDialogModule"),s.qZA(),s._uU(7," and "),s.TgZ(8,"code"),s._uU(9,"TuiDialogModule"),s.qZA(),s._uU(10," into your root module. Also, check that you did not forget about "),s.TgZ(11,"a",28),s._uU(12," tui-root "),s.qZA()(),s.TgZ(13,"ol",29)(14,"li")(15,"p"),s._uU(16," Import an Angular module for forms and "),s.TgZ(17,"code"),s._uU(18,"TuiInputDateRangeModule"),s.qZA(),s._uU(19," in the same module where you want to use our component: "),s.qZA(),s._UZ(20,"tui-doc-code",30),s.qZA(),s.TgZ(21,"li")(22,"p"),s._uU(23," Declare a form ( "),s.TgZ(24,"code"),s._uU(25,"FormGroup"),s.qZA(),s._uU(26," ) or a control ( "),s.TgZ(27,"code"),s._uU(28,"FormControl"),s.qZA(),s._uU(29," ) in your component: "),s.qZA(),s._UZ(30,"tui-doc-code",31),s.qZA(),s.TgZ(31,"li"),s._uU(32," Use "),s.TgZ(33,"code"),s._uU(34,"TuiInputDateRange"),s.qZA(),s._uU(35," in template: "),s._UZ(36,"tui-doc-code",32),s.qZA()()),2&e){const e=s.oxw();s.xp6(20),s.Q6J("code",e.exampleModule),s.xp6(10),s.Q6J("code",e.exampleForm),s.xp6(6),s.Q6J("code",e.exampleHtml)}}const ae=["var(--tui-primary)","var(--tui-info-fill)"],ie=["var(--tui-success-fill)"];let re=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new a.NI(null,a.kI.required),this.maxLengthVariants=[{day:5},{month:1},{year:1}],this.maxLength=null,this.exampleModule=n.e(94912).then(n.t.bind(n,94912,17)),this.exampleHtml=n.e(41413).then(n.t.bind(n,41413,17)),this.exampleForm=n.e(83906).then(n.t.bind(n,83906,17)),this.example1={TypeScript:n.e(47311).then(n.t.bind(n,47311,17)),HTML:n.e(1425).then(n.t.bind(n,1425,17))},this.example2={TypeScript:n.e(43390).then(n.t.bind(n,43390,17)),HTML:n.e(68943).then(n.t.bind(n,68943,17))},this.example3={TypeScript:n.e(87660).then(n.t.bind(n,87660,17)),HTML:n.e(16320).then(n.t.bind(n,16320,17))},this.example4={TypeScript:n.e(90376).then(n.t.bind(n,90376,17)),HTML:n.e(90772).then(n.t.bind(n,90772,17)),"value-transformers.ts":n.e(23274).then(n.t.bind(n,23274,17))},this.example5={TypeScript:n.e(22887).then(n.t.bind(n,22887,17)),HTML:n.e(50292).then(n.t.bind(n,50292,17))},this.dayVariants=[m.TUI_FIRST_DAY,new m.TuiDay(2021,2,5),new m.TuiDay(1900,0,1),new m.TuiDay(2300,0,1),new m.TuiDay(2017,11,11),new m.TuiDay((new Date).getFullYear()+3,1,1),m.TUI_LAST_DAY],this.min=this.dayVariants[0],this.minLengthVariants=[{day:3},{day:15}],this.minLength=null,this.max=this.dayVariants[this.dayVariants.length-1],this.markerHandlerVariants=[d.TUI_DEFAULT_MARKER_HANDLER,e=>e.day%2==0?ae:ie],this.markerHandler=this.markerHandlerVariants[0],this.disabledItemHandlerVariants=[m.ALWAYS_FALSE_HANDLER,({day:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemsVariants=[[],(0,l.tuiCreateDefaultDayRangePeriods)()],this.items=this.itemsVariants[0],this.defaultViewedMonthVariants=[m.TuiMonth.currentLocal(),m.TuiMonth.currentLocal().append({month:1}),new m.TuiMonth(2007,5)],this.defaultViewedMonth=this.defaultViewedMonthVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-input-date-range"]],features:[s._Bn([{provide:g.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","InputDateRange","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-9"],[1,"tui-space_bottom-5"],["fragment","date-localization","routerLink",".","tuiLink",""],["href","https://github.com/taiga-family/taiga-ui/blob/main/projects/cdk/date-time/day-range.ts","rel","noreferrer","target","_blank","tuiLink",""],["fragment","native-date-output","routerLink",".","tuiLink",""],["href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date","rel","noreferrer","target","_blank","tuiLink",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","large","heading","Big size",3,"content"],["id","date-localization","heading","Date localization",3,"content"],["id","native-date-output","heading","With native Date output",3,"content"],["id","custom-period","heading","Custom period",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","defaultViewedMonth","documentationPropertyType","TuiMonth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","items","documentationPropertyType","TuiDayRangePeriod[]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","markerHandler","documentationPropertyType","TuiMarkerHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","minLength","documentationPropertyType","TuiDayLike | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLength","documentationPropertyType","TuiDayLike | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-control",3,"defaultViewedMonth","disabledItemHandler","focusable","formControl","items","markerHandler","max","maxLength","min","minLength","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],["routerLink","/components/mobile-calendar","tuiLink",""],["routerLink","/getting-started","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,S,66,5,"ng-template",1),s.YNc(2,ne,15,20,"ng-template",1),s.YNc(3,oe,37,3,"ng-template",1),s.qZA())},dependencies:[h.H,y.d,a.JJ,a.oH,T.w,f.V,_.b,Z.x,x.s,V.a,U.bZ,A.L,P.c,w.F,D.z,b.B,C.q,M.n,H.f,i.rH,N,J,v,E,F],encapsulation:2,changeDetection:0}),t})(),ue=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[o.ez,l.TuiInputDateRangeModule,a.UX,c.f,d.TuiButtonModule,d.TuiLinkModule,u.TuiMobileCalendarDialogModule,d.TuiTextfieldControllerModule,d.TuiHintModule,d.TuiNotificationModule,r.fV,i.Bz.forChild((0,r.Ve)(re)),l.TuiUnfinishedValidatorModule]}),t})()}}]); \ No newline at end of file diff --git a/next/60589.7a52608b274de5aa.js b/next/60589.7a52608b274de5aa.js deleted file mode 100644 index cf8f9e20aa82..000000000000 --- a/next/60589.7a52608b274de5aa.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[60589],{60589:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiStringifyContentModule:()=>A});var i=n(88692),o=n(69900),u=n(91795),a=n(64500),c=n(73588),p=n(84479),r=n(64537),s=n(79121),l=n(66596),m=n(83074),d=n(43560),g=n(93525),f=n(38868),h=n(41967),y=n(89290),Z=n(52219),T=n(50020),x=n(30114),_=n(60666);function U(e,t){if(1&e&&(r._UZ(0,"tui-data-list-wrapper",2),r.ALo(1,"tuiStringifyContent"),r.ALo(2,"tuiFilterByInputWith")),2&e){const e=r.oxw();r.Q6J("itemContent",r.lcZ(1,2,e.stringify))("items",r.xi3(2,4,e.items,e.stringify))}}let b=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John",surname:"Cleese"},{name:"Eric",surname:"Idle"}],this.stringify=({name:e,surname:t})=>`${e} ${t}`}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["tui-stringify-content-example1"]],decls:3,vars:2,consts:[[1,"b-form",3,"stringify","ngModel","ngModelChange"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"]],template:function(e,t){1&e&&(r.TgZ(0,"tui-combo-box",0),r.NdJ("ngModelChange",(function(e){return t.value=e})),r._uU(1," Pick your guy "),r.YNc(2,U,3,7,"tui-data-list-wrapper",1),r.qZA()),2&e&&r.Q6J("stringify",t.stringify)("ngModel",t.value)},dependencies:[o.JJ,o.On,h._,y.m,Z.g,T.e,x.Y,_.Q],encapsulation:2,changeDetection:0}),t})();function M(e,t){if(1&e&&(r._uU(0," Pipe that turns "),r.TgZ(1,"code"),r._uU(2,"TuiStringHandler"),r.qZA(),r._uU(3," into content that works with "),r.TgZ(4,"code"),r._uU(5,"$implicit"),r.qZA(),r._uU(6," . "),r.TgZ(7,"tui-doc-example",3),r._UZ(8,"tui-stringify-content-example1"),r.TgZ(9,"tui-notification",4),r._uU(10," With "),r.TgZ(11,"a",5)(12,"code"),r._uU(13,"FilterByInput"),r.qZA()(),r._uU(14," pipe. "),r.qZA()()),2&e){const e=r.oxw();r.xp6(7),r.Q6J("content",e.example1)}}function C(e,t){if(1&e&&(r.TgZ(0,"ol",6)(1,"li")(2,"p"),r._uU(3," Import "),r.TgZ(4,"code"),r._uU(5,"TuiStringifyContentPipeModule"),r.qZA(),r._uU(6," into a module where you want to use our component "),r.qZA(),r._UZ(7,"tui-doc-code",7),r.qZA(),r.TgZ(8,"li")(9,"p"),r._uU(10,"Use pipe in template:"),r.qZA(),r._UZ(11,"tui-doc-code",8),r.qZA()()),2&e){const e=r.oxw();r.xp6(7),r.Q6J("code",e.exampleModule),r.xp6(4),r.Q6J("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(62487).then(n.t.bind(n,62487,17)),this.exampleHtml=n.e(44278).then(n.t.bind(n,44278,17)),this.example1={TypeScript:n.e(6665).then(n.t.bind(n,6665,17)),HTML:n.e(64207).then(n.t.bind(n,64207,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["example-tui-stringify-content"]],decls:3,vars:0,consts:[["header","StringifyContent","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],[1,"b-form","tui-space_top-4"],["routerLink","/pipes/filter-by-input","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.TgZ(0,"tui-doc-page",0),r.YNc(1,M,15,1,"ng-template",1),r.YNc(2,C,12,2,"ng-template",2),r.qZA())},dependencies:[s.L,l.V,m.c,d.q,g.n,f.f,u.rH,b],encapsulation:2,changeDetection:0}),t})(),A=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.oAB({type:e}),e.ɵinj=r.cJS({imports:[o.u5,p.TuiFilterByInputPipeModule,p.TuiStringifyContentPipeModule,c.TuiNotificationModule,c.TuiLinkModule,p.TuiComboBoxModule,c.TuiDataListModule,p.TuiDataListWrapperModule,i.ez,a.fV,u.Bz.forChild((0,a.Ve)(w))]}),t})()}}]); \ No newline at end of file diff --git a/next/60589.abcb80dac1576ded.js b/next/60589.abcb80dac1576ded.js new file mode 100644 index 000000000000..ba0fb61f0ffd --- /dev/null +++ b/next/60589.abcb80dac1576ded.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[60589],{60589:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiStringifyContentModule:()=>A});var i=n(88692),o=n(69900),u=n(91795),a=n(64500),c=n(73588),p=n(84479),s=n(64537),l=n(79121),r=n(66596),d=n(83074),m=n(43560),g=n(93525),f=n(38868),h=n(41967),y=n(89290),Z=n(52219),T=n(50020),x=n(30114),_=n(60666);function U(e,t){if(1&e&&(s._UZ(0,"tui-data-list-wrapper",2),s.ALo(1,"tuiStringifyContent"),s.ALo(2,"tuiFilterByInputWith")),2&e){const e=s.oxw();s.Q6J("itemContent",s.lcZ(1,2,e.stringify))("items",s.xi3(2,4,e.items,e.stringify))}}let M=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John",surname:"Cleese"},{name:"Eric",surname:"Idle"}],this.stringify=({name:e,surname:t})=>`${e} ${t}`}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-stringify-content-example1"]],decls:3,vars:2,consts:[[3,"stringify","ngModel","ngModelChange"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-combo-box",0),s.NdJ("ngModelChange",(function(e){return t.value=e})),s._uU(1," Pick your guy "),s.YNc(2,U,3,7,"tui-data-list-wrapper",1),s.qZA()),2&e&&s.Q6J("stringify",t.stringify)("ngModel",t.value)},dependencies:[o.JJ,o.On,h._,y.m,Z.g,T.e,x.Y,_.Q],encapsulation:2,changeDetection:0}),t})();function C(e,t){if(1&e&&(s._uU(0," Pipe that turns "),s.TgZ(1,"code"),s._uU(2,"TuiStringHandler"),s.qZA(),s._uU(3," into content that works with "),s.TgZ(4,"code"),s._uU(5,"$implicit"),s.qZA(),s._uU(6," . "),s.TgZ(7,"tui-doc-example",3),s._UZ(8,"tui-stringify-content-example1"),s.TgZ(9,"tui-notification",4),s._uU(10," With "),s.TgZ(11,"a",5)(12,"code"),s._uU(13,"FilterByInput"),s.qZA()(),s._uU(14," pipe. "),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("content",e.example1)}}function b(e,t){if(1&e&&(s.TgZ(0,"ol",6)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiStringifyContentPipeModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",7),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Use pipe in template:"),s.qZA(),s._UZ(11,"tui-doc-code",8),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(62487).then(n.t.bind(n,62487,17)),this.exampleHtml=n.e(44278).then(n.t.bind(n,44278,17)),this.example1={TypeScript:n.e(6665).then(n.t.bind(n,6665,17)),HTML:n.e(64207).then(n.t.bind(n,64207,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-stringify-content"]],decls:3,vars:0,consts:[["header","StringifyContent","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],[1,"tui-space_top-4"],["routerLink","/pipes/filter-by-input","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,C,15,1,"ng-template",1),s.YNc(2,b,12,2,"ng-template",2),s.qZA())},dependencies:[l.L,r.V,d.c,m.q,g.n,f.f,u.rH,M],encapsulation:2,changeDetection:0}),t})(),A=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[o.u5,p.TuiFilterByInputPipeModule,p.TuiStringifyContentPipeModule,c.TuiNotificationModule,c.TuiLinkModule,p.TuiComboBoxModule,c.TuiDataListModule,p.TuiDataListWrapperModule,i.ez,a.fV,u.Bz.forChild((0,a.Ve)(w))]}),t})()}}]); \ No newline at end of file diff --git a/next/60620.ba784cab7594bb66.js b/next/60620.ba784cab7594bb66.js deleted file mode 100644 index 591d6864c301..000000000000 --- a/next/60620.ba784cab7594bb66.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[60620],{60620:t=>{t.exports='\n Country\n \n \n \n {{ item }}\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/60620.da642fa64f9264d7.js b/next/60620.da642fa64f9264d7.js new file mode 100644 index 000000000000..c05b8510090d --- /dev/null +++ b/next/60620.da642fa64f9264d7.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[60620],{60620:t=>{t.exports='\n Country\n \n \n \n {{ item }}\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/61240.424947eef7fb9cfc.js b/next/61240.424947eef7fb9cfc.js deleted file mode 100644 index 775a57ffaf6a..000000000000 --- a/next/61240.424947eef7fb9cfc.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[61240],{61240:n=>{n.exports='\n \n Input time\n \n\n'}}]); \ No newline at end of file diff --git a/next/61240.eff8837b28beb6ec.js b/next/61240.eff8837b28beb6ec.js new file mode 100644 index 000000000000..476e4dce8f8a --- /dev/null +++ b/next/61240.eff8837b28beb6ec.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[61240],{61240:e=>{e.exports='
\n \n Input time\n \n\n'}}]); \ No newline at end of file diff --git a/next/62369.1ea67eadbda58844.js b/next/62369.1ea67eadbda58844.js deleted file mode 100644 index beece23a9def..000000000000 --- a/next/62369.1ea67eadbda58844.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62369],{55664:e=>{e.exports='
\n \n Character\n \n \n\n \n Food\n \n\n \n \n\n \n Character\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/62369.db9e1ed0d7be3aca.js b/next/62369.db9e1ed0d7be3aca.js new file mode 100644 index 000000000000..130af3c51fb5 --- /dev/null +++ b/next/62369.db9e1ed0d7be3aca.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62369],{55664:e=>{e.exports='
\n \n Character\n \n \n\n \n Food\n \n\n \n \n\n \n Character\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/62394.50b88aef30ac1025.js b/next/62394.50b88aef30ac1025.js deleted file mode 100644 index 3a214a688fc6..000000000000 --- a/next/62394.50b88aef30ac1025.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62394],{62394:n=>{n.exports='\n \n Choose a range of months\n \n \n Choose a range of months\n \n Choose a range of months\n\n'}}]); \ No newline at end of file diff --git a/next/62394.8e6d65dc8774c3bb.js b/next/62394.8e6d65dc8774c3bb.js new file mode 100644 index 000000000000..723929cc1993 --- /dev/null +++ b/next/62394.8e6d65dc8774c3bb.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62394],{62394:n=>{n.exports='
\n \n Choose a range of months\n \n \n Choose a range of months\n \n Choose a range of months\n\n'}}]); \ No newline at end of file diff --git a/next/63321.39b3932029add128.js b/next/63321.39b3932029add128.js new file mode 100644 index 000000000000..d0eb4a0e52b3 --- /dev/null +++ b/next/63321.39b3932029add128.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[63321],{63321:e=>{e.exports='\n Choose a year\n \n\n'}}]); \ No newline at end of file diff --git a/next/63321.45312918d3c23133.js b/next/63321.45312918d3c23133.js deleted file mode 100644 index 91133c15f4bb..000000000000 --- a/next/63321.45312918d3c23133.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[63321],{63321:e=>{e.exports='\n Choose a year\n \n\n'}}]); \ No newline at end of file diff --git a/next/63570.d4b5a654bbc371fb.js b/next/63570.70f0b5f3ea94df21.js similarity index 80% rename from next/63570.d4b5a654bbc371fb.js rename to next/63570.70f0b5f3ea94df21.js index 3cb9a21a6470..067889f587a7 100644 --- a/next/63570.d4b5a654bbc371fb.js +++ b/next/63570.70f0b5f3ea94df21.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[63570],{63570:t=>{t.exports=".wrapper {\n display: flex;\n align-items: center;\n margin-top: 1rem;\n\n --tui-chart-0: var(--tui-support-12);\n --tui-chart-1: var(--tui-support-01);\n --tui-chart-2: var(--tui-support-03);\n --tui-chart-3: var(--tui-support-09);\n}\n"}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[63570],{63570:t=>{t.exports=".wrapper {\n display: flex;\n align-items: center;\n margin-top: 1rem;\n\n --tui-chart-0: var(--tui-support-12);\n --tui-chart-1: var(--tui-support-01);\n --tui-chart-2: var(--tui-support-03);\n --tui-chart-3: var(--tui-support-09);\n}\n\n.index-controller {\n max-width: 20rem;\n}\n"}}]); \ No newline at end of file diff --git a/next/64207.30844712e980edfb.js b/next/64207.30844712e980edfb.js deleted file mode 100644 index 967d9c875871..000000000000 --- a/next/64207.30844712e980edfb.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64207],{64207:t=>{t.exports='\n Pick your guy\n \n\n'}}]); \ No newline at end of file diff --git a/next/64207.ada5185ccd22ab88.js b/next/64207.ada5185ccd22ab88.js new file mode 100644 index 000000000000..e160960ddc68 --- /dev/null +++ b/next/64207.ada5185ccd22ab88.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64207],{64207:t=>{t.exports='\n Pick your guy\n \n\n'}}]); \ No newline at end of file diff --git a/next/6442.6a08eb3c04e2994c.js b/next/6442.6a08eb3c04e2994c.js new file mode 100644 index 000000000000..afd60f42837d --- /dev/null +++ b/next/6442.6a08eb3c04e2994c.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[6442],{6442:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputTagModule:()=>He});var o=n(88692),i=n(69900),a=n(91795),r=n(64500),u=n(73588),l=n(84479),d=n(75695),c=n(64537),s=n(53222),p=n(82880),m=n(98204),g=n(54218),h=n(66596),x=n(72146),f=n(69956),T=n(33250),y=n(64374),P=n(68874),C=n(10200),w=n(88494),Z=n(3729),b=n(84848),V=n(83074),J=n(10977),M=n(62840),v=n(60404),A=n(43560),_=n(93525),L=n(38868);let H=(()=>{var e;class t{constructor(){this.control=new i.NI([])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-1"]],decls:4,vars:4,consts:[[3,"formControl","tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c._uU(1," I'm a "),c.TgZ(2,"i"),c._uU(3,"placeholder"),c.qZA()()),2&e&&(c.Udp("max-width",20,"rem"),c.Q6J("formControl",t.control)("tuiTextfieldLabelOutside",!0))},dependencies:[i.JJ,i.oH,x.P,P.x],encapsulation:2,changeDetection:0}),t})();var U=n(38023),N=n(61528),q=n(51927),O=n(84945),I=n(88960),D=n(52219),S=n(50020);function Q(e,t){if(1&e&&(c._UZ(0,"tui-data-list-wrapper",2),c.ALo(1,"async")),2&e){const e=c.oxw();c.Q6J("items",c.lcZ(1,1,e.items$))}}const Y=["John Cleese","Eric Idle","Michael Palin","Terry Gilliam","Terry Jones","Graham Chapman"];let E=(()=>{var e;class t{constructor(){this.search$=new U.x,this.value=[],this.items$=this.search$.pipe((0,N.w)((e=>this.serverRequest(e).pipe((0,q.O)(null)))),(0,q.O)(Y))}onSearchChange(e){this.search$.next(e)}serverRequest(e){const t=Y.filter((t=>t.toLowerCase().includes(e.toLowerCase())));return(0,O.of)(t).pipe((0,I.g)(1e3*Math.random()+500))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-2"]],decls:3,vars:2,consts:[[3,"tuiTextfieldLabelOutside","ngModel","ngModelChange","searchChange"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c.NdJ("ngModelChange",(function(e){return t.value=e}))("searchChange",(function(e){return t.onSearchChange(e)})),c._uU(1," Choose your Pythons' "),c.YNc(2,Q,2,3,"tui-data-list-wrapper",1),c.qZA()),2&e&&c.Q6J("tuiTextfieldLabelOutside",!0)("ngModel",t.value)},dependencies:[i.JJ,i.On,D.g,S.e,x.P,P.x,o.Ov],encapsulation:2,changeDetection:0}),t})(),F=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(["I","love","Angular"])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-3"]],decls:13,vars:6,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["formControlName","testValue",1,"tui-space_top-2",3,"tuiTextfieldCleaner"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"tui-input-tag",1),c._uU(2," I'm a "),c.TgZ(3,"i"),c._uU(4,"placeholder"),c.qZA()(),c.TgZ(5,"tui-input-tag",2),c._uU(6," I'm a "),c.TgZ(7,"i"),c._uU(8,"placeholder"),c.qZA()(),c.TgZ(9,"tui-input-tag",3),c._uU(10," I'm a "),c.TgZ(11,"i"),c._uU(12,"placeholder"),c.qZA()()()),2&e&&(c.Q6J("formGroup",t.testForm),c.xp6(1),c.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),c.xp6(4),c.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),c.xp6(4),c.Q6J("tuiTextfieldCleaner",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,x.P,y.b,P.x,C.s],encapsulation:2,changeDetection:0}),t})();var G,z=n(84911),K=n(20933),k=n(35065),R=n(36951),B=n(7114);function X(e,t){if(1&e&&(c.TgZ(0,"button",5),c._uU(1),c.qZA()),2&e){const e=t.$implicit;c.Q6J("value",e),c.xp6(1),c.hij(" ",e," ")}}function W(e,t){if(1&e&&(c.TgZ(0,"tui-data-list"),c.YNc(1,X,2,2,"button",4),c.qZA()),2&e){const e=c.oxw(2);c.xp6(1),c.Q6J("ngForOf",e.filtered)}}function $(e,t){1&e&&(c.ynx(0),c.YNc(1,W,2,1,"tui-data-list",3),c.BQk())}const j=function(){return[]},ee=["The Midnight","FM-84","Timecop1983","GUNSHIP"];function te(e){return!/\d/.test(e)}class ne{constructor(){var e;this.search="",this.tagValidator=te,this.control=new i.NI([],(e=te,({value:t})=>(t?t.filter(e):s.EMPTY_ARRAY).length>0?{tags:new s.TuiValidationError("Some tags are invalid")}:null))}get filtered(){return this.filterBy(this.search,this.control.value??[])}filterBy(e,t){return ee.filter((n=>(0,s.TUI_DEFAULT_MATCHER)(n,e)&&!t.includes(n)))}}(G=ne).ɵfac=function(e){return new(e||G)},G.ɵcmp=c.Xpm({type:G,selectors:[["tui-input-tag-example-4"]],decls:8,vars:12,consts:[[3,"formControl","tagValidator","tuiTextfieldLabelOutside","search","searchChange"],[4,"ngIf"],[3,"error","formControl"],[4,"tuiDataList"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(c.TgZ(0,"p"),c._uU(1,"In this sample, tags with digits are invalid"),c.qZA(),c.TgZ(2,"tui-input-tag",0),c.NdJ("searchChange",(function(e){return t.search=e})),c._uU(3," Try it "),c.YNc(4,$,2,0,"ng-container",1),c.qZA(),c._UZ(5,"tui-error",2),c.ALo(6,"async"),c.ALo(7,"tuiFieldError")),2&e&&(c.xp6(2),c.Q6J("formControl",t.control)("tagValidator",t.tagValidator)("tuiTextfieldLabelOutside",!0)("search",t.search),c.xp6(2),c.Q6J("ngIf",t.filtered.length),c.xp6(1),c.Q6J("error",c.lcZ(6,7,c.lcZ(7,9,c.DdM(11,j))))("formControl",t.control))},dependencies:[o.sg,o.O5,i.JJ,i.oH,K.q,k.v,D.g,x.P,R.v,P.x,o.Ov,B.A],encapsulation:2,changeDetection:0}),(0,z.gn)([s.tuiPure],ne.prototype,"filterBy",null);let oe=(()=>{var e;class t{constructor(){this.value=["گراهام چپمن","جان کلیز"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-5"]],decls:1,vars:3,consts:[["tuiHintContent","مونتی پایتون","tuiTextfieldIconLeft","tuiIconSearchLarge",1,"input",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside","ngModel","ngModelChange"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c.NdJ("ngModelChange",(function(e){return t.value=e})),c.qZA()),2&e&&c.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("ngModel",t.value)},dependencies:[i.JJ,i.On,x.P,y.b,P.x,Z.a,b.bZ],styles:[".input[_ngcontent-%COMP%]{max-width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),t})();var ie=n(77027),ae=n(41360),re=n(39607);let ue=(()=>{var e;class t{constructor(){this.value=["not","unique","tags, with","custom","separator","separator"],this.customSeparator=";"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-6"]],decls:4,vars:7,consts:[["orientation","vertical","tuiGroup","","tuiHintContent","Just here to test icons alignment","tuiTextfieldIconLeft","tuiIconSearchLarge",1,"input",3,"collapsed","tuiTextfieldCleaner"],[3,"ngModel","ngModelChange"],[3,"separator","tuiTextfieldLabelOutside","uniqueTags","ngModel","ngModelChange"]],template:function(e,t){1&e&&(c.TgZ(0,"div",0)(1,"tui-input",1),c.NdJ("ngModelChange",(function(e){return t.customSeparator=e})),c._uU(2,"Custom separator"),c.qZA(),c.TgZ(3,"tui-input-tag",2),c.NdJ("ngModelChange",(function(e){return t.value=e})),c.qZA()()),2&e&&(c.Q6J("collapsed",!0)("tuiTextfieldCleaner",!0),c.xp6(1),c.Q6J("ngModel",t.customSeparator),c.xp6(2),c.Q6J("separator",t.customSeparator)("tuiTextfieldLabelOutside",!0)("uniqueTags",!1)("ngModel",t.value))},dependencies:[i.JJ,i.On,ie.K,ae.w,re.g,x.P,y.b,P.x,Z.a,b.bZ],styles:[".input[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),t})(),le=(()=>{var e;class t{constructor(){this.value=["Use","space","button"],this.customSeparator=/[\s,]/}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-7"]],decls:1,vars:3,consts:[[3,"separator","tuiTextfieldLabelOutside","ngModel","ngModelChange"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c.NdJ("ngModelChange",(function(e){return t.value=e})),c.qZA()),2&e&&c.Q6J("separator",t.customSeparator)("tuiTextfieldLabelOutside",!0)("ngModel",t.value)},dependencies:[i.JJ,i.On,x.P,P.x],encapsulation:2,changeDetection:0}),t})(),de=(()=>{var e;class t{constructor(){this.control=new i.NI(["One","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten","Eleven","Twelve","Thirteen","Fourteen","Fifteen","Sixteen","Seventeen"])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-8"]],decls:8,vars:5,consts:[[1,"input",3,"formControl","rows","tuiTextfieldLabelOutside"],[1,"input","tui-space_top-5",3,"formControl","rows"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c._uU(1," I'm a "),c.TgZ(2,"i"),c._uU(3,"placeholder"),c.qZA()(),c.TgZ(4,"tui-input-tag",1),c._uU(5," I'm a "),c.TgZ(6,"i"),c._uU(7,"placeholder"),c.qZA()()),2&e&&(c.Q6J("formControl",t.control)("rows",3)("tuiTextfieldLabelOutside",!0),c.xp6(4),c.Q6J("formControl",t.control)("rows",3))},dependencies:[i.JJ,i.oH,x.P,P.x],styles:[".input[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),t})();var ce=n(72878),se=n(1913);let pe=(()=>{var e;class t{constructor(){this.control=new i.NI([]),this.min=new Date(2e3,0,1),this.max=new Date(2025,4,10),this.options=(0,ce.tr)({mode:"dd/mm/yyyy",separator:".",min:this.min,max:this.max}),this.tagValidator=e=>{const{year:t,month:n,day:o}=s.TuiDay.parseRawDateString(e);return s.TuiDay.isValidDay(t,n,o)&&s.TuiDay.normalizeOf(t,n,o).toLocalNativeDate()>=this.min&&s.TuiDay.normalizeOf(t,n,o).toLocalNativeDate()<=this.max}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-9"]],decls:2,vars:4,consts:[["tuiTextfieldIcon","tuiIconCalendarLarge",3,"formControl","maskito","tagValidator","tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c._uU(1," dd.mm.yyyy\n"),c.qZA()),2&e&&c.Q6J("formControl",t.control)("maskito",t.options)("tagValidator",t.tagValidator)("tuiTextfieldLabelOutside",!0)},dependencies:[i.JJ,i.oH,x.P,P.x,w.A,se.ro],encapsulation:2,changeDetection:0}),t})();function me(e,t){1&e&&(c._uU(0," Use power of RegExp to forbid spaces inside tags via property "),c.TgZ(1,"code"),c._uU(2,"[separator]"),c.qZA(),c._uU(3," . "))}function ge(e,t){if(1&e&&(c.TgZ(0,"div",2)(1,"code"),c._uU(2,"InputTag"),c.qZA(),c._uU(3," allows to input several tags with autocomplete and list in dropdown. "),c.qZA(),c.TgZ(4,"tui-doc-example",3),c._UZ(5,"tui-input-tag-example-1"),c.qZA(),c.TgZ(6,"tui-doc-example",4),c._UZ(7,"tui-input-tag-example-2"),c.qZA(),c.TgZ(8,"tui-doc-example",5),c._UZ(9,"tui-input-tag-example-3"),c.qZA(),c.TgZ(10,"tui-doc-example",6),c._UZ(11,"tui-input-tag-example-4"),c.qZA(),c.TgZ(12,"tui-doc-example",7),c._UZ(13,"tui-input-tag-example-5"),c.qZA(),c.TgZ(14,"tui-doc-example",8),c._UZ(15,"tui-input-tag-example-6"),c.qZA(),c.TgZ(16,"tui-doc-example",9),c.YNc(17,me,4,0,"ng-template",null,10,c.W1O),c._UZ(19,"tui-input-tag-example-7"),c.qZA(),c.TgZ(20,"tui-doc-example",11)(21,"div",2),c._uU(22," You can limit the number of visible rows with "),c.TgZ(23,"code"),c._uU(24,"rows"),c.qZA(),c._uU(25," input. Set "),c.TgZ(26,"code"),c._uU(27,"rows"),c.qZA(),c._uU(28," to 1 if you want single-line input with horizontal scrolling. "),c.qZA(),c._UZ(29,"tui-input-tag-example-8"),c.qZA(),c.TgZ(30,"tui-doc-example",12),c._UZ(31,"tui-input-tag-example-9"),c.qZA()),2&e){const e=c.MAs(18),t=c.oxw();c.xp6(4),c.Q6J("content",t.example1),c.xp6(2),c.Q6J("content",t.example2),c.xp6(2),c.Q6J("content",t.example3),c.xp6(2),c.Q6J("content",t.example4),c.xp6(2),c.Q6J("content",t.example5),c.xp6(2),c.Q6J("content",t.example6),c.xp6(2),c.Q6J("content",t.example7)("description",e),c.xp6(4),c.Q6J("content",t.example8),c.xp6(10),c.Q6J("content",t.example9)}}function he(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-input-tag",29),c.NdJ("searchChange",(function(t){c.CHM(e);const n=c.oxw(2);return c.KtG(n.search=t)}))("tuiDropdownOpenChange",(function(t){c.CHM(e);const n=c.oxw(2);return c.KtG(n.dropdownOpen.next(t))})),c.ALo(1,"async"),c._uU(2," Please enter Pythons' names "),c.qZA()}if(2&e){const e=c.oxw(2);c.Udp("text-align",e.textAlign),c.Q6J("disabledItemHandler",e.disabledItemHandler)("editable",e.editable)("focusable",e.focusable)("formControl",e.control)("inputHidden",e.inputHidden)("maxLength",e.maxLength)("placeholder",e.exampleText)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("rows",e.rows)("separator",e.separator)("tagValidator",e.tagValidator)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!c.lcZ(1,34,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIcon",e.icon)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)("uniqueTags",e.uniqueTags)("search",e.search)}}function xe(e,t){1&e&&(c._uU(0," Disabled state (use "),c.TgZ(1,"code"),c._uU(2,"formControl.disable()"),c.qZA(),c._uU(3," ) "))}function fe(e,t){1&e&&(c._uU(0," Textfield value to subscribe on input or setting it from the outside (emits "),c.TgZ(1,"code"),c._uU(2,"null"),c.qZA(),c._uU(3," when item from list selected) "))}function Te(e,t){1&e&&c._uU(0," Max length of tag ")}function ye(e,t){1&e&&c._uU(0," Handler for deactivation some tags ")}function Pe(e,t){1&e&&c._uU(0," Placeholder ")}function Ce(e,t){1&e&&c._uU(0," Ability to enter unique or non-unique tags ")}function we(e,t){1&e&&c._uU(0," Tags are editable ")}function Ze(e,t){1&e&&c._uU(0," String or RegExp to separate tags ")}function be(e,t){1&e&&c._uU(0," A number of visible rows ")}function Ve(e,t){1&e&&c._uU(0," Hide input field. For example, to prevent adding new tags ")}function Je(e,t){1&e&&c._uU(0," A function that checks that tag is valid ")}function Me(e,t){1&e&&(c._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of icon registered in "),c.TgZ(1,"a",30)(2,"code"),c._uU(3,"SvgService"),c.qZA()())}function ve(e,t){1&e&&c._uU(0," Custom align content by text-align ")}function Ae(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-doc-demo",13),c.YNc(1,he,3,36,"ng-template"),c.qZA(),c.TgZ(2,"tui-doc-documentation"),c.YNc(3,xe,4,0,"ng-template",14),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.disabled=t)})),c.YNc(4,fe,4,0,"ng-template",15),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.search=t)})),c.YNc(5,Te,1,0,"ng-template",16),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.maxLength=t)})),c.YNc(6,ye,1,0,"ng-template",17),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.disabledItemHandler=t)})),c.YNc(7,Pe,1,0,"ng-template",18),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.exampleText=t)})),c.YNc(8,Ce,1,0,"ng-template",19),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.uniqueTags=t)})),c.YNc(9,we,1,0,"ng-template",20),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.editable=t)})),c.YNc(10,Ze,1,0,"ng-template",21),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.separator=t)})),c.YNc(11,be,1,0,"ng-template",22),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.rows=t)})),c.YNc(12,Ve,1,0,"ng-template",23),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.inputHidden=t)})),c.YNc(13,Je,1,0,"ng-template",24),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.tagValidator=t)})),c.YNc(14,Me,4,0,"ng-template",25),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.icon=t)})),c.qZA(),c._UZ(15,"inherited-documentation",26),c.TgZ(16,"tui-doc-documentation",27),c.YNc(17,ve,1,0,"ng-template",28),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.textAlign=t)})),c.qZA()}if(2&e){const e=c.oxw();c.Q6J("control",e.control),c.xp6(3),c.Q6J("documentationPropertyValue",e.disabled),c.xp6(1),c.Q6J("documentationPropertyValue",e.search),c.xp6(1),c.Q6J("documentationPropertyValue",e.maxLength),c.xp6(1),c.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),c.xp6(1),c.Q6J("documentationPropertyValue",e.exampleText),c.xp6(1),c.Q6J("documentationPropertyValue",e.uniqueTags),c.xp6(1),c.Q6J("documentationPropertyValue",e.editable),c.xp6(1),c.Q6J("documentationPropertyValues",e.separatorVariants)("documentationPropertyValue",e.separator),c.xp6(1),c.Q6J("documentationPropertyValue",e.rows),c.xp6(1),c.Q6J("documentationPropertyValue",e.inputHidden),c.xp6(1),c.Q6J("documentationPropertyValues",e.tagValidatorVariants)("documentationPropertyValue",e.tagValidator),c.xp6(1),c.Q6J("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.icon),c.xp6(1),c.Q6J("dropdown",!0),c.xp6(2),c.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function _e(e,t){if(1&e&&(c.TgZ(0,"ol",31)(1,"li")(2,"p"),c._uU(3," Import "),c.TgZ(4,"code"),c._uU(5,"TuiInputTagModule"),c.qZA(),c._uU(6," into a module where you want to use our component "),c.qZA(),c._UZ(7,"tui-doc-code",32),c.qZA(),c.TgZ(8,"li")(9,"p"),c._uU(10,"Add to the template:"),c.qZA(),c._UZ(11,"tui-doc-code",33),c.qZA()()),2&e){const e=c.oxw();c.xp6(7),c.Q6J("code",e.exampleModule),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let Le=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[this.sizeVariants.length-1],this.control=new i.NI(["John Cleese","Eric Idle","Michael Palin"],i.kI.required),this.maxLengthVariants=[10,20],this.maxLength=null,this.exampleModule=n.e(9600).then(n.t.bind(n,9600,17)),this.exampleHtml=n.e(22524).then(n.t.bind(n,22524,17)),this.example1={TypeScript:n.e(58335).then(n.t.bind(n,58335,17)),HTML:n.e(32119).then(n.t.bind(n,32119,17))},this.example2={TypeScript:n.e(48276).then(n.t.bind(n,48276,17)),HTML:n.e(7633).then(n.t.bind(n,7633,17))},this.example3={TypeScript:n.e(18290).then(n.t.bind(n,18290,17)),HTML:n.e(88939).then(n.t.bind(n,88939,17))},this.example4={TypeScript:n.e(37105).then(n.t.bind(n,37105,17)),HTML:n.e(1702).then(n.t.bind(n,1702,17))},this.example5={TypeScript:n.e(69211).then(n.t.bind(n,69211,17)),HTML:n.e(20139).then(n.t.bind(n,20139,17)),LESS:n.e(44686).then(n.t.bind(n,44686,17))},this.example6={TypeScript:n.e(83429).then(n.t.bind(n,83429,17)),HTML:n.e(32927).then(n.t.bind(n,53072,17)),LESS:n.e(13449).then(n.t.bind(n,13449,17))},this.example7={TypeScript:n.e(80627).then(n.t.bind(n,80627,17)),HTML:n.e(72114).then(n.t.bind(n,72114,17))},this.example8={TypeScript:n.e(63330).then(n.t.bind(n,63330,17)),HTML:n.e(48805).then(n.t.bind(n,48805,17)),LESS:n.e(22314).then(n.t.bind(n,22314,17))},this.example9={TypeScript:n.e(47480).then(n.t.bind(n,47480,17)),HTML:n.e(27115).then(n.t.bind(n,27115,17))},this.editable=!0,this.uniqueTags=!0,this.separatorVariants=[",",";",/[\d]/,/[\s,]/],this.separator=this.separatorVariants[0],this.iconVariants=["tuiIconSearchLarge"],this.icon="",this.search="",this.rows=100,this.tagValidatorVariants=[s.ALWAYS_TRUE_HANDLER,e=>"test"===e,e=>"mail"!==e],this.tagValidator=this.tagValidatorVariants[0],this.inputHidden=!1,this.disabledItemHandlerVariants=[s.ALWAYS_FALSE_HANDLER,e=>String(e).startsWith("T")],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=c.n5z(e)))(n||e)}}(),e.ɵcmp=c.Xpm({type:e,selectors:[["example-input-tag"]],features:[c._Bn([{provide:m.x,useExisting:(0,c.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix","tuiTextfieldFiller"])]),c.qOj],decls:4,vars:0,consts:[["header","InputTag","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","base","heading","Basic",3,"content"],["id","async","heading","Async items loading",3,"content"],["id","sizes","heading","sizes",3,"content"],["id","validation","heading","Custom validation",3,"content"],["id","rtl","heading","Direction: RTL",3,"content"],["id","separator","heading","Custom separator",3,"content"],["id","no-spaces-inside-tags","heading","No spaces inside tags",3,"content","description"],["forbidSpacesDescription",""],["id","expandable","heading","expandable",3,"content"],["id","mask","heading","Mask",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string | null",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLength","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","placeholder","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","uniqueTags","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","editable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","separator","documentationPropertyType","string | RegExp",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rows","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","inputHidden","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tagValidator","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","editable","focusable","formControl","inputHidden","maxLength","placeholder","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","rows","separator","tagValidator","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","uniqueTags","search","searchChange","tuiDropdownOpenChange"],["routerLink","/services/svg-service","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,ge,32,10,"ng-template",1),c.YNc(2,Ae,18,20,"ng-template",1),c.YNc(3,_e,12,2,"ng-template",1),c.qZA())},dependencies:[i.JJ,i.oH,g.w,h.V,x.P,f.o,T.Ek,y.b,P.x,C.s,w.A,Z.a,b.bZ,V.c,J.F,M.z,v.B,A.q,_.n,L.f,a.rH,H,E,F,ne,oe,ue,le,de,pe,o.Ov],encapsulation:2,changeDetection:0}),t})(),He=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[o.ez,i.u5,i.UX,d.f,u.TuiDataListModule,l.TuiDataListWrapperModule,u.TuiLinkModule,l.TuiInputModule,l.TuiInputTagModule,u.TuiErrorModule,l.TuiFieldErrorPipeModule,u.TuiDropdownModule,u.TuiTextfieldControllerModule,u.TuiHintModule,r.fV,a.Bz.forChild((0,r.Ve)(Le))]}),t})()}}]); \ No newline at end of file diff --git a/next/6442.ca12adf07eda70a4.js b/next/6442.ca12adf07eda70a4.js deleted file mode 100644 index c72237eb2940..000000000000 --- a/next/6442.ca12adf07eda70a4.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[6442],{6442:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputTagModule:()=>He});var o=n(88692),i=n(69900),a=n(91795),r=n(64500),u=n(73588),l=n(84479),d=n(75695),c=n(64537),s=n(53222),p=n(82880),m=n(98204),g=n(54218),h=n(66596),f=n(72146),x=n(69956),T=n(33250),y=n(64374),P=n(68874),C=n(10200),w=n(88494),b=n(3729),Z=n(84848),V=n(83074),J=n(10977),M=n(62840),v=n(60404),A=n(43560),_=n(93525),L=n(38868);let H=(()=>{var e;class t{constructor(){this.control=new i.NI([])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-1"]],decls:4,vars:2,consts:[[1,"b-form",3,"formControl","tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c._uU(1," I'm a "),c.TgZ(2,"i"),c._uU(3,"placeholder"),c.qZA()()),2&e&&c.Q6J("formControl",t.control)("tuiTextfieldLabelOutside",!0)},dependencies:[i.JJ,i.oH,f.P,P.x],encapsulation:2,changeDetection:0}),t})();var U=n(38023),N=n(61528),q=n(51927),O=n(84945),I=n(88960),D=n(52219),S=n(50020);function Q(e,t){if(1&e&&(c._UZ(0,"tui-data-list-wrapper",2),c.ALo(1,"async")),2&e){const e=c.oxw();c.Q6J("items",c.lcZ(1,1,e.items$))}}const Y=["John Cleese","Eric Idle","Michael Palin","Terry Gilliam","Terry Jones","Graham Chapman"];let E=(()=>{var e;class t{constructor(){this.search$=new U.x,this.value=[],this.items$=this.search$.pipe((0,N.w)((e=>this.serverRequest(e).pipe((0,q.O)(null)))),(0,q.O)(Y))}onSearchChange(e){this.search$.next(e)}serverRequest(e){const t=Y.filter((t=>t.toLowerCase().includes(e.toLowerCase())));return(0,O.of)(t).pipe((0,I.g)(1e3*Math.random()+500))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-2"]],decls:3,vars:2,consts:[[1,"b-form",3,"tuiTextfieldLabelOutside","ngModel","ngModelChange","searchChange"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c.NdJ("ngModelChange",(function(e){return t.value=e}))("searchChange",(function(e){return t.onSearchChange(e)})),c._uU(1," Choose your Pythons' "),c.YNc(2,Q,2,3,"tui-data-list-wrapper",1),c.qZA()),2&e&&c.Q6J("tuiTextfieldLabelOutside",!0)("ngModel",t.value)},dependencies:[i.JJ,i.On,D.g,S.e,f.P,P.x,o.Ov],encapsulation:2,changeDetection:0}),t})(),F=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(["I","love","Angular"])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-3"]],decls:13,vars:6,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_top-2",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["formControlName","testValue",1,"tui-space_top-2",3,"tuiTextfieldCleaner"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"tui-input-tag",1),c._uU(2," I'm a "),c.TgZ(3,"i"),c._uU(4,"placeholder"),c.qZA()(),c.TgZ(5,"tui-input-tag",2),c._uU(6," I'm a "),c.TgZ(7,"i"),c._uU(8,"placeholder"),c.qZA()(),c.TgZ(9,"tui-input-tag",3),c._uU(10," I'm a "),c.TgZ(11,"i"),c._uU(12,"placeholder"),c.qZA()()()),2&e&&(c.Q6J("formGroup",t.testForm),c.xp6(1),c.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),c.xp6(4),c.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),c.xp6(4),c.Q6J("tuiTextfieldCleaner",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,f.P,y.b,P.x,C.s],encapsulation:2,changeDetection:0}),t})();var G,z=n(84911),K=n(20933),k=n(35065),R=n(36951),B=n(7114);function X(e,t){if(1&e&&(c.TgZ(0,"button",5),c._uU(1),c.qZA()),2&e){const e=t.$implicit;c.Q6J("value",e),c.xp6(1),c.hij(" ",e," ")}}function W(e,t){if(1&e&&(c.TgZ(0,"tui-data-list"),c.YNc(1,X,2,2,"button",4),c.qZA()),2&e){const e=c.oxw(2);c.xp6(1),c.Q6J("ngForOf",e.filtered)}}function $(e,t){1&e&&(c.ynx(0),c.YNc(1,W,2,1,"tui-data-list",3),c.BQk())}const j=function(){return[]},ee=["The Midnight","FM-84","Timecop1983","GUNSHIP"];function te(e){return!/\d/.test(e)}class ne{constructor(){var e;this.search="",this.tagValidator=te,this.control=new i.NI([],(e=te,({value:t})=>(t?t.filter(e):s.EMPTY_ARRAY).length>0?{tags:new s.TuiValidationError("Some tags are invalid")}:null))}get filtered(){return this.filterBy(this.search,this.control.value??[])}filterBy(e,t){return ee.filter((n=>(0,s.TUI_DEFAULT_MATCHER)(n,e)&&!t.includes(n)))}}(G=ne).ɵfac=function(e){return new(e||G)},G.ɵcmp=c.Xpm({type:G,selectors:[["tui-input-tag-example-4"]],decls:8,vars:12,consts:[[1,"b-form",3,"formControl","tagValidator","tuiTextfieldLabelOutside","search","searchChange"],[4,"ngIf"],[3,"error","formControl"],[4,"tuiDataList"],["tuiOption","",3,"value",4,"ngFor","ngForOf"],["tuiOption","",3,"value"]],template:function(e,t){1&e&&(c.TgZ(0,"p"),c._uU(1,"In this sample, tags with digits are invalid"),c.qZA(),c.TgZ(2,"tui-input-tag",0),c.NdJ("searchChange",(function(e){return t.search=e})),c._uU(3," Try it "),c.YNc(4,$,2,0,"ng-container",1),c.qZA(),c._UZ(5,"tui-error",2),c.ALo(6,"async"),c.ALo(7,"tuiFieldError")),2&e&&(c.xp6(2),c.Q6J("formControl",t.control)("tagValidator",t.tagValidator)("tuiTextfieldLabelOutside",!0)("search",t.search),c.xp6(2),c.Q6J("ngIf",t.filtered.length),c.xp6(1),c.Q6J("error",c.lcZ(6,7,c.lcZ(7,9,c.DdM(11,j))))("formControl",t.control))},dependencies:[o.sg,o.O5,i.JJ,i.oH,K.q,k.v,D.g,f.P,R.v,P.x,o.Ov,B.A],encapsulation:2,changeDetection:0}),(0,z.gn)([s.tuiPure],ne.prototype,"filterBy",null);let oe=(()=>{var e;class t{constructor(){this.value=["گراهام چپمن","جان کلیز"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-5"]],decls:1,vars:3,consts:[["tuiHintContent","مونتی پایتون","tuiTextfieldIconLeft","tuiIconSearchLarge",1,"input",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside","ngModel","ngModelChange"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c.NdJ("ngModelChange",(function(e){return t.value=e})),c.qZA()),2&e&&c.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0)("ngModel",t.value)},dependencies:[i.JJ,i.On,f.P,y.b,P.x,b.a,Z.bZ],styles:[".input[_ngcontent-%COMP%]{max-width:20rem;direction:rtl;text-align:right}"],changeDetection:0}),t})();var ie=n(77027),ae=n(41360),re=n(39607);let ue=(()=>{var e;class t{constructor(){this.value=["not","unique","tags, with","custom","separator","separator"],this.customSeparator=";"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-6"]],decls:4,vars:7,consts:[["orientation","vertical","tuiGroup","","tuiHintContent","Just here to test icons alignment","tuiTextfieldIconLeft","tuiIconSearchLarge",1,"input",3,"collapsed","tuiTextfieldCleaner"],[3,"ngModel","ngModelChange"],[3,"separator","tuiTextfieldLabelOutside","uniqueTags","ngModel","ngModelChange"]],template:function(e,t){1&e&&(c.TgZ(0,"div",0)(1,"tui-input",1),c.NdJ("ngModelChange",(function(e){return t.customSeparator=e})),c._uU(2,"Custom separator"),c.qZA(),c.TgZ(3,"tui-input-tag",2),c.NdJ("ngModelChange",(function(e){return t.value=e})),c.qZA()()),2&e&&(c.Q6J("collapsed",!0)("tuiTextfieldCleaner",!0),c.xp6(1),c.Q6J("ngModel",t.customSeparator),c.xp6(2),c.Q6J("separator",t.customSeparator)("tuiTextfieldLabelOutside",!0)("uniqueTags",!1)("ngModel",t.value))},dependencies:[i.JJ,i.On,ie.K,ae.w,re.g,f.P,y.b,P.x,b.a,Z.bZ],styles:[".input[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),t})(),le=(()=>{var e;class t{constructor(){this.value=["Use","space","button"],this.customSeparator=/[\s,]/}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-7"]],decls:1,vars:3,consts:[[1,"b-form",3,"separator","tuiTextfieldLabelOutside","ngModel","ngModelChange"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c.NdJ("ngModelChange",(function(e){return t.value=e})),c.qZA()),2&e&&c.Q6J("separator",t.customSeparator)("tuiTextfieldLabelOutside",!0)("ngModel",t.value)},dependencies:[i.JJ,i.On,f.P,P.x],encapsulation:2,changeDetection:0}),t})(),de=(()=>{var e;class t{constructor(){this.control=new i.NI(["One","Two","Three","Four","Five","Six","Seven","Eight","Nine","Ten","Eleven","Twelve","Thirteen","Fourteen","Fifteen","Sixteen","Seventeen"])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-8"]],decls:8,vars:5,consts:[[1,"input",3,"formControl","rows","tuiTextfieldLabelOutside"],[1,"input","tui-space_top-5",3,"formControl","rows"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c._uU(1," I'm a "),c.TgZ(2,"i"),c._uU(3,"placeholder"),c.qZA()(),c.TgZ(4,"tui-input-tag",1),c._uU(5," I'm a "),c.TgZ(6,"i"),c._uU(7,"placeholder"),c.qZA()()),2&e&&(c.Q6J("formControl",t.control)("rows",3)("tuiTextfieldLabelOutside",!0),c.xp6(4),c.Q6J("formControl",t.control)("rows",3))},dependencies:[i.JJ,i.oH,f.P,P.x],styles:[".input[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),t})();var ce=n(72878),se=n(1913);let pe=(()=>{var e;class t{constructor(){this.control=new i.NI([]),this.min=new Date(2e3,0,1),this.max=new Date(2025,4,10),this.options=(0,ce.tr)({mode:"dd/mm/yyyy",separator:".",min:this.min,max:this.max}),this.tagValidator=e=>{const{year:t,month:n,day:o}=s.TuiDay.parseRawDateString(e);return s.TuiDay.isValidDay(t,n,o)&&s.TuiDay.normalizeOf(t,n,o).toLocalNativeDate()>=this.min&&s.TuiDay.normalizeOf(t,n,o).toLocalNativeDate()<=this.max}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-tag-example-9"]],decls:2,vars:4,consts:[["tuiTextfieldIcon","tuiIconCalendarLarge",3,"formControl","maskito","tagValidator","tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-tag",0),c._uU(1," dd.mm.yyyy\n"),c.qZA()),2&e&&c.Q6J("formControl",t.control)("maskito",t.options)("tagValidator",t.tagValidator)("tuiTextfieldLabelOutside",!0)},dependencies:[i.JJ,i.oH,f.P,P.x,w.A,se.ro],encapsulation:2,changeDetection:0}),t})();function me(e,t){1&e&&(c._uU(0," Use power of RegExp to forbid spaces inside tags via property "),c.TgZ(1,"code"),c._uU(2,"[separator]"),c.qZA(),c._uU(3," . "))}function ge(e,t){if(1&e&&(c.TgZ(0,"div",2)(1,"code"),c._uU(2,"InputTag"),c.qZA(),c._uU(3," allows to input several tags with autocomplete and list in dropdown. "),c.qZA(),c.TgZ(4,"tui-doc-example",3),c._UZ(5,"tui-input-tag-example-1"),c.qZA(),c.TgZ(6,"tui-doc-example",4),c._UZ(7,"tui-input-tag-example-2"),c.qZA(),c.TgZ(8,"tui-doc-example",5),c._UZ(9,"tui-input-tag-example-3"),c.qZA(),c.TgZ(10,"tui-doc-example",6),c._UZ(11,"tui-input-tag-example-4"),c.qZA(),c.TgZ(12,"tui-doc-example",7),c._UZ(13,"tui-input-tag-example-5"),c.qZA(),c.TgZ(14,"tui-doc-example",8),c._UZ(15,"tui-input-tag-example-6"),c.qZA(),c.TgZ(16,"tui-doc-example",9),c.YNc(17,me,4,0,"ng-template",null,10,c.W1O),c._UZ(19,"tui-input-tag-example-7"),c.qZA(),c.TgZ(20,"tui-doc-example",11)(21,"div",2),c._uU(22," You can limit the number of visible rows with "),c.TgZ(23,"code"),c._uU(24,"rows"),c.qZA(),c._uU(25," input. Set "),c.TgZ(26,"code"),c._uU(27,"rows"),c.qZA(),c._uU(28," to 1 if you want single-line input with horizontal scrolling. "),c.qZA(),c._UZ(29,"tui-input-tag-example-8"),c.qZA(),c.TgZ(30,"tui-doc-example",12),c._UZ(31,"tui-input-tag-example-9"),c.qZA()),2&e){const e=c.MAs(18),t=c.oxw();c.xp6(4),c.Q6J("content",t.example1),c.xp6(2),c.Q6J("content",t.example2),c.xp6(2),c.Q6J("content",t.example3),c.xp6(2),c.Q6J("content",t.example4),c.xp6(2),c.Q6J("content",t.example5),c.xp6(2),c.Q6J("content",t.example6),c.xp6(2),c.Q6J("content",t.example7)("description",e),c.xp6(4),c.Q6J("content",t.example8),c.xp6(10),c.Q6J("content",t.example9)}}function he(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-input-tag",29),c.NdJ("searchChange",(function(t){c.CHM(e);const n=c.oxw(2);return c.KtG(n.search=t)}))("tuiDropdownOpenChange",(function(t){c.CHM(e);const n=c.oxw(2);return c.KtG(n.dropdownOpen.next(t))})),c.ALo(1,"async"),c._uU(2," Please enter Pythons' names "),c.qZA()}if(2&e){const e=c.oxw(2);c.Udp("text-align",e.textAlign),c.Q6J("disabledItemHandler",e.disabledItemHandler)("editable",e.editable)("focusable",e.focusable)("formControl",e.control)("inputHidden",e.inputHidden)("maxLength",e.maxLength)("placeholder",e.exampleText)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("rows",e.rows)("separator",e.separator)("tagValidator",e.tagValidator)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!c.lcZ(1,34,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIcon",e.icon)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)("uniqueTags",e.uniqueTags)("search",e.search)}}function fe(e,t){1&e&&(c._uU(0," Disabled state (use "),c.TgZ(1,"code"),c._uU(2,"formControl.disable()"),c.qZA(),c._uU(3," ) "))}function xe(e,t){1&e&&(c._uU(0," Textfield value to subscribe on input or setting it from the outside (emits "),c.TgZ(1,"code"),c._uU(2,"null"),c.qZA(),c._uU(3," when item from list selected) "))}function Te(e,t){1&e&&c._uU(0," Max length of tag ")}function ye(e,t){1&e&&c._uU(0," Handler for deactivation some tags ")}function Pe(e,t){1&e&&c._uU(0," Placeholder ")}function Ce(e,t){1&e&&c._uU(0," Ability to enter unique or non-unique tags ")}function we(e,t){1&e&&c._uU(0," Tags are editable ")}function be(e,t){1&e&&c._uU(0," String or RegExp to separate tags ")}function Ze(e,t){1&e&&c._uU(0," A number of visible rows ")}function Ve(e,t){1&e&&c._uU(0," Hide input field. For example, to prevent adding new tags ")}function Je(e,t){1&e&&c._uU(0," A function that checks that tag is valid ")}function Me(e,t){1&e&&(c._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of icon registered in "),c.TgZ(1,"a",30)(2,"code"),c._uU(3,"SvgService"),c.qZA()())}function ve(e,t){1&e&&c._uU(0," Custom align content by text-align ")}function Ae(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-doc-demo",13),c.YNc(1,he,3,36,"ng-template"),c.qZA(),c.TgZ(2,"tui-doc-documentation"),c.YNc(3,fe,4,0,"ng-template",14),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.disabled=t)})),c.YNc(4,xe,4,0,"ng-template",15),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.search=t)})),c.YNc(5,Te,1,0,"ng-template",16),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.maxLength=t)})),c.YNc(6,ye,1,0,"ng-template",17),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.disabledItemHandler=t)})),c.YNc(7,Pe,1,0,"ng-template",18),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.exampleText=t)})),c.YNc(8,Ce,1,0,"ng-template",19),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.uniqueTags=t)})),c.YNc(9,we,1,0,"ng-template",20),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.editable=t)})),c.YNc(10,be,1,0,"ng-template",21),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.separator=t)})),c.YNc(11,Ze,1,0,"ng-template",22),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.rows=t)})),c.YNc(12,Ve,1,0,"ng-template",23),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.inputHidden=t)})),c.YNc(13,Je,1,0,"ng-template",24),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.tagValidator=t)})),c.YNc(14,Me,4,0,"ng-template",25),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.icon=t)})),c.qZA(),c._UZ(15,"inherited-documentation",26),c.TgZ(16,"tui-doc-documentation",27),c.YNc(17,ve,1,0,"ng-template",28),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const n=c.oxw();return c.KtG(n.textAlign=t)})),c.qZA()}if(2&e){const e=c.oxw();c.Q6J("control",e.control),c.xp6(3),c.Q6J("documentationPropertyValue",e.disabled),c.xp6(1),c.Q6J("documentationPropertyValue",e.search),c.xp6(1),c.Q6J("documentationPropertyValue",e.maxLength),c.xp6(1),c.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),c.xp6(1),c.Q6J("documentationPropertyValue",e.exampleText),c.xp6(1),c.Q6J("documentationPropertyValue",e.uniqueTags),c.xp6(1),c.Q6J("documentationPropertyValue",e.editable),c.xp6(1),c.Q6J("documentationPropertyValues",e.separatorVariants)("documentationPropertyValue",e.separator),c.xp6(1),c.Q6J("documentationPropertyValue",e.rows),c.xp6(1),c.Q6J("documentationPropertyValue",e.inputHidden),c.xp6(1),c.Q6J("documentationPropertyValues",e.tagValidatorVariants)("documentationPropertyValue",e.tagValidator),c.xp6(1),c.Q6J("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.icon),c.xp6(1),c.Q6J("dropdown",!0),c.xp6(2),c.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function _e(e,t){if(1&e&&(c.TgZ(0,"ol",31)(1,"li")(2,"p"),c._uU(3," Import "),c.TgZ(4,"code"),c._uU(5,"TuiInputTagModule"),c.qZA(),c._uU(6," into a module where you want to use our component "),c.qZA(),c._UZ(7,"tui-doc-code",32),c.qZA(),c.TgZ(8,"li")(9,"p"),c._uU(10,"Add to the template:"),c.qZA(),c._UZ(11,"tui-doc-code",33),c.qZA()()),2&e){const e=c.oxw();c.xp6(7),c.Q6J("code",e.exampleModule),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let Le=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[this.sizeVariants.length-1],this.control=new i.NI(["John Cleese","Eric Idle","Michael Palin"],i.kI.required),this.maxLengthVariants=[10,20],this.maxLength=null,this.exampleModule=n.e(9600).then(n.t.bind(n,9600,17)),this.exampleHtml=n.e(22524).then(n.t.bind(n,22524,17)),this.example1={TypeScript:n.e(58335).then(n.t.bind(n,58335,17)),HTML:n.e(32119).then(n.t.bind(n,32119,17))},this.example2={TypeScript:n.e(48276).then(n.t.bind(n,48276,17)),HTML:n.e(7633).then(n.t.bind(n,7633,17))},this.example3={TypeScript:n.e(18290).then(n.t.bind(n,18290,17)),HTML:n.e(88939).then(n.t.bind(n,88939,17))},this.example4={TypeScript:n.e(37105).then(n.t.bind(n,37105,17)),HTML:n.e(1702).then(n.t.bind(n,1702,17))},this.example5={TypeScript:n.e(69211).then(n.t.bind(n,69211,17)),HTML:n.e(20139).then(n.t.bind(n,20139,17)),LESS:n.e(44686).then(n.t.bind(n,44686,17))},this.example6={TypeScript:n.e(83429).then(n.t.bind(n,83429,17)),HTML:n.e(32927).then(n.t.bind(n,53072,17)),LESS:n.e(13449).then(n.t.bind(n,13449,17))},this.example7={TypeScript:n.e(80627).then(n.t.bind(n,80627,17)),HTML:n.e(72114).then(n.t.bind(n,72114,17))},this.example8={TypeScript:n.e(63330).then(n.t.bind(n,63330,17)),HTML:n.e(48805).then(n.t.bind(n,48805,17)),LESS:n.e(22314).then(n.t.bind(n,22314,17))},this.example9={TypeScript:n.e(47480).then(n.t.bind(n,47480,17)),HTML:n.e(27115).then(n.t.bind(n,27115,17))},this.editable=!0,this.uniqueTags=!0,this.separatorVariants=[",",";",/[\d]/,/[\s,]/],this.separator=this.separatorVariants[0],this.iconVariants=["tuiIconSearchLarge"],this.icon="",this.search="",this.rows=100,this.tagValidatorVariants=[s.ALWAYS_TRUE_HANDLER,e=>"test"===e,e=>"mail"!==e],this.tagValidator=this.tagValidatorVariants[0],this.inputHidden=!1,this.disabledItemHandlerVariants=[s.ALWAYS_FALSE_HANDLER,e=>String(e).startsWith("T")],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=c.n5z(e)))(n||e)}}(),e.ɵcmp=c.Xpm({type:e,selectors:[["example-input-tag"]],features:[c._Bn([{provide:m.x,useExisting:(0,c.Gpc)((()=>e))},(0,r.PR)(["tuiTextfieldPrefix","tuiTextfieldPostfix","tuiTextfieldFiller"])]),c.qOj],decls:4,vars:0,consts:[["header","InputTag","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["id","base","heading","Basic",3,"content"],["id","async","heading","Async items loading",3,"content"],["id","sizes","heading","sizes",3,"content"],["id","validation","heading","Custom validation",3,"content"],["id","rtl","heading","Direction: RTL",3,"content"],["id","separator","heading","Custom separator",3,"content"],["id","no-spaces-inside-tags","heading","No spaces inside tags",3,"content","description"],["forbidSpacesDescription",""],["id","expandable","heading","expandable",3,"content"],["id","mask","heading","Mask",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string | null",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","maxLength","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","placeholder","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","uniqueTags","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","editable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","separator","documentationPropertyType","string | RegExp",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rows","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","inputHidden","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tagValidator","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","editable","focusable","formControl","inputHidden","maxLength","placeholder","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","rows","separator","tagValidator","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","uniqueTags","search","searchChange","tuiDropdownOpenChange"],["routerLink","/services/svg-service","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,ge,32,10,"ng-template",1),c.YNc(2,Ae,18,20,"ng-template",1),c.YNc(3,_e,12,2,"ng-template",1),c.qZA())},dependencies:[i.JJ,i.oH,g.w,h.V,f.P,x.o,T.Ek,y.b,P.x,C.s,w.A,b.a,Z.bZ,V.c,J.F,M.z,v.B,A.q,_.n,L.f,a.rH,H,E,F,ne,oe,ue,le,de,pe,o.Ov],encapsulation:2,changeDetection:0}),t})(),He=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[o.ez,i.u5,i.UX,d.f,u.TuiDataListModule,l.TuiDataListWrapperModule,u.TuiLinkModule,l.TuiInputModule,l.TuiInputTagModule,u.TuiErrorModule,l.TuiFieldErrorPipeModule,u.TuiDropdownModule,u.TuiTextfieldControllerModule,u.TuiHintModule,r.fV,a.Bz.forChild((0,r.Ve)(Le))]}),t})()}}]); \ No newline at end of file diff --git a/next/64576.00beffafb9ef74d7.js b/next/64576.00beffafb9ef74d7.js deleted file mode 100644 index d9dac6110fd9..000000000000 --- a/next/64576.00beffafb9ef74d7.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64576],{64576:e=>{e.exports='\n \n Choose a date\n \n \n Choose a date\n \n \n Choose a date\n \n\n'}}]); \ No newline at end of file diff --git a/next/64576.10184ae8116d45f4.js b/next/64576.10184ae8116d45f4.js new file mode 100644 index 000000000000..e9f491c03077 --- /dev/null +++ b/next/64576.10184ae8116d45f4.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64576],{64576:e=>{e.exports='
\n \n Choose a date\n \n \n Choose a date\n \n \n Choose a date\n \n\n'}}]); \ No newline at end of file diff --git a/next/64780.65628f555d97920f.js b/next/64780.65628f555d97920f.js deleted file mode 100644 index 1b0fb0559e5c..000000000000 --- a/next/64780.65628f555d97920f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64780],{64780:n=>{n.exports='\n \n Potatoes\n \n \n\n \n Milk\n \n \n\n \n Carrot\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/64780.6b01db2c25c04a8d.js b/next/64780.6b01db2c25c04a8d.js new file mode 100644 index 000000000000..e8f482cf5d9e --- /dev/null +++ b/next/64780.6b01db2c25c04a8d.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64780],{64780:n=>{n.exports='
\n \n Potatoes\n \n \n\n \n Milk\n \n \n\n \n Carrot\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/64867.0f7a9fd25400861e.js b/next/64867.0f7a9fd25400861e.js deleted file mode 100644 index 8d36fc14a110..000000000000 --- a/next/64867.0f7a9fd25400861e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64867],{64867:n=>{n.exports='\n \n Type an email\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/64867.4dfb978577f5e3bd.js b/next/64867.4dfb978577f5e3bd.js new file mode 100644 index 000000000000..c28199f7bc0a --- /dev/null +++ b/next/64867.4dfb978577f5e3bd.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64867],{64867:e=>{e.exports='
\n \n Type an email\n \n \n
\n'}}]); \ No newline at end of file diff --git a/next/65672.24b37acd8aab27e2.js b/next/65672.24b37acd8aab27e2.js new file mode 100644 index 000000000000..50186ade9cde --- /dev/null +++ b/next/65672.24b37acd8aab27e2.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[65672],{65672:n=>{n.exports='
\n Name\n \n Connection\n \n \n \n Contact\n \n \n Contact\n \n\n'}}]); \ No newline at end of file diff --git a/next/65672.5c74be5b4b4ced72.js b/next/65672.5c74be5b4b4ced72.js deleted file mode 100644 index 3e38ea199cd8..000000000000 --- a/next/65672.5c74be5b4b4ced72.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[65672],{65672:n=>{n.exports='\n Name\n \n Connection\n \n \n \n Contact\n \n \n Contact\n \n\n'}}]); \ No newline at end of file diff --git a/next/65945.4f933597b8411214.js b/next/65945.4f933597b8411214.js deleted file mode 100644 index f41b304b1fde..000000000000 --- a/next/65945.4f933597b8411214.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[65945],{65945:e=>{e.exports='\n Hello\n\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/65945.698ecdd3222e04e5.js b/next/65945.698ecdd3222e04e5.js new file mode 100644 index 000000000000..dacb41fbc276 --- /dev/null +++ b/next/65945.698ecdd3222e04e5.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[65945],{65945:e=>{e.exports='\n Hello\n\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/66161.0b0b3652a885b5a6.js b/next/66161.0b0b3652a885b5a6.js new file mode 100644 index 000000000000..09cdd9221912 --- /dev/null +++ b/next/66161.0b0b3652a885b5a6.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[66161],{66161:n=>{n.exports='\n TuiLineDaysChart\n is used to show data of several months to simplify working with different number of days in months\n\n

\n \n Data\n \n \n Visible range\n \n

\n

\n \n Chart {{ index + 1 }}\n \n

\n\n \n \n \n \n \n \n\n\n\n
\n {{ getDate(data[0][0], range.from) }}\n
\n
\n \n ${{ point[1].toFixed(0) }}\n
\n \n\n'}}]); \ No newline at end of file diff --git a/next/66161.d716da8c5018eb3e.js b/next/66161.d716da8c5018eb3e.js deleted file mode 100644 index ad47e9a0660a..000000000000 --- a/next/66161.d716da8c5018eb3e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[66161],{66161:n=>{n.exports='\n TuiLineDaysChart\n is used to show data of several months to simplify working with different number of days in months\n\n

\n \n Data\n \n \n Visible range\n \n

\n

\n \n Chart {{ index + 1 }}\n \n

\n\n \n \n \n \n \n \n\n\n\n
\n {{ getDate(data[0][0], range.from) }}\n
\n
\n \n ${{ point[1].toFixed(0) }}\n
\n \n\n'}}]); \ No newline at end of file diff --git a/next/67661.6cce5d3344dc2743.js b/next/67661.6cce5d3344dc2743.js new file mode 100644 index 000000000000..2302f6438af8 --- /dev/null +++ b/next/67661.6cce5d3344dc2743.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[67661],{67661:t=>{t.exports='\n \n \n \n {{ item.name }}\n \n \n \n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/67661.e8f7aeeebd298447.js b/next/67661.e8f7aeeebd298447.js deleted file mode 100644 index 6a5a44085302..000000000000 --- a/next/67661.e8f7aeeebd298447.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[67661],{67661:t=>{t.exports='\n \n \n \n {{ item.name }}\n \n \n \n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/67705.90e68ffc3d43f721.js b/next/67705.90e68ffc3d43f721.js deleted file mode 100644 index 7151c6d83b3b..000000000000 --- a/next/67705.90e68ffc3d43f721.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[67705],{67705:t=>{t.exports='\n Star Wars persons\n \n\n'}}]); \ No newline at end of file diff --git a/next/67705.984747233f0783e2.js b/next/67705.984747233f0783e2.js new file mode 100644 index 000000000000..dc4d15571cac --- /dev/null +++ b/next/67705.984747233f0783e2.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[67705],{67705:t=>{t.exports='\n Star Wars persons\n \n\n'}}]); \ No newline at end of file diff --git a/next/68943.37d3af40aa26a133.js b/next/68943.37d3af40aa26a133.js deleted file mode 100644 index 1433c60549ea..000000000000 --- a/next/68943.37d3af40aa26a133.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[68943],{68943:n=>{n.exports='\n Choose dates\n\n'}}]); \ No newline at end of file diff --git a/next/68943.79b3432a876ecad9.js b/next/68943.79b3432a876ecad9.js new file mode 100644 index 000000000000..fb1740c9c1c9 --- /dev/null +++ b/next/68943.79b3432a876ecad9.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[68943],{68943:e=>{e.exports='Choose dates\n'}}]); \ No newline at end of file diff --git a/next/69003.0bac99f92575d842.js b/next/69003.0bac99f92575d842.js deleted file mode 100644 index 186caf87f55a..000000000000 --- a/next/69003.0bac99f92575d842.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[69003],{69003:n=>{n.exports='\n Only integers\n\n'}}]); \ No newline at end of file diff --git a/next/69003.a437721b19c74103.js b/next/69003.a437721b19c74103.js new file mode 100644 index 000000000000..17017bae245b --- /dev/null +++ b/next/69003.a437721b19c74103.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[69003],{69003:e=>{e.exports='Only integers\n'}}]); \ No newline at end of file diff --git a/next/70086.0404aef846733c46.js b/next/70086.0404aef846733c46.js new file mode 100644 index 000000000000..069586adf15c --- /dev/null +++ b/next/70086.0404aef846733c46.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[70086],{70086:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiLabelModule:()=>v});var o=n(88692),a=n(69900),l=n(91795),i=n(64500),u=n(73588),c=n(84479),p=n(64537),s=n(88135),r=n(33351),m=n(83074),d=n(10977),b=n(62840),f=n(60404),x=n(43560),h=n(93525),g=n(38868),T=n(77027),Z=n(41360),w=n(68874),y=n(10200);function A(e,t){1&e&&(p._uU(0," Sum "),p._UZ(1,"tui-tooltip",4))}let L=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-label-example-1"]],decls:6,vars:3,consts:[[3,"formGroup"],[3,"tuiLabel"],["formControlName","testValue","nativeId","uniqueId","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["label",""],["content","I am a tooltip that is ready for Screen Readers","describeId","uniqueId","direction","top-right"]],template:function(e,t){if(1&e&&(p.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),p._uU(3," 0,00 "),p.qZA()(),p.YNc(4,A,2,0,"ng-template",null,3,p.W1O),p.qZA()),2&e){const e=p.MAs(5);p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("tuiLabel",e),p.xp6(1),p.Q6J("tuiTextfieldLabelOutside",!0)}},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,T.K,Z.w,s.A,r.w,w.x,y.s],encapsulation:2,changeDetection:0}),t})(),_=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-label-example-2"]],decls:4,vars:2,consts:[[3,"formGroup"],["tuiLabel","Some long content about money and incoice sums to make a multiline label and to show how it works with line breaks"],["formControlName","testValue","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),p._uU(3," 0,00 "),p.qZA()()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(2),p.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,T.K,Z.w,s.A,w.x,y.s],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-label-example-3"]],decls:2,vars:0,consts:[["tuiLabel","Taiga"]],template:function(e,t){1&e&&(p.TgZ(0,"label",0),p._uU(1,"Angular Component Library"),p.qZA())},dependencies:[s.A],encapsulation:2,changeDetection:0}),t})();function U(e,t){if(1&e&&(p.TgZ(0,"p"),p._uU(1,"Component binds a label and a content, e.g., a textfield"),p.qZA(),p.TgZ(2,"tui-doc-example",2),p._UZ(3,"tui-label-example-1"),p.qZA(),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-label-example-2"),p.qZA(),p.TgZ(6,"tui-doc-example",4),p._UZ(7,"tui-label-example-3"),p.qZA()),2&e){const e=p.oxw();p.xp6(2),p.Q6J("content",e.example1),p.xp6(2),p.Q6J("content",e.example2),p.xp6(2),p.Q6J("content",e.example3)}}function q(e,t){1&e&&(p._uU(0," Label is a template "),p._UZ(1,"tui-tooltip",8))}function M(e,t){1&e&&p._uU(0," Label ")}function V(e,t){if(1&e){const e=p.EpF();p.TgZ(0,"tui-doc-demo")(1,"label",5),p._uU(2,"Content inside label"),p.qZA()(),p.YNc(3,q,2,0,"ng-template",null,6,p.W1O),p.TgZ(5,"tui-doc-documentation"),p.YNc(6,M,1,0,"ng-template",7),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const n=p.oxw();return p.KtG(n.label=t)})),p.qZA()}if(2&e){const e=p.MAs(4),t=p.oxw();p.xp6(1),p.Q6J("tuiLabel",t.getLabel(e)),p.xp6(5),p.Q6J("documentationPropertyValues",t.labelVariants)("documentationPropertyValue",t.label)}}function C(e,t){if(1&e&&(p.TgZ(0,"ol",9)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiLabelModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",10),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10,"Add to the template:"),p.qZA(),p._UZ(11,"tui-doc-code",11),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let N=(()=>{var e;class t{constructor(){this.exampleModule=n.e(11752).then(n.t.bind(n,11752,17)),this.exampleHtml=n.e(20484).then(n.t.bind(n,20484,17)),this.example1={TypeScript:n.e(34439).then(n.t.bind(n,34439,17)),HTML:n.e(56099).then(n.t.bind(n,56099,17))},this.example2={TypeScript:n.e(89998).then(n.t.bind(n,89998,17)),HTML:n.e(78607).then(n.t.bind(n,78607,17))},this.example3={HTML:n.e(67845).then(n.t.bind(n,67845,17))},this.labelVariants=["No default value","Template"],this.label=this.labelVariants[0]}getLabel(e){return this.label===this.labelVariants[1]?e:this.label}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-label"]],decls:4,vars:0,consts:[["header","Label","package","CORE","type","components"],["pageTab",""],["id","basic","heading","Basic",3,"content"],["id","multiline","heading","Multiline",3,"content"],["id","text","heading","Text",3,"content"],[3,"tuiLabel"],["template",""],["documentationPropertyMode","input","documentationPropertyName","label","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["content","This way you can use components or any HTML"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,U,8,3,"ng-template",1),p.YNc(2,V,7,3,"ng-template",1),p.YNc(3,C,12,2,"ng-template",1),p.qZA())},dependencies:[s.A,r.w,m.c,d.F,b.z,f.B,x.q,h.n,g.f,L,_,J],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.ez,a.UX,c.TuiInputModule,u.TuiLabelModule,u.TuiTooltipModule,u.TuiTextfieldControllerModule,i.fV,l.Bz.forChild((0,i.Ve)(N))]}),t})()}}]); \ No newline at end of file diff --git a/next/70086.e49383eb6bbb6160.js b/next/70086.e49383eb6bbb6160.js deleted file mode 100644 index 1f4f1383b6fe..000000000000 --- a/next/70086.e49383eb6bbb6160.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[70086],{70086:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiLabelModule:()=>v});var o=n(88692),a=n(69900),l=n(91795),i=n(64500),u=n(73588),c=n(84479),p=n(64537),s=n(88135),r=n(33351),m=n(83074),d=n(10977),b=n(62840),f=n(60404),x=n(43560),h=n(93525),g=n(38868),T=n(77027),Z=n(41360),w=n(68874),y=n(10200);function A(e,t){1&e&&(p._uU(0," Sum "),p._UZ(1,"tui-tooltip",4))}let L=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-label-example-1"]],decls:6,vars:3,consts:[[1,"b-form",3,"formGroup"],[3,"tuiLabel"],["formControlName","testValue","nativeId","uniqueId","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"],["label",""],["content","I am a tooltip that is ready for Screen Readers","describeId","uniqueId","direction","top-right"]],template:function(e,t){if(1&e&&(p.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),p._uU(3," 0,00 "),p.qZA()(),p.YNc(4,A,2,0,"ng-template",null,3,p.W1O),p.qZA()),2&e){const e=p.MAs(5);p.Q6J("formGroup",t.testForm),p.xp6(1),p.Q6J("tuiLabel",e),p.xp6(1),p.Q6J("tuiTextfieldLabelOutside",!0)}},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,T.K,Z.w,s.A,r.w,w.x,y.s],encapsulation:2,changeDetection:0}),t})(),_=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-label-example-2"]],decls:4,vars:2,consts:[[1,"b-form",3,"formGroup"],["tuiLabel","Some long content about money and incoice sums to make a multiline label and to show how it works with line breaks"],["formControlName","testValue","tuiTextfieldSize","m",3,"tuiTextfieldLabelOutside"]],template:function(e,t){1&e&&(p.TgZ(0,"form",0)(1,"label",1)(2,"tui-input",2),p._uU(3," 0,00 "),p.qZA()()()),2&e&&(p.Q6J("formGroup",t.testForm),p.xp6(2),p.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,T.K,Z.w,s.A,w.x,y.s],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-label-example-3"]],decls:2,vars:0,consts:[["tuiLabel","Taiga"]],template:function(e,t){1&e&&(p.TgZ(0,"label",0),p._uU(1,"Angular Component Library"),p.qZA())},dependencies:[s.A],encapsulation:2,changeDetection:0}),t})();function U(e,t){if(1&e&&(p.TgZ(0,"p"),p._uU(1,"Component binds a label and a content, e.g., a textfield"),p.qZA(),p.TgZ(2,"tui-doc-example",2),p._UZ(3,"tui-label-example-1"),p.qZA(),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-label-example-2"),p.qZA(),p.TgZ(6,"tui-doc-example",4),p._UZ(7,"tui-label-example-3"),p.qZA()),2&e){const e=p.oxw();p.xp6(2),p.Q6J("content",e.example1),p.xp6(2),p.Q6J("content",e.example2),p.xp6(2),p.Q6J("content",e.example3)}}function q(e,t){1&e&&(p._uU(0," Label is a template "),p._UZ(1,"tui-tooltip",8))}function M(e,t){1&e&&p._uU(0," Label ")}function V(e,t){if(1&e){const e=p.EpF();p.TgZ(0,"tui-doc-demo")(1,"label",5),p._uU(2,"Content inside label"),p.qZA()(),p.YNc(3,q,2,0,"ng-template",null,6,p.W1O),p.TgZ(5,"tui-doc-documentation"),p.YNc(6,M,1,0,"ng-template",7),p.NdJ("documentationPropertyValueChange",(function(t){p.CHM(e);const n=p.oxw();return p.KtG(n.label=t)})),p.qZA()}if(2&e){const e=p.MAs(4),t=p.oxw();p.xp6(1),p.Q6J("tuiLabel",t.getLabel(e)),p.xp6(5),p.Q6J("documentationPropertyValues",t.labelVariants)("documentationPropertyValue",t.label)}}function C(e,t){if(1&e&&(p.TgZ(0,"ol",9)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiLabelModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",10),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10,"Add to the template:"),p.qZA(),p._UZ(11,"tui-doc-code",11),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let N=(()=>{var e;class t{constructor(){this.exampleModule=n.e(11752).then(n.t.bind(n,11752,17)),this.exampleHtml=n.e(20484).then(n.t.bind(n,20484,17)),this.example1={TypeScript:n.e(34439).then(n.t.bind(n,34439,17)),HTML:n.e(56099).then(n.t.bind(n,56099,17))},this.example2={TypeScript:n.e(89998).then(n.t.bind(n,89998,17)),HTML:n.e(78607).then(n.t.bind(n,78607,17))},this.example3={HTML:n.e(67845).then(n.t.bind(n,67845,17))},this.labelVariants=["No default value","Template"],this.label=this.labelVariants[0]}getLabel(e){return this.label===this.labelVariants[1]?e:this.label}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-label"]],decls:4,vars:0,consts:[["header","Label","package","CORE","type","components"],["pageTab",""],["id","basic","heading","Basic",3,"content"],["id","multiline","heading","Multiline",3,"content"],["id","text","heading","Text",3,"content"],[3,"tuiLabel"],["template",""],["documentationPropertyMode","input","documentationPropertyName","label","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["content","This way you can use components or any HTML"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,U,8,3,"ng-template",1),p.YNc(2,V,7,3,"ng-template",1),p.YNc(3,C,12,2,"ng-template",1),p.qZA())},dependencies:[s.A,r.w,m.c,d.F,b.z,f.B,x.q,h.n,g.f,L,_,J],encapsulation:2,changeDetection:0}),t})(),v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.ez,a.UX,c.TuiInputModule,u.TuiLabelModule,u.TuiTooltipModule,u.TuiTextfieldControllerModule,i.fV,l.Bz.forChild((0,i.Ve)(N))]}),t})()}}]); \ No newline at end of file diff --git a/next/7019.1aad3014fbb3c9f3.js b/next/7019.1aad3014fbb3c9f3.js new file mode 100644 index 000000000000..8f4bf167d71d --- /dev/null +++ b/next/7019.1aad3014fbb3c9f3.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[7019],{7019:t=>{t.exports='\n\n\n
\n \n {{ data }}\n
\n\n'}}]); \ No newline at end of file diff --git a/next/7019.f8c301694461a611.js b/next/7019.f8c301694461a611.js deleted file mode 100644 index a879c6d20d4c..000000000000 --- a/next/7019.f8c301694461a611.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[7019],{7019:t=>{t.exports='\n\n\n
\n \n {{ data }}\n
\n\n'}}]); \ No newline at end of file diff --git a/next/70913.2b4e9ae97e6a3df0.js b/next/70913.2b4e9ae97e6a3df0.js new file mode 100644 index 000000000000..d16103743d14 --- /dev/null +++ b/next/70913.2b4e9ae97e6a3df0.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[70913],{70913:n=>{n.exports='\n Input example\n\n\n \n Checkbox example\n\n\n Submit\n\n'}}]); \ No newline at end of file diff --git a/next/70913.70a902c2af569f53.js b/next/70913.70a902c2af569f53.js deleted file mode 100644 index 9ac3cf95d966..000000000000 --- a/next/70913.70a902c2af569f53.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[70913],{70913:n=>{n.exports='\n Input example\n\n\n \n Checkbox example\n\n\n Submit\n\n'}}]); \ No newline at end of file diff --git a/next/71019.e6ffcd25d56e1f5c.js b/next/71019.9d4ac4da546249e6.js similarity index 88% rename from next/71019.e6ffcd25d56e1f5c.js rename to next/71019.9d4ac4da546249e6.js index f3c9afdbe698..77e6858b2771 100644 --- a/next/71019.e6ffcd25d56e1f5c.js +++ b/next/71019.9d4ac4da546249e6.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[71019],{71019:n=>{n.exports=".axes {\n height: 18.75rem;\n width: 37.5rem;\n\n &:first-child {\n --tui-chart-0: gold;\n --tui-chart-1: purple;\n }\n\n &:last-child {\n --tui-chart-0: skyblue;\n --tui-chart-1: violet;\n }\n}\n\n.flex {\n display: flex;\n min-width: 31.25rem;\n}\n"}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[71019],{71019:n=>{n.exports=".axes {\n height: 18.75rem;\n width: 37.5rem;\n\n &:first-child {\n --tui-chart-0: gold;\n --tui-chart-1: purple;\n }\n\n &:last-child {\n --tui-chart-0: skyblue;\n --tui-chart-1: violet;\n }\n}\n\n.flex {\n display: flex;\n min-width: 31.25rem;\n}\n\n.select {\n max-width: 20rem;\n}\n"}}]); \ No newline at end of file diff --git a/next/71081.08c617a2fd8e9b07.js b/next/71081.08c617a2fd8e9b07.js deleted file mode 100644 index be807bb3585c..000000000000 --- a/next/71081.08c617a2fd8e9b07.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[71081],{71081:n=>{n.exports='\n Enter your name\n \n \n \n \n {{ item.toString() | tuiInitials }}\n \n {{ item }}\n \n \n \n\n

Parsed on complete match:

\n{{ firstName }} {{ lastName }}\n'}}]); \ No newline at end of file diff --git a/next/71081.7e9143840bfdcf89.js b/next/71081.7e9143840bfdcf89.js new file mode 100644 index 000000000000..f501605758aa --- /dev/null +++ b/next/71081.7e9143840bfdcf89.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[71081],{71081:n=>{n.exports='\n Enter your name\n \n \n \n \n {{ item.toString() | tuiInitials }}\n \n {{ item }}\n \n \n \n\n

Parsed on complete match:

\n{{ firstName }} {{ lastName }}\n'}}]); \ No newline at end of file diff --git a/next/72114.1ab64ebfb8b8e322.js b/next/72114.1ab64ebfb8b8e322.js new file mode 100644 index 000000000000..acef44cb88e5 --- /dev/null +++ b/next/72114.1ab64ebfb8b8e322.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72114],{72114:e=>{e.exports='\n'}}]); \ No newline at end of file diff --git a/next/72114.53c1018eb2af3115.js b/next/72114.53c1018eb2af3115.js deleted file mode 100644 index 8849110371f1..000000000000 --- a/next/72114.53c1018eb2af3115.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72114],{72114:e=>{e.exports='\n'}}]); \ No newline at end of file diff --git a/next/72178.67c47121597ffd99.js b/next/72178.67c47121597ffd99.js new file mode 100644 index 000000000000..c5e123614279 --- /dev/null +++ b/next/72178.67c47121597ffd99.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72178],{72178:n=>{n.exports='
\n \n \n to the Question of Life, the Universe, and Everything\n \n\n \n \n\n \n\n

\n If you want to show a validation message as soon as a user starts typing, subscribe on form value changes and\n call markAsTouched on control on first value change. You can also use\n \n tuiMarkControlAsTouchedAndValidate\n \n

\n\n

\n tuiFieldError\n pipe can be used inside your controls to show error messages for parent\n \n NgControl\n \n or\n \n ControlContainer\n \n through DI without explicit directive on\n tui-error\n .\n

\n\n

Below is an error for the entire form:

\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/72178.7cb6a1d92d586333.js b/next/72178.7cb6a1d92d586333.js deleted file mode 100644 index 713a5cc1517d..000000000000 --- a/next/72178.7cb6a1d92d586333.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72178],{72178:n=>{n.exports='\n \n \n to the Question of Life, the Universe, and Everything\n \n\n \n \n\n \n\n

\n If you want to show a validation message as soon as a user starts typing, subscribe on form value changes and\n call markAsTouched on control on first value change. You can also use\n \n tuiMarkControlAsTouchedAndValidate\n \n

\n\n

\n tuiFieldError\n pipe can be used inside your controls to show error messages for parent\n \n NgControl\n \n or\n \n ControlContainer\n \n through DI without explicit directive on\n tui-error\n .\n

\n\n

Below is an error for the entire form:

\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/72298.1423889a196077a0.js b/next/72298.1423889a196077a0.js deleted file mode 100644 index 64fedca0e217..000000000000 --- a/next/72298.1423889a196077a0.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72298],{72298:n=>{n.exports='\n \n \n \n \n Taiga UI\n Alex Inkin\n \n \n \n \n \n \n \n Enable\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/72298.94d4feab86b7b715.js b/next/72298.94d4feab86b7b715.js new file mode 100644 index 000000000000..d5618034e280 --- /dev/null +++ b/next/72298.94d4feab86b7b715.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72298],{72298:n=>{n.exports='
\n \n \n \n \n Taiga UI\n Alex Inkin\n \n \n \n \n \n \n \n Enable\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/72963.46e136272cc7dc0b.js b/next/72963.46e136272cc7dc0b.js deleted file mode 100644 index cb9ccda605d4..000000000000 --- a/next/72963.46e136272cc7dc0b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72963],{72963:n=>{n.exports='\n Value changes on blur\n \n Value changes on edit\n \n\n'}}]); \ No newline at end of file diff --git a/next/72963.cf483bf8c00796e3.js b/next/72963.cf483bf8c00796e3.js new file mode 100644 index 000000000000..decff23fb33b --- /dev/null +++ b/next/72963.cf483bf8c00796e3.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[72963],{72963:n=>{n.exports='\n Value changes on blur\n \n Value changes on edit\n \n\n'}}]); \ No newline at end of file diff --git a/next/73254.c9f76902696b0946.js b/next/73254.c9f76902696b0946.js new file mode 100644 index 000000000000..ce82c28f6d53 --- /dev/null +++ b/next/73254.c9f76902696b0946.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[73254],{73254:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiBarChartModule:()=>k});var n=a(88692),o=a(69900),i=a(91795),u=a(51362),r=a(64500),c=a(73588),l=a(84479),s=a(64537),p=a(88549),d=a(79121),m=a(66596),h=a(83074),x=a(10977),g=a(62840),y=a(60404),b=a(43560),Z=a(93525),f=a(38868),P=a(53222),v=a(70390);let T=(()=>{var e;class t{constructor(){this.value=[[3660,8281,1069,9034,5797,6918,8495,3234,6204,1392,2088,8637,8779],[3952,3671,3781,5323,3537,4107,2962,3320,8632,4755,9130,1195,3574]],this.labelsX=["Jan 2019","Feb","Mar"],this.labelsY=["0","10 000"]}getHeight(e){return e/(0,P.tuiCeil)(e,-3)*100}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-bar-chart-example-1"]],decls:2,vars:4,consts:[[1,"axes",3,"axisXLabels","axisYLabels"],[3,"max","value"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-axes",0),s._UZ(1,"tui-bar-chart",1),s.qZA()),2&e&&(s.Q6J("axisXLabels",t.labelsX)("axisYLabels",t.labelsY),s.xp6(1),s.Q6J("max",1e4)("value",t.value))},dependencies:[v.v,p.g],styles:[".axes[_ngcontent-%COMP%]{height:18.75rem;width:37.5rem}"],changeDetection:0}),t})();var C=a(84848),M=a(50170),_=a(1414),A=a(50020),J=a(52219);function U(e,t){if(1&e&&s._UZ(0,"tui-data-list-wrapper",6),2&e){const e=s.oxw();s.Q6J("items",e.appearances)}}let V=(()=>{var e;class t{constructor(){this.value=[[1e3,8e3,4e3,3e3,4e3],[6e3,2e3,4500,7e3,5e3]],this.labelsX=["Jan 2021","Feb","Mar"],this.labelsY=["0","10 000"],this.appearances=["onDark","error"],this.appearance="onDark",this.hint=({$implicit:e})=>this.value.reduce(((t,a)=>`${t}$${(0,c.tuiFormatNumber)(a[e])}\n`),"").trim()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-bar-chart-example-2"]],decls:8,vars:14,consts:[[1,"flex"],[1,"axes",3,"axisXLabels","axisYLabels"],[3,"max","tuiHintAppearance","tuiHintContent","value"],[3,"collapsed","max","tuiHintAppearance","tuiHintContent","value"],[1,"select",3,"ngModel","ngModelChange"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(s.TgZ(0,"div",0)(1,"tui-axes",1),s._UZ(2,"tui-bar-chart",2),s.qZA(),s.TgZ(3,"tui-axes",1),s._UZ(4,"tui-bar-chart",3),s.qZA()(),s.TgZ(5,"tui-select",4),s.NdJ("ngModelChange",(function(e){return t.appearance=e})),s._uU(6," Hint appearance "),s.YNc(7,U,1,1,"tui-data-list-wrapper",5),s.qZA()),2&e&&(s.xp6(1),s.Q6J("axisXLabels",t.labelsX)("axisYLabels",t.labelsY),s.xp6(1),s.Q6J("max",1e4)("tuiHintAppearance",t.appearance)("tuiHintContent",t.hint)("value",t.value),s.xp6(1),s.Q6J("axisXLabels",t.labelsX)("axisYLabels",t.labelsY),s.xp6(1),s.Q6J("collapsed",!0)("max",1e4)("tuiHintAppearance",t.appearance)("tuiHintContent",t.hint)("value",t.value),s.xp6(1),s.Q6J("ngModel",t.appearance))},dependencies:[o.JJ,o.On,v.v,p.g,C.bZ,M.u,_.O,A.e,J.g],styles:[".axes[_ngcontent-%COMP%]{height:18.75rem;width:37.5rem}.axes[_ngcontent-%COMP%]:first-child{--tui-chart-0: gold;--tui-chart-1: purple}.axes[_ngcontent-%COMP%]:last-child{--tui-chart-0: skyblue;--tui-chart-1: violet}.flex[_ngcontent-%COMP%]{display:flex;min-width:31.25rem}.select[_ngcontent-%COMP%]{max-width:20rem}"],changeDetection:0}),t})();const w=function(){return["/components/axes"]};function L(e,t){if(1&e&&(s.TgZ(0,"p"),s._uU(1," Bar chart that can be used as a content to "),s.TgZ(2,"a",2),s._uU(3," axes "),s.qZA(),s._uU(4," . "),s.qZA(),s.TgZ(5,"tui-doc-example",3),s._UZ(6,"tui-bar-chart-example-1"),s.qZA(),s.TgZ(7,"tui-doc-example",4)(8,"tui-notification",5),s._uU(9," Use "),s.TgZ(10,"a",6)(11,"code"),s._uU(12,"Hint"),s.qZA()(),s._uU(13," directive to enable hints with "),s.TgZ(14,"code"),s._uU(15,"tuiHintContent"),s.qZA()(),s._UZ(16,"tui-bar-chart-example-2"),s.qZA()),2&e){const e=s.oxw();s.xp6(2),s.Q6J("routerLink",s.DdM(3,w)),s.xp6(3),s.Q6J("content",e.example1),s.xp6(2),s.Q6J("content",e.example2)}}function H(e,t){1&e&&s._uU(0," Shows data set in a single bar ")}function q(e,t){1&e&&s._uU(0," Sets chart max manually ")}function N(e,t){1&e&&(s._uU(0," Size (use "),s.TgZ(1,"code"),s._uU(2,"null"),s.qZA(),s._uU(3," for autosize) "))}function Q(e,t){1&e&&s._uU(0," Array of segments ")}function Y(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo"),s._UZ(1,"tui-bar-chart",7),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,H,1,0,"ng-template",8),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.collapsed=t)})),s.YNc(4,q,1,0,"ng-template",9),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.max=t)})),s.YNc(5,N,4,0,"ng-template",10),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.size=t)})),s.YNc(6,Q,1,0,"ng-template",11),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.value=t)})),s.qZA()}if(2&e){const e=s.oxw();s.xp6(1),s.Q6J("collapsed",e.collapsed)("max",e.max)("size",e.size)("value",e.value),s.xp6(2),s.Q6J("documentationPropertyValue",e.collapsed),s.xp6(1),s.Q6J("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),s.xp6(1),s.Q6J("documentationPropertyValues",e.valueVariants)("documentationPropertyValue",e.value)}}function z(e,t){if(1&e&&(s.TgZ(0,"ol",12)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiBarChartModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",13),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Add to the template:"),s.qZA(),s._UZ(11,"tui-doc-code",14),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let S=(()=>{var e;class t{constructor(){this.exampleModule=a.e(15240).then(a.t.bind(a,15240,17)),this.exampleHtml=a.e(26307).then(a.t.bind(a,26307,17)),this.example1={TypeScript:a.e(37816).then(a.t.bind(a,37816,17)),HTML:a.e(29156).then(a.t.bind(a,29156,17)),LESS:a.e(65498).then(a.t.bind(a,65498,17))},this.example2={TypeScript:a.e(57888).then(a.t.bind(a,57888,17)),HTML:a.e(15294).then(a.t.bind(a,15294,17)),LESS:a.e(71019).then(a.t.bind(a,71019,17))},this.collapsed=!1,this.sizeVariants=["s","m","l"],this.size=null,this.max=0,this.valueVariants=[[[3e4,20500,12345],[12422,16124,22424]],[[30,65,30,80,54],[98,48,33,25,11],[55,10,27,36,73]]],this.value=this.valueVariants[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-bar-chart"]],decls:4,vars:0,consts:[["header","BarChart","package","ADDON-CHARTS","type","components"],["pageTab",""],["tuiLink","",3,"routerLink"],["id","axes","heading","With axes",3,"content"],["id","collapsed","heading","Same values with collapsed mode",3,"content"],[1,"tui-space_bottom-6"],["routerLink","/directives/hint","tuiLink",""],[1,"chart",3,"collapsed","max","size","value"],["documentationPropertyMode","input","documentationPropertyName","collapsed","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS | TuiSizeL | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","ReadonlyArray",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,L,17,4,"ng-template",1),s.YNc(2,Y,7,10,"ng-template",1),s.YNc(3,z,12,2,"ng-template",1),s.qZA())},dependencies:[p.g,d.L,m.V,h.c,x.F,g.z,y.B,b.q,Z.n,f.f,i.rH,T,V],styles:[".chart[_ngcontent-%COMP%]{height:12.5rem}"],changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[n.ez,o.u5,u.TuiAxesModule,u.TuiBarChartModule,c.TuiHintModule,c.TuiNotificationModule,c.TuiLinkModule,l.TuiSelectModule,l.TuiDataListWrapperModule,r.fV,i.Bz.forChild((0,r.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/73254.deb97cd4fb2b6677.js b/next/73254.deb97cd4fb2b6677.js deleted file mode 100644 index 8166030d0954..000000000000 --- a/next/73254.deb97cd4fb2b6677.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[73254],{73254:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiBarChartModule:()=>k});var n=a(88692),o=a(69900),i=a(91795),u=a(51362),r=a(64500),c=a(73588),l=a(84479),s=a(64537),p=a(88549),d=a(79121),m=a(66596),h=a(83074),x=a(10977),g=a(62840),y=a(60404),b=a(43560),f=a(93525),Z=a(38868),v=a(53222),P=a(70390);let T=(()=>{var e;class t{constructor(){this.value=[[3660,8281,1069,9034,5797,6918,8495,3234,6204,1392,2088,8637,8779],[3952,3671,3781,5323,3537,4107,2962,3320,8632,4755,9130,1195,3574]],this.labelsX=["Jan 2019","Feb","Mar"],this.labelsY=["0","10 000"]}getHeight(e){return e/(0,v.tuiCeil)(e,-3)*100}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-bar-chart-example-1"]],decls:2,vars:4,consts:[[1,"axes",3,"axisXLabels","axisYLabels"],[3,"max","value"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-axes",0),s._UZ(1,"tui-bar-chart",1),s.qZA()),2&e&&(s.Q6J("axisXLabels",t.labelsX)("axisYLabels",t.labelsY),s.xp6(1),s.Q6J("max",1e4)("value",t.value))},dependencies:[P.v,p.g],styles:[".axes[_ngcontent-%COMP%]{height:18.75rem;width:37.5rem}"],changeDetection:0}),t})();var C=a(84848),M=a(50170),_=a(1414),A=a(50020),J=a(52219);function U(e,t){if(1&e&&s._UZ(0,"tui-data-list-wrapper",6),2&e){const e=s.oxw();s.Q6J("items",e.appearances)}}let V=(()=>{var e;class t{constructor(){this.value=[[1e3,8e3,4e3,3e3,4e3],[6e3,2e3,4500,7e3,5e3]],this.labelsX=["Jan 2021","Feb","Mar"],this.labelsY=["0","10 000"],this.appearances=["onDark","error"],this.appearance="onDark",this.hint=({$implicit:e})=>this.value.reduce(((t,a)=>`${t}$${(0,c.tuiFormatNumber)(a[e])}\n`),"").trim()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-bar-chart-example-2"]],decls:8,vars:14,consts:[[1,"flex"],[1,"axes",3,"axisXLabels","axisYLabels"],[3,"max","tuiHintAppearance","tuiHintContent","value"],[3,"collapsed","max","tuiHintAppearance","tuiHintContent","value"],[1,"b-form",3,"ngModel","ngModelChange"],[3,"items",4,"tuiDataList"],[3,"items"]],template:function(e,t){1&e&&(s.TgZ(0,"div",0)(1,"tui-axes",1),s._UZ(2,"tui-bar-chart",2),s.qZA(),s.TgZ(3,"tui-axes",1),s._UZ(4,"tui-bar-chart",3),s.qZA()(),s.TgZ(5,"tui-select",4),s.NdJ("ngModelChange",(function(e){return t.appearance=e})),s._uU(6," Hint appearance "),s.YNc(7,U,1,1,"tui-data-list-wrapper",5),s.qZA()),2&e&&(s.xp6(1),s.Q6J("axisXLabels",t.labelsX)("axisYLabels",t.labelsY),s.xp6(1),s.Q6J("max",1e4)("tuiHintAppearance",t.appearance)("tuiHintContent",t.hint)("value",t.value),s.xp6(1),s.Q6J("axisXLabels",t.labelsX)("axisYLabels",t.labelsY),s.xp6(1),s.Q6J("collapsed",!0)("max",1e4)("tuiHintAppearance",t.appearance)("tuiHintContent",t.hint)("value",t.value),s.xp6(1),s.Q6J("ngModel",t.appearance))},dependencies:[o.JJ,o.On,P.v,p.g,C.bZ,M.u,_.O,A.e,J.g],styles:[".axes[_ngcontent-%COMP%]{height:18.75rem;width:37.5rem}.axes[_ngcontent-%COMP%]:first-child{--tui-chart-0: gold;--tui-chart-1: purple}.axes[_ngcontent-%COMP%]:last-child{--tui-chart-0: skyblue;--tui-chart-1: violet}.flex[_ngcontent-%COMP%]{display:flex;min-width:31.25rem}"],changeDetection:0}),t})();const w=function(){return["/components/axes"]};function L(e,t){if(1&e&&(s.TgZ(0,"p"),s._uU(1," Bar chart that can be used as a content to "),s.TgZ(2,"a",2),s._uU(3," axes "),s.qZA(),s._uU(4," . "),s.qZA(),s.TgZ(5,"tui-doc-example",3),s._UZ(6,"tui-bar-chart-example-1"),s.qZA(),s.TgZ(7,"tui-doc-example",4)(8,"tui-notification",5),s._uU(9," Use "),s.TgZ(10,"a",6)(11,"code"),s._uU(12,"Hint"),s.qZA()(),s._uU(13," directive to enable hints with "),s.TgZ(14,"code"),s._uU(15,"tuiHintContent"),s.qZA()(),s._UZ(16,"tui-bar-chart-example-2"),s.qZA()),2&e){const e=s.oxw();s.xp6(2),s.Q6J("routerLink",s.DdM(3,w)),s.xp6(3),s.Q6J("content",e.example1),s.xp6(2),s.Q6J("content",e.example2)}}function H(e,t){1&e&&s._uU(0," Shows data set in a single bar ")}function q(e,t){1&e&&s._uU(0," Sets chart max manually ")}function N(e,t){1&e&&(s._uU(0," Size (use "),s.TgZ(1,"code"),s._uU(2,"null"),s.qZA(),s._uU(3," for autosize) "))}function Q(e,t){1&e&&s._uU(0," Array of segments ")}function Y(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo"),s._UZ(1,"tui-bar-chart",7),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,H,1,0,"ng-template",8),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.collapsed=t)})),s.YNc(4,q,1,0,"ng-template",9),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.max=t)})),s.YNc(5,N,4,0,"ng-template",10),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.size=t)})),s.YNc(6,Q,1,0,"ng-template",11),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const a=s.oxw();return s.KtG(a.value=t)})),s.qZA()}if(2&e){const e=s.oxw();s.xp6(1),s.Q6J("collapsed",e.collapsed)("max",e.max)("size",e.size)("value",e.value),s.xp6(2),s.Q6J("documentationPropertyValue",e.collapsed),s.xp6(1),s.Q6J("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),s.xp6(1),s.Q6J("documentationPropertyValues",e.valueVariants)("documentationPropertyValue",e.value)}}function z(e,t){if(1&e&&(s.TgZ(0,"ol",12)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiBarChartModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",13),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Add to the template:"),s.qZA(),s._UZ(11,"tui-doc-code",14),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}let S=(()=>{var e;class t{constructor(){this.exampleModule=a.e(15240).then(a.t.bind(a,15240,17)),this.exampleHtml=a.e(26307).then(a.t.bind(a,26307,17)),this.example1={TypeScript:a.e(37816).then(a.t.bind(a,37816,17)),HTML:a.e(29156).then(a.t.bind(a,29156,17)),LESS:a.e(65498).then(a.t.bind(a,65498,17))},this.example2={TypeScript:a.e(57888).then(a.t.bind(a,57888,17)),HTML:a.e(15294).then(a.t.bind(a,15294,17)),LESS:a.e(71019).then(a.t.bind(a,71019,17))},this.collapsed=!1,this.sizeVariants=["s","m","l"],this.size=null,this.max=0,this.valueVariants=[[[3e4,20500,12345],[12422,16124,22424]],[[30,65,30,80,54],[98,48,33,25,11],[55,10,27,36,73]]],this.value=this.valueVariants[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-bar-chart"]],decls:4,vars:0,consts:[["header","BarChart","package","ADDON-CHARTS","type","components"],["pageTab",""],["tuiLink","",3,"routerLink"],["id","axes","heading","With axes",3,"content"],["id","collapsed","heading","Same values with collapsed mode",3,"content"],[1,"tui-space_bottom-6"],["routerLink","/directives/hint","tuiLink",""],[1,"chart",3,"collapsed","max","size","value"],["documentationPropertyMode","input","documentationPropertyName","collapsed","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS | TuiSizeL | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","ReadonlyArray",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,L,17,4,"ng-template",1),s.YNc(2,Y,7,10,"ng-template",1),s.YNc(3,z,12,2,"ng-template",1),s.qZA())},dependencies:[p.g,d.L,m.V,h.c,x.F,g.z,y.B,b.q,f.n,Z.f,i.rH,T,V],styles:[".chart[_ngcontent-%COMP%]{height:12.5rem}"],changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[n.ez,o.u5,u.TuiAxesModule,u.TuiBarChartModule,c.TuiHintModule,c.TuiNotificationModule,c.TuiLinkModule,l.TuiSelectModule,l.TuiDataListWrapperModule,r.fV,i.Bz.forChild((0,r.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/74187.c7cc1799a3648263.js b/next/74187.c7cc1799a3648263.js new file mode 100644 index 000000000000..2f87aa93a2c2 --- /dev/null +++ b/next/74187.c7cc1799a3648263.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[74187],{74187:n=>{n.exports='

Taiga UI usage experience

\n

\n \n Start\n \n

\n

\n \n Finish\n \n

\n'}}]); \ No newline at end of file diff --git a/next/74187.f9d146cdcb8e041c.js b/next/74187.f9d146cdcb8e041c.js deleted file mode 100644 index 37650d0fcf23..000000000000 --- a/next/74187.f9d146cdcb8e041c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[74187],{74187:n=>{n.exports='

Taiga UI usage experience

\n

\n \n Start\n \n

\n

\n \n Finish\n \n

\n'}}]); \ No newline at end of file diff --git a/next/763.89f4fd524c08d751.js b/next/763.89f4fd524c08d751.js deleted file mode 100644 index c710513d6970..000000000000 --- a/next/763.89f4fd524c08d751.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[763],{763:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputPhoneModule:()=>we});var o=n(88692),i=n(69900),u=n(91795),r=n(64500),a=n(53222),c=n(73588),s=n(84479),p=n(89570),l=n(75695),d=n(64537),m=n(82880),h=n(98204),f=n(69956),g=n(33250),x=n(64374),y=n(6707),T=n(68874),C=n(10200),Z=n(3729),A=n(44998),w=n(89437),_=n(87205),b=n(84848),M=n(96895),U=n(45303),P=n(79121),v=n(54218),q=n(83074),J=n(10977),N=n(62840),O=n(60404),L=n(43560),k=n(93525),D=n(38868),H=n(76189),V=n(91030);let F=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("+77777777777",i.kI.required)})}setValue(){this.testForm.get("testValue").setValue("+79926775676")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-phone-example-1"]],decls:9,vars:4,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue"],["autocomplete","tel","tuiTextfield",""],[1,"tui-space_bottom-3"],["size","m","tuiButton","","type","button",3,"click"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-phone",1),d._uU(2," Type a phone number "),d._UZ(3,"input",2),d.qZA(),d.TgZ(4,"pre",3),d._uU(5),d.ALo(6,"json"),d.qZA()(),d.TgZ(7,"button",4),d.NdJ("click",(function(){return t.setValue()})),d._uU(8," Set +79926775676\n"),d.qZA()),2&e&&(d.Q6J("formGroup",t.testForm),d.xp6(5),d.hij("Form value: ",d.lcZ(6,2,t.testForm.value),""))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,H.v,M.y,U.X,V.M,o.Ts],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.control=new i.NI("",i.kI.minLength(12))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-phone-example-2"]],decls:5,vars:4,consts:[[1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-phone",0),d._uU(1," Type phone number\n"),d.qZA(),d.TgZ(2,"pre"),d._uU(3),d.ALo(4,"json"),d.qZA()),2&e&&(d.Q6J("formControl",t.control),d.xp6(3),d.hij("Form value: ",d.lcZ(4,2,t.control.value),""))},dependencies:[i.JJ,i.oH,M.y,U.X,o.Ts],encapsulation:2,changeDetection:0}),t})();var Q,$=n(84911),S=n(73336),Y=n(38023),E=n(21860),j=n(61528),z=n(27969),B=n(98168),G=n(51927),K=n(15696),X=n(84945),W=n(26903),R=n(40939),ee=n(20933),te=n(35065),ne=n(52219),oe=n(44124);function ie(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"button",6),d.NdJ("click",(function(){const t=d.CHM(e).$implicit,n=d.oxw(4);return d.KtG(n.onClick(t))})),d.TgZ(1,"tui-avatar",7),d._uU(2),d.qZA(),d.TgZ(3,"span",8)(4,"span"),d._uU(5),d.qZA(),d.TgZ(6,"span",9),d._uU(7),d.qZA()()()}if(2&e){const e=t.$implicit;d.Q6J("disabled",e.disabled)("value",e.phone),d.xp6(1),d.Q6J("src",e.avatarUrl),d.xp6(1),d.hij(" ",e.firstName," "),d.xp6(3),d.AsE("",e.firstName," ",e.lastName,""),d.xp6(2),d.Oqu(e.phone)}}function ue(e,t){if(1&e&&(d.TgZ(0,"tui-data-list"),d.YNc(1,ie,8,7,"button",5),d.qZA()),2&e){const e=d.oxw(2).tuiLet;d.xp6(1),d.Q6J("ngForOf",e)}}function re(e,t){1&e&&(d.ynx(0),d.YNc(1,ue,2,1,"tui-data-list",4),d.BQk())}function ae(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-input-phone",2),d.NdJ("ngModelChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.value=t)}))("searchChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.onSearch(t))})),d._uU(1),d.ALo(2,"async"),d.YNc(3,re,2,0,"ng-container",3),d.qZA()}if(2&e){const e=t.tuiLet,n=d.oxw(),o=d.MAs(3);d.Q6J("allowText",!0)("tuiTextfieldCustomContent",o)("ngModel",n.value),d.xp6(1),d.hij(" ",d.lcZ(2,5,n.placeholder$)," "),d.xp6(2),d.Q6J("ngIf",null==e?null:e.length)}}function ce(e,t){if(1&e&&(d.TgZ(0,"tui-avatar",11),d._uU(1),d.qZA()),2&e){const e=t.ngIf;d.Q6J("src",e.avatarUrl),d.xp6(1),d.hij(" ",e.firstName," ")}}function se(e,t){if(1&e&&(d.YNc(0,ce,2,2,"tui-avatar",10),d.ALo(1,"async")),2&e){const e=d.oxw();d.Q6J("ngIf",d.lcZ(1,1,e.user$))}}class pe{constructor(e,t,n,o=null,i=!1){this.firstName=e,this.lastName=t,this.phone=n,this.avatarUrl=o,this.disabled=i}toString(){return`${this.firstName} ${this.lastName}`}}const le=[new pe("Roman","Sedov","+75678901234","https://avatars.githubusercontent.com/u/10106368"),new pe("Alex","Inkin","+75678901234",S.Ll`/images/avatar.jpg`)];class de{constructor(){this.search$=new Y.x,this.selected$=new Y.x,this.value="",this.user$=(0,E.T)(this.selected$,this.search$.pipe((0,j.w)((e=>this.request(e).pipe((0,z.U)((t=>this.isFullMatch(t,e)?t[0]:null))))))).pipe((0,B.b)((e=>{e&&(this.value=e.phone)}))),this.items$=this.search$.pipe((0,G.O)(""),(0,j.w)((e=>this.request(e).pipe((0,z.U)((t=>this.isFullMatch(t,e)?[]:t)))))),this.placeholder$=(0,K.a)([this.user$,this.search$]).pipe((0,z.U)((([e,t])=>e||this.getPlaceholder(t))),(0,G.O)("Phone number or name"))}onSearch(e){this.search$.next(e)}onClick(e){this.selected$.next(e)}request(e){return(0,X.of)(le.filter((t=>(0,a.TUI_DEFAULT_MATCHER)(t,e)||(0,a.TUI_DEFAULT_MATCHER)(t.phone,e)))).pipe((0,W.B)())}getPlaceholder(e){return e?e.startsWith("+")?"Phone number":"Name":"Phone number or name"}isFullMatch(e,t){return 1===e.length&&(String(e[0])===t||e[0].phone===t)}}function me(e,t){if(1&e&&(d.TgZ(0,"p")(1,"code"),d._uU(2,"InputPhone"),d.qZA(),d._uU(3," allows to input a phone number "),d.qZA(),d.TgZ(4,"tui-doc-example",2)(5,"tui-notification",3),d._uU(6," If you need to set some attributes or listen to events on native "),d.TgZ(7,"code"),d._uU(8,"input"),d.qZA(),d._uU(9," , you can put it inside with "),d.TgZ(10,"code"),d._uU(11,"Textfield"),d.qZA(),d._uU(12," directive as shown below "),d.qZA(),d._UZ(13,"tui-input-phone-example-1"),d.qZA(),d.TgZ(14,"tui-doc-example",4),d._UZ(15,"tui-input-phone-example-2"),d.qZA(),d.TgZ(16,"tui-doc-example",5),d._UZ(17,"tui-input-phone-example-3"),d.qZA()),2&e){const e=d.oxw();d.xp6(4),d.Q6J("content",e.example1),d.xp6(10),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3)}}function he(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-input-phone",14),d.NdJ("tuiDropdownOpenChange",(function(t){d.CHM(e);const n=d.oxw(2);return d.KtG(n.dropdownOpen.next(t))})),d.ALo(1,"async"),d._uU(2," Type a phone number "),d.qZA()}if(2&e){const e=d.oxw(2);d.Udp("text-align",e.textAlign),d.Q6J("countryCode",e.countryCode)("focusable",e.focusable)("formControl",e.control)("phoneMaskAfterCountryCode",e.phoneMaskAfterCountryCode)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!d.lcZ(1,28,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function fe(e,t){1&e&&(d._uU(0," Disabled state (use "),d.TgZ(1,"code"),d._uU(2,"formControl.disable()"),d.qZA(),d._uU(3," ) "))}function ge(e,t){1&e&&d._uU(0," Country code ")}function xe(e,t){1&e&&(d._uU(0," Text mask after country code. You can use "),d.TgZ(1,"code"),d._uU(2,"#"),d.qZA(),d._uU(3," , "),d.TgZ(4,"code"),d._uU(5,"-"),d.qZA(),d._uU(6," and spaces as a template symbol "))}function ye(e,t){1&e&&d._uU(0," Textfield value to subscribe on input or setting it from the outside ")}function Te(e,t){1&e&&d._uU(0," Custom align content by text-align ")}function Ce(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo",6),d.YNc(1,he,3,30,"ng-template"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,fe,4,0,"ng-template",7),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabled=t)})),d.YNc(4,ge,1,0,"ng-template",8),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.countryCode=t)})),d.YNc(5,xe,7,0,"ng-template",9),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.phoneMaskAfterCountryCode=t)})),d.YNc(6,ye,1,0,"ng-template",10),d.qZA(),d._UZ(7,"inherited-documentation",11),d.TgZ(8,"tui-doc-documentation",12),d.YNc(9,Te,1,0,"ng-template",13),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.textAlign=t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("control",e.control),d.xp6(3),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(1),d.Q6J("documentationPropertyValues",e.countryCodes)("documentationPropertyValue",e.countryCode),d.xp6(1),d.Q6J("documentationPropertyValues",e.phoneMasksAfterCountryCode)("documentationPropertyValue",e.phoneMaskAfterCountryCode),d.xp6(2),d.Q6J("dropdown",!0),d.xp6(2),d.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function Ze(e,t){if(1&e&&(d.TgZ(0,"ol",15)(1,"li")(2,"p"),d._uU(3," Import an Angular module for forms and "),d.TgZ(4,"code"),d._uU(5,"TuiInputPhoneModule"),d.qZA(),d._uU(6," in the same module where you want to use our component: "),d.qZA(),d._UZ(7,"tui-doc-code",16),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",17),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20,"Add to the template:"),d.qZA(),d._UZ(21,"tui-doc-code",18),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(4),d.Q6J("code",e.exampleHtml)}}(Q=de).ɵfac=function(e){return new(e||Q)},Q.ɵcmp=d.Xpm({type:Q,selectors:[["tui-input-phone-example-3"]],decls:6,vars:4,consts:[["class","b-form",3,"allowText","tuiTextfieldCustomContent","ngModel","ngModelChange","searchChange",4,"tuiLet"],["avatar",""],[1,"b-form",3,"allowText","tuiTextfieldCustomContent","ngModel","ngModelChange","searchChange"],[4,"ngIf"],[4,"tuiDataList"],["tuiOption","",3,"disabled","value","click",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value","click"],["size","s",1,"tui-space_right-3",3,"src"],[1,"user"],[1,"phone"],["size","s",3,"src",4,"ngIf"],["size","s",3,"src"]],template:function(e,t){1&e&&(d.YNc(0,ae,4,7,"tui-input-phone",0),d.ALo(1,"async"),d.YNc(2,se,2,3,"ng-template",null,1,d.W1O),d.TgZ(4,"p"),d._uU(5),d.qZA()),2&e&&(d.Q6J("tuiLet",d.lcZ(1,2,t.items$)),d.xp6(5),d.hij("Value: ",t.value,""))},dependencies:[o.sg,o.O5,i.JJ,i.On,R.L,ee.q,te.v,ne.g,oe.J,y.B,M.y,U.X,o.Ov],styles:[".user[_ngcontent-%COMP%]{margin-right:auto}.phone[_ngcontent-%COMP%]{font:var(--tui-font-text-s);display:block;color:var(--tui-text-03)}"],changeDetection:0}),(0,$.gn)([a.tuiPure],de.prototype,"request",null);let Ae=(()=>{var e;class t extends m.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI("",[i.kI.required,i.kI.minLength(12)]),this.exampleForm=n.e(2207).then(n.t.bind(n,2207,17)),this.exampleModule=n.e(81627).then(n.t.bind(n,81627,17)),this.exampleHtml=n.e(43560).then(n.t.bind(n,9832,17)),this.example1={TypeScript:n.e(95894).then(n.t.bind(n,95894,17)),HTML:n.e(30508).then(n.t.bind(n,30508,17))},this.example2={TypeScript:n.e(81831).then(n.t.bind(n,81831,17)),HTML:n.e(9604).then(n.t.bind(n,9604,17))},this.example3={TypeScript:n.e(893).then(n.t.bind(n,893,17)),HTML:n.e(77707).then(n.t.bind(n,77707,17)),LESS:n.e(96912).then(n.t.bind(n,96912,17))},this.countryCodes=["+7","+850","+1","+52"],this.countryCode=this.countryCodes[0],this.phoneMasksAfterCountryCode=["(###) ###-##-##","(####)+____:-#############","### ###-####"],this.phoneMaskAfterCountryCode=this.phoneMasksAfterCountryCode[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=d.n5z(e)))(n||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-input-phone"]],features:[d._Bn([{provide:h.x,useExisting:(0,d.Gpc)((()=>e))}]),d.qOj],decls:4,vars:0,consts:[["header","InputPhone","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","validated","heading","With length validator",3,"content"],["id","autocomplete","description","By number and by name","heading","With autocomplete",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","countryCode","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","phoneMaskAfterCountryCode","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"countryCode","focusable","formControl","phoneMaskAfterCountryCode","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize","tuiDropdownOpenChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,me,18,3,"ng-template",1),d.YNc(2,Ce,10,9,"ng-template",1),d.YNc(3,Ze,22,3,"ng-template",1),d.qZA())},dependencies:[i.JJ,i.oH,f.o,g.Ek,x.b,y.B,T.x,C.s,Z.a,A.A,w.T,_.k,b.bZ,M.y,U.X,P.L,v.w,q.c,J.F,N.z,O.B,L.q,k.n,D.f,F,I,de,o.Ov],styles:[".item[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;margin:-.625rem 0}.avatar[_ngcontent-%COMP%]{margin-left:.75rem}.name[_ngcontent-%COMP%], .phone[_ngcontent-%COMP%]{margin:0}.phone[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-03)}"],changeDetection:0}),t})(),we=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[o.ez,i.u5,i.UX,p.wq,a.TuiLetModule,c.TuiDataListModule,c.TuiButtonModule,c.TuiSvgModule,s.TuiAvatarComponent,c.TuiDropdownModule,c.TuiTextfieldControllerModule,c.TuiHintModule,s.TuiInputPhoneModule,c.TuiLinkModule,c.TuiNotificationModule,l.f,r.fV,u.Bz.forChild((0,r.Ve)(Ae))]}),t})()}}]); \ No newline at end of file diff --git a/next/763.deb0e7dbaead93d7.js b/next/763.deb0e7dbaead93d7.js new file mode 100644 index 000000000000..03bd8f5aac16 --- /dev/null +++ b/next/763.deb0e7dbaead93d7.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[763],{763:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputPhoneModule:()=>we});var o=n(88692),i=n(69900),u=n(91795),r=n(64500),a=n(53222),c=n(73588),s=n(84479),p=n(89570),l=n(75695),d=n(64537),m=n(82880),h=n(98204),f=n(69956),g=n(33250),x=n(64374),y=n(6707),T=n(68874),C=n(10200),Z=n(3729),A=n(44998),w=n(89437),_=n(87205),M=n(84848),b=n(96895),U=n(45303),P=n(79121),v=n(54218),q=n(83074),J=n(10977),N=n(62840),O=n(60404),L=n(43560),k=n(93525),D=n(38868),H=n(76189),V=n(91030);let F=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI("+77777777777",i.kI.required)})}setValue(){this.testForm.get("testValue").setValue("+79926775676")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-phone-example-1"]],decls:9,vars:4,consts:[[3,"formGroup"],["formControlName","testValue"],["autocomplete","tel","tuiTextfield",""],[1,"tui-space_bottom-3"],["size","m","tuiButton","","type","button",3,"click"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-phone",1),d._uU(2," Type a phone number "),d._UZ(3,"input",2),d.qZA(),d.TgZ(4,"pre",3),d._uU(5),d.ALo(6,"json"),d.qZA()(),d.TgZ(7,"button",4),d.NdJ("click",(function(){return t.setValue()})),d._uU(8," Set +79926775676\n"),d.qZA()),2&e&&(d.Q6J("formGroup",t.testForm),d.xp6(5),d.hij("Form value: ",d.lcZ(6,2,t.testForm.value),""))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,H.v,b.y,U.X,V.M,o.Ts],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.control=new i.NI("",i.kI.minLength(12))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["tui-input-phone-example-2"]],decls:5,vars:4,consts:[[3,"formControl"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-phone",0),d._uU(1,"Type phone number"),d.qZA(),d.TgZ(2,"pre"),d._uU(3),d.ALo(4,"json"),d.qZA()),2&e&&(d.Q6J("formControl",t.control),d.xp6(3),d.hij("Form value: ",d.lcZ(4,2,t.control.value),""))},dependencies:[i.JJ,i.oH,b.y,U.X,o.Ts],encapsulation:2,changeDetection:0}),t})();var Q,$=n(84911),S=n(73336),Y=n(38023),E=n(21860),j=n(61528),z=n(27969),B=n(98168),G=n(51927),K=n(15696),X=n(84945),W=n(26903),R=n(40939),ee=n(20933),te=n(35065),ne=n(52219),oe=n(44124);function ie(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"button",6),d.NdJ("click",(function(){const t=d.CHM(e).$implicit,n=d.oxw(4);return d.KtG(n.onClick(t))})),d.TgZ(1,"tui-avatar",7),d._uU(2),d.qZA(),d.TgZ(3,"span",8)(4,"span"),d._uU(5),d.qZA(),d.TgZ(6,"span",9),d._uU(7),d.qZA()()()}if(2&e){const e=t.$implicit;d.Q6J("disabled",e.disabled)("value",e.phone),d.xp6(1),d.Q6J("src",e.avatarUrl),d.xp6(1),d.hij(" ",e.firstName," "),d.xp6(3),d.AsE("",e.firstName," ",e.lastName,""),d.xp6(2),d.Oqu(e.phone)}}function ue(e,t){if(1&e&&(d.TgZ(0,"tui-data-list"),d.YNc(1,ie,8,7,"button",5),d.qZA()),2&e){const e=d.oxw(2).tuiLet;d.xp6(1),d.Q6J("ngForOf",e)}}function re(e,t){1&e&&(d.ynx(0),d.YNc(1,ue,2,1,"tui-data-list",4),d.BQk())}function ae(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-input-phone",2),d.NdJ("ngModelChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.value=t)}))("searchChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.onSearch(t))})),d._uU(1),d.ALo(2,"async"),d.YNc(3,re,2,0,"ng-container",3),d.qZA()}if(2&e){const e=t.tuiLet,n=d.oxw(),o=d.MAs(3);d.Q6J("allowText",!0)("tuiTextfieldCustomContent",o)("ngModel",n.value),d.xp6(1),d.hij(" ",d.lcZ(2,5,n.placeholder$)," "),d.xp6(2),d.Q6J("ngIf",null==e?null:e.length)}}function ce(e,t){if(1&e&&(d.TgZ(0,"tui-avatar",11),d._uU(1),d.qZA()),2&e){const e=t.ngIf;d.Q6J("src",e.avatarUrl),d.xp6(1),d.hij(" ",e.firstName," ")}}function se(e,t){if(1&e&&(d.YNc(0,ce,2,2,"tui-avatar",10),d.ALo(1,"async")),2&e){const e=d.oxw();d.Q6J("ngIf",d.lcZ(1,1,e.user$))}}class pe{constructor(e,t,n,o=null,i=!1){this.firstName=e,this.lastName=t,this.phone=n,this.avatarUrl=o,this.disabled=i}toString(){return`${this.firstName} ${this.lastName}`}}const le=[new pe("Roman","Sedov","+75678901234","https://avatars.githubusercontent.com/u/10106368"),new pe("Alex","Inkin","+75678901234",S.Ll`/images/avatar.jpg`)];class de{constructor(){this.search$=new Y.x,this.selected$=new Y.x,this.value="",this.user$=(0,E.T)(this.selected$,this.search$.pipe((0,j.w)((e=>this.request(e).pipe((0,z.U)((t=>this.isFullMatch(t,e)?t[0]:null))))))).pipe((0,B.b)((e=>{e&&(this.value=e.phone)}))),this.items$=this.search$.pipe((0,G.O)(""),(0,j.w)((e=>this.request(e).pipe((0,z.U)((t=>this.isFullMatch(t,e)?[]:t)))))),this.placeholder$=(0,K.a)([this.user$,this.search$]).pipe((0,z.U)((([e,t])=>e||this.getPlaceholder(t))),(0,G.O)("Phone number or name"))}onSearch(e){this.search$.next(e)}onClick(e){this.selected$.next(e)}request(e){return(0,X.of)(le.filter((t=>(0,a.TUI_DEFAULT_MATCHER)(t,e)||(0,a.TUI_DEFAULT_MATCHER)(t.phone,e)))).pipe((0,W.B)())}getPlaceholder(e){return e?e.startsWith("+")?"Phone number":"Name":"Phone number or name"}isFullMatch(e,t){return 1===e.length&&(String(e[0])===t||e[0].phone===t)}}function me(e,t){if(1&e&&(d.TgZ(0,"p")(1,"code"),d._uU(2,"InputPhone"),d.qZA(),d._uU(3," allows to input a phone number "),d.qZA(),d.TgZ(4,"tui-doc-example",2)(5,"tui-notification",3),d._uU(6," If you need to set some attributes or listen to events on native "),d.TgZ(7,"code"),d._uU(8,"input"),d.qZA(),d._uU(9," , you can put it inside with "),d.TgZ(10,"code"),d._uU(11,"Textfield"),d.qZA(),d._uU(12," directive as shown below "),d.qZA(),d._UZ(13,"tui-input-phone-example-1"),d.qZA(),d.TgZ(14,"tui-doc-example",4),d._UZ(15,"tui-input-phone-example-2"),d.qZA(),d.TgZ(16,"tui-doc-example",5),d._UZ(17,"tui-input-phone-example-3"),d.qZA()),2&e){const e=d.oxw();d.xp6(4),d.Q6J("content",e.example1),d.xp6(10),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3)}}function he(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-input-phone",14),d.NdJ("tuiDropdownOpenChange",(function(t){d.CHM(e);const n=d.oxw(2);return d.KtG(n.dropdownOpen.next(t))})),d.ALo(1,"async"),d._uU(2," Type a phone number "),d.qZA()}if(2&e){const e=d.oxw(2);d.Udp("text-align",e.textAlign),d.Q6J("countryCode",e.countryCode)("focusable",e.focusable)("formControl",e.control)("phoneMaskAfterCountryCode",e.phoneMaskAfterCountryCode)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownOpen",!!d.lcZ(1,28,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)}}function fe(e,t){1&e&&(d._uU(0," Disabled state (use "),d.TgZ(1,"code"),d._uU(2,"formControl.disable()"),d.qZA(),d._uU(3," ) "))}function ge(e,t){1&e&&d._uU(0," Country code ")}function xe(e,t){1&e&&(d._uU(0," Text mask after country code. You can use "),d.TgZ(1,"code"),d._uU(2,"#"),d.qZA(),d._uU(3," , "),d.TgZ(4,"code"),d._uU(5,"-"),d.qZA(),d._uU(6," and spaces as a template symbol "))}function ye(e,t){1&e&&d._uU(0," Textfield value to subscribe on input or setting it from the outside ")}function Te(e,t){1&e&&d._uU(0," Custom align content by text-align ")}function Ce(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo",6),d.YNc(1,he,3,30,"ng-template"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,fe,4,0,"ng-template",7),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabled=t)})),d.YNc(4,ge,1,0,"ng-template",8),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.countryCode=t)})),d.YNc(5,xe,7,0,"ng-template",9),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.phoneMaskAfterCountryCode=t)})),d.YNc(6,ye,1,0,"ng-template",10),d.qZA(),d._UZ(7,"inherited-documentation",11),d.TgZ(8,"tui-doc-documentation",12),d.YNc(9,Te,1,0,"ng-template",13),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.textAlign=t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("control",e.control),d.xp6(3),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(1),d.Q6J("documentationPropertyValues",e.countryCodes)("documentationPropertyValue",e.countryCode),d.xp6(1),d.Q6J("documentationPropertyValues",e.phoneMasksAfterCountryCode)("documentationPropertyValue",e.phoneMaskAfterCountryCode),d.xp6(2),d.Q6J("dropdown",!0),d.xp6(2),d.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function Ze(e,t){if(1&e&&(d.TgZ(0,"ol",15)(1,"li")(2,"p"),d._uU(3," Import an Angular module for forms and "),d.TgZ(4,"code"),d._uU(5,"TuiInputPhoneModule"),d.qZA(),d._uU(6," in the same module where you want to use our component: "),d.qZA(),d._UZ(7,"tui-doc-code",16),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",17),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20,"Add to the template:"),d.qZA(),d._UZ(21,"tui-doc-code",18),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(4),d.Q6J("code",e.exampleHtml)}}(Q=de).ɵfac=function(e){return new(e||Q)},Q.ɵcmp=d.Xpm({type:Q,selectors:[["tui-input-phone-example-3"]],decls:6,vars:4,consts:[[3,"allowText","tuiTextfieldCustomContent","ngModel","ngModelChange","searchChange",4,"tuiLet"],["avatar",""],[3,"allowText","tuiTextfieldCustomContent","ngModel","ngModelChange","searchChange"],[4,"ngIf"],[4,"tuiDataList"],["tuiOption","",3,"disabled","value","click",4,"ngFor","ngForOf"],["tuiOption","",3,"disabled","value","click"],["size","s",1,"tui-space_right-3",3,"src"],[1,"user"],[1,"phone"],["size","s",3,"src",4,"ngIf"],["size","s",3,"src"]],template:function(e,t){1&e&&(d.YNc(0,ae,4,7,"tui-input-phone",0),d.ALo(1,"async"),d.YNc(2,se,2,3,"ng-template",null,1,d.W1O),d.TgZ(4,"p"),d._uU(5),d.qZA()),2&e&&(d.Q6J("tuiLet",d.lcZ(1,2,t.items$)),d.xp6(5),d.hij("Value: ",t.value,""))},dependencies:[o.sg,o.O5,i.JJ,i.On,R.L,ee.q,te.v,ne.g,oe.J,y.B,b.y,U.X,o.Ov],styles:[".user[_ngcontent-%COMP%]{margin-right:auto}.phone[_ngcontent-%COMP%]{font:var(--tui-font-text-s);display:block;color:var(--tui-text-03)}"],changeDetection:0}),(0,$.gn)([a.tuiPure],de.prototype,"request",null);let Ae=(()=>{var e;class t extends m.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI("",[i.kI.required,i.kI.minLength(12)]),this.exampleForm=n.e(2207).then(n.t.bind(n,2207,17)),this.exampleModule=n.e(81627).then(n.t.bind(n,81627,17)),this.exampleHtml=n.e(43560).then(n.t.bind(n,9832,17)),this.example1={TypeScript:n.e(95894).then(n.t.bind(n,95894,17)),HTML:n.e(30508).then(n.t.bind(n,30508,17))},this.example2={TypeScript:n.e(81831).then(n.t.bind(n,81831,17)),HTML:n.e(9604).then(n.t.bind(n,9604,17))},this.example3={TypeScript:n.e(893).then(n.t.bind(n,893,17)),HTML:n.e(77707).then(n.t.bind(n,77707,17)),LESS:n.e(96912).then(n.t.bind(n,96912,17))},this.countryCodes=["+7","+850","+1","+52"],this.countryCode=this.countryCodes[0],this.phoneMasksAfterCountryCode=["(###) ###-##-##","(####)+____:-#############","### ###-####"],this.phoneMaskAfterCountryCode=this.phoneMasksAfterCountryCode[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=d.n5z(e)))(n||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-tui-input-phone"]],features:[d._Bn([{provide:h.x,useExisting:(0,d.Gpc)((()=>e))}]),d.qOj],decls:4,vars:0,consts:[["header","InputPhone","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","validated","heading","With length validator",3,"content"],["id","autocomplete","description","By number and by name","heading","With autocomplete",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","countryCode","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","phoneMaskAfterCountryCode","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","search","documentationPropertyType","string"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"countryCode","focusable","formControl","phoneMaskAfterCountryCode","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize","tuiDropdownOpenChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,me,18,3,"ng-template",1),d.YNc(2,Ce,10,9,"ng-template",1),d.YNc(3,Ze,22,3,"ng-template",1),d.qZA())},dependencies:[i.JJ,i.oH,f.o,g.Ek,x.b,y.B,T.x,C.s,Z.a,A.A,w.T,_.k,M.bZ,b.y,U.X,P.L,v.w,q.c,J.F,N.z,O.B,L.q,k.n,D.f,F,I,de,o.Ov],styles:[".item[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;margin:-.625rem 0}.avatar[_ngcontent-%COMP%]{margin-left:.75rem}.name[_ngcontent-%COMP%], .phone[_ngcontent-%COMP%]{margin:0}.phone[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-03)}"],changeDetection:0}),t})(),we=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[o.ez,i.u5,i.UX,p.wq,a.TuiLetModule,c.TuiDataListModule,c.TuiButtonModule,c.TuiSvgModule,s.TuiAvatarComponent,c.TuiDropdownModule,c.TuiTextfieldControllerModule,c.TuiHintModule,s.TuiInputPhoneModule,c.TuiLinkModule,c.TuiNotificationModule,l.f,r.fV,u.Bz.forChild((0,r.Ve)(Ae))]}),t})()}}]); \ No newline at end of file diff --git a/next/7633.d81a3f23809d69aa.js b/next/7633.d81a3f23809d69aa.js new file mode 100644 index 000000000000..36edd45e33a0 --- /dev/null +++ b/next/7633.d81a3f23809d69aa.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[7633],{7633:e=>{e.exports='\n Choose your Pythons\'\n \n\n'}}]); \ No newline at end of file diff --git a/next/7633.df84b683c1b1141a.js b/next/7633.df84b683c1b1141a.js deleted file mode 100644 index cf9b69b7af3b..000000000000 --- a/next/7633.df84b683c1b1141a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[7633],{7633:e=>{e.exports='\n Choose your Pythons\'\n \n\n'}}]); \ No newline at end of file diff --git a/next/77707.4ca61f4e0071b09c.js b/next/77707.4ca61f4e0071b09c.js new file mode 100644 index 000000000000..2757317df481 --- /dev/null +++ b/next/77707.4ca61f4e0071b09c.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[77707],{77707:n=>{n.exports='\n {{ placeholder$ | async }}\n \n \n \n \n {{ item.firstName }}\n \n \n {{ item.firstName }} {{ item.lastName }}\n {{ item.phone }}\n \n \n \n \n\n\n \n {{ user.firstName }}\n \n\n

Value: {{ value }}

\n'}}]); \ No newline at end of file diff --git a/next/77707.b0b8c201debfa66c.js b/next/77707.b0b8c201debfa66c.js deleted file mode 100644 index 89cd043fc9a8..000000000000 --- a/next/77707.b0b8c201debfa66c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[77707],{77707:n=>{n.exports='\n {{ placeholder$ | async }}\n \n \n \n \n {{ item.firstName }}\n \n \n {{ item.firstName }} {{ item.lastName }}\n {{ item.phone }}\n \n \n \n \n\n\n \n {{ user.firstName }}\n \n\n

Value: {{ value }}

\n'}}]); \ No newline at end of file diff --git a/next/78607.56bff687ba1d4473.js b/next/78607.56bff687ba1d4473.js new file mode 100644 index 000000000000..08a3fe4255ee --- /dev/null +++ b/next/78607.56bff687ba1d4473.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[78607],{78607:e=>{e.exports='
\n \n \n 0,00\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/78607.cd60fbddfaaaf5db.js b/next/78607.cd60fbddfaaaf5db.js deleted file mode 100644 index a7e3f985e9b9..000000000000 --- a/next/78607.cd60fbddfaaaf5db.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[78607],{78607:e=>{e.exports='\n \n \n 0,00\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/79099.03629052cd7d795b.js b/next/79099.03629052cd7d795b.js deleted file mode 100644 index 2b8f8c63718f..000000000000 --- a/next/79099.03629052cd7d795b.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[79099],{79099:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiValidatorModule:()=>b});var o=n(88692),i=n(69900),a=n(91795),c=n(64500),u=n(73588),l=n(84479),r=n(64537),p=n(83074),s=n(43560),d=n(93525),m=n(38868),f=n(77027),g=n(41360),h=n(50170),Z=n(1414),x=n(21082),T=n(96895),w=n(45303),A=n(52219),M=n(50020);function q(e,t){if(1&e&&r._UZ(0,"tui-data-list-wrapper",6),2&e){const e=r.oxw();r.Q6J("items",e.items)}}function v(e,t){if(1&e&&(r.TgZ(0,"tui-input",7),r._uU(1," Contact "),r.qZA()),2&e){const e=r.oxw();r.Q6J("tuiValidator",e.validator)}}function _(e,t){1&e&&(r.TgZ(0,"tui-input-phone",8),r._uU(1,"Contact"),r.qZA())}const y=function(){return{standalone:!0}};let C=(()=>{var e;class t{constructor(){this.items=["Email","Phone"],this.type=this.items[0],this.group=new i.cw({name:new i.NI("",i.kI.required),contact:new i.NI("",i.kI.required)}),this.validator=i.kI.email}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["tui-validator-example-1"]],decls:9,vars:6,consts:[[1,"b-form",3,"formGroup"],["formControlName","name"],[1,"tui-space_vertical-3",3,"ngModelOptions","ngModel","ngModelChange"],[3,"items",4,"tuiDataList"],["formControlName","contact",3,"tuiValidator",4,"ngIf","ngIfElse"],["phone",""],[3,"items"],["formControlName","contact",3,"tuiValidator"],["formControlName","contact"]],template:function(e,t){if(1&e&&(r.TgZ(0,"form",0)(1,"tui-input",1),r._uU(2,"Name"),r.qZA(),r.TgZ(3,"tui-select",2),r.NdJ("ngModelChange",(function(e){return t.type=e})),r._uU(4," Connection "),r.YNc(5,q,1,1,"tui-data-list-wrapper",3),r.qZA(),r.YNc(6,v,2,1,"tui-input",4),r.YNc(7,_,2,0,"ng-template",null,5,r.W1O),r.qZA()),2&e){const e=r.MAs(8);r.Q6J("formGroup",t.group),r.xp6(3),r.Q6J("ngModelOptions",r.DdM(5,y))("ngModel",t.type),r.xp6(3),r.Q6J("ngIf",t.type===t.items[0])("ngIfElse",e)}},dependencies:[o.O5,i._Y,i.JJ,i.JL,i.On,i.sg,i.u,f.K,g.w,h.u,Z.O,x.W,T.y,w.X,A.g,M.e],encapsulation:2,changeDetection:0}),t})();function J(e,t){if(1&e&&(r.TgZ(0,"p")(1,"code"),r._uU(2,"tuiValidator"),r.qZA(),r._uU(3," allows set validators for form control on the fly "),r.qZA(),r.TgZ(4,"tui-doc-example",3),r._UZ(5,"tui-validator-example-1"),r.qZA()),2&e){const e=r.oxw();r.xp6(4),r.Q6J("content",e.example1)}}function N(e,t){if(1&e&&(r.TgZ(0,"ol",4)(1,"li")(2,"p"),r._uU(3,"Add an import:"),r.qZA(),r._UZ(4,"tui-doc-code",5),r.qZA(),r.TgZ(5,"li")(6,"p"),r._uU(7,"Add to the template:"),r.qZA(),r._UZ(8,"tui-doc-code",6),r.qZA()()),2&e){const e=r.oxw();r.xp6(4),r.Q6J("code",e.exampleModule),r.xp6(4),r.Q6J("code",e.exampleHtml)}}let U=(()=>{var e;class t{constructor(){this.exampleModule=n.e(67869).then(n.t.bind(n,67869,17)),this.exampleHtml=n.e(44998).then(n.t.bind(n,29993,17)),this.example1={TypeScript:n.e(77427).then(n.t.bind(n,77427,17)),HTML:n.e(65672).then(n.t.bind(n,65672,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["example-tui-validator"]],decls:3,vars:0,consts:[["header","Validator","package","CDK","type","directives"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.TgZ(0,"tui-doc-page",0),r.YNc(1,J,6,1,"ng-template",1),r.YNc(2,N,9,2,"ng-template",2),r.qZA())},dependencies:[p.c,s.q,d.n,m.f,C],encapsulation:2,changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.oAB({type:e}),e.ɵinj=r.cJS({imports:[o.ez,i.u5,i.UX,l.TuiInputModule,l.TuiSelectModule,l.TuiInputPhoneModule,u.TuiDataListModule,l.TuiDataListWrapperModule,c.fV,a.Bz.forChild((0,c.Ve)(U))]}),t})()}}]); \ No newline at end of file diff --git a/next/79099.6bf1ab61d020e520.js b/next/79099.6bf1ab61d020e520.js new file mode 100644 index 000000000000..09a38646d617 --- /dev/null +++ b/next/79099.6bf1ab61d020e520.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[79099],{79099:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiValidatorModule:()=>I});var o=n(88692),i=n(69900),a=n(91795),c=n(64500),u=n(73588),l=n(84479),p=n(64537),r=n(83074),s=n(43560),d=n(93525),m=n(38868),f=n(77027),g=n(41360),h=n(50170),Z=n(1414),x=n(21082),T=n(96895),w=n(45303),A=n(52219),M=n(50020);function q(e,t){if(1&e&&p._UZ(0,"tui-data-list-wrapper",6),2&e){const e=p.oxw();p.Q6J("items",e.items)}}function v(e,t){if(1&e&&(p.TgZ(0,"tui-input",7),p._uU(1," Contact "),p.qZA()),2&e){const e=p.oxw();p.Q6J("tuiValidator",e.validator)}}function _(e,t){1&e&&(p.TgZ(0,"tui-input-phone",8),p._uU(1,"Contact"),p.qZA())}const y=function(){return{standalone:!0}};let C=(()=>{var e;class t{constructor(){this.items=["Email","Phone"],this.type=this.items[0],this.group=new i.cw({name:new i.NI("",i.kI.required),contact:new i.NI("",i.kI.required)}),this.validator=i.kI.email}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-validator-example-1"]],decls:9,vars:6,consts:[[3,"formGroup"],["formControlName","name"],[1,"tui-space_vertical-3",3,"ngModelOptions","ngModel","ngModelChange"],[3,"items",4,"tuiDataList"],["formControlName","contact",3,"tuiValidator",4,"ngIf","ngIfElse"],["phone",""],[3,"items"],["formControlName","contact",3,"tuiValidator"],["formControlName","contact"]],template:function(e,t){if(1&e&&(p.TgZ(0,"form",0)(1,"tui-input",1),p._uU(2,"Name"),p.qZA(),p.TgZ(3,"tui-select",2),p.NdJ("ngModelChange",(function(e){return t.type=e})),p._uU(4," Connection "),p.YNc(5,q,1,1,"tui-data-list-wrapper",3),p.qZA(),p.YNc(6,v,2,1,"tui-input",4),p.YNc(7,_,2,0,"ng-template",null,5,p.W1O),p.qZA()),2&e){const e=p.MAs(8);p.Q6J("formGroup",t.group),p.xp6(3),p.Q6J("ngModelOptions",p.DdM(5,y))("ngModel",t.type),p.xp6(3),p.Q6J("ngIf",t.type===t.items[0])("ngIfElse",e)}},dependencies:[o.O5,i._Y,i.JJ,i.JL,i.On,i.sg,i.u,f.K,g.w,h.u,Z.O,x.W,T.y,w.X,A.g,M.e],encapsulation:2,changeDetection:0}),t})();function J(e,t){if(1&e&&(p.TgZ(0,"p")(1,"code"),p._uU(2,"tuiValidator"),p.qZA(),p._uU(3," allows set validators for form control on the fly "),p.qZA(),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-validator-example-1"),p.qZA()),2&e){const e=p.oxw();p.xp6(4),p.Q6J("content",e.example1)}}function N(e,t){if(1&e&&(p.TgZ(0,"ol",4)(1,"li")(2,"p"),p._uU(3,"Add an import:"),p.qZA(),p._UZ(4,"tui-doc-code",5),p.qZA(),p.TgZ(5,"li")(6,"p"),p._uU(7,"Add to the template:"),p.qZA(),p._UZ(8,"tui-doc-code",6),p.qZA()()),2&e){const e=p.oxw();p.xp6(4),p.Q6J("code",e.exampleModule),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let U=(()=>{var e;class t{constructor(){this.exampleModule=n.e(67869).then(n.t.bind(n,67869,17)),this.exampleHtml=n.e(44998).then(n.t.bind(n,29993,17)),this.example1={TypeScript:n.e(77427).then(n.t.bind(n,77427,17)),HTML:n.e(65672).then(n.t.bind(n,65672,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-validator"]],decls:3,vars:0,consts:[["header","Validator","package","CDK","type","directives"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,J,6,1,"ng-template",1),p.YNc(2,N,9,2,"ng-template",2),p.qZA())},dependencies:[r.c,s.q,d.n,m.f,C],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.ez,i.u5,i.UX,l.TuiInputModule,l.TuiSelectModule,l.TuiInputPhoneModule,u.TuiDataListModule,l.TuiDataListWrapperModule,c.fV,a.Bz.forChild((0,c.Ve)(U))]}),t})()}}]); \ No newline at end of file diff --git a/next/79530.afe616a4c0e732c5.js b/next/79530.afe616a4c0e732c5.js new file mode 100644 index 000000000000..ab6f2f2e9681 --- /dev/null +++ b/next/79530.afe616a4c0e732c5.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[79530],{79530:n=>{n.exports='\n Select user\n \n \n \n {{ python }}\n \n \n \n \n Alexander Inkin\n \n \n Roman Sedov\n \n \n \n \n Add more\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/79530.ed92f418a265a1b8.js b/next/79530.ed92f418a265a1b8.js deleted file mode 100644 index eaa8d51aea71..000000000000 --- a/next/79530.ed92f418a265a1b8.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[79530],{79530:n=>{n.exports='\n Select user\n \n \n \n {{ python }}\n \n \n \n \n Alexander Inkin\n \n \n Roman Sedov\n \n \n \n \n Add more\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/80036.7f18bd081aa08c04.js b/next/80036.7f18bd081aa08c04.js new file mode 100644 index 000000000000..2f72bfd9a201 --- /dev/null +++ b/next/80036.7f18bd081aa08c04.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[80036],{80036:e=>{e.exports='\n \n\n \n \n Type an email\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/80036.c7430bf745f90b2a.js b/next/80036.c7430bf745f90b2a.js deleted file mode 100644 index 55c022402975..000000000000 --- a/next/80036.c7430bf745f90b2a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[80036],{80036:e=>{e.exports='\n \n\n \n \n Type an email\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/80253.a8e43650c372af23.js b/next/80253.eaa30bb6fc172ae7.js similarity index 86% rename from next/80253.a8e43650c372af23.js rename to next/80253.eaa30bb6fc172ae7.js index 9d427bb02637..a255b0979415 100644 --- a/next/80253.a8e43650c372af23.js +++ b/next/80253.eaa30bb6fc172ae7.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[80253],{80253:n=>{n.exports='

\n \n

\n

\n \n Hint\n \n \n

\n\n Input with accessible hint\n\n'}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[80253],{80253:n=>{n.exports='

\n \n

\n

\n \n Hint\n \n \n

\n\n Input with accessible hint\n\n'}}]); \ No newline at end of file diff --git a/next/81142.cc281ba4acaca4d6.js b/next/81142.cc281ba4acaca4d6.js new file mode 100644 index 000000000000..2dd170f6a12c --- /dev/null +++ b/next/81142.cc281ba4acaca4d6.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[81142],{81142:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputDateModule:()=>ue});var o=n(88692),a=n(69900),i=n(91795),u=n(64500),r=n(99369),d=n(73588),l=n(84479),c=n(75695),s=n(64537),p=n(53222),m=n(82880),T=n(98204),f=n(83074),g=n(10977),Z=n(62840),h=n(60404),y=n(43560),_=n(93525),x=n(38868),A=n(54218),U=n(66596),D=n(62047),C=n(40813),b=n(64374),V=n(68874),w=n(10200),q=n(3729),v=n(84848),P=n(69956),M=n(31510),J=n(36951),N=n(7114);const H=function(){return[]};let I=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new p.TuiDay(2017,0,15))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-1"]],decls:11,vars:8,consts:[[3,"formGroup","tuiTextfieldCleaner"],["formControlName","testValue","tuiUnfinishedValidator","Finish filling the field"],["formControlName","testValue",3,"error"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"p"),s._uU(2," If a field is optional, but unfinished field should be marked as invalid, use "),s.TgZ(3,"code"),s._uU(4,"tuiUnfinishedValidator"),s.qZA(),s._uU(5," directive "),s.qZA(),s.TgZ(6,"tui-input-date",1),s._uU(7," Choose a date "),s.qZA(),s._UZ(8,"tui-error",2),s.ALo(9,"async"),s.ALo(10,"tuiFieldError"),s.qZA()),2&e&&(s.Q6J("formGroup",t.testForm)("tuiTextfieldCleaner",!0),s.xp6(8),s.Q6J("error",s.lcZ(9,3,s.lcZ(10,5,s.DdM(7,H)))))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,D.j,C.k,M.Q,b.b,J.v,o.Ov,N.A],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new p.TuiDay(2017,2,15))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-2"]],decls:7,vars:2,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_vertical-4",3,"tuiTextfieldLabelOutside"],["formControlName","testValue","tuiTextfieldSize","l"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-date",1),s._uU(2," Choose a date "),s.qZA(),s.TgZ(3,"tui-input-date",2),s._uU(4," Choose a date "),s.qZA(),s.TgZ(5,"tui-input-date",3),s._uU(6," Choose a date "),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(3),s.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,D.j,C.k,V.x,w.s],encapsulation:2,changeDetection:0}),t})(),L=(()=>{var e;class t{constructor(){this.from=null,this.to=null,this.min=new p.TuiDay(2017,9,4),this.max=p.TuiDay.currentLocal(),this.items=[new l.TuiNamedDay(p.TUI_LAST_DAY.append({year:-1}),"Until today",p.TuiDay.currentLocal())]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-3"]],decls:8,vars:6,consts:[[1,"tui-text_h4"],[3,"max","min","ngModel","ngModelChange"],[3,"items","min","ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"h2",0),s._uU(1,"Taiga UI usage experience"),s.qZA(),s.TgZ(2,"p")(3,"tui-input-date",1),s.NdJ("ngModelChange",(function(e){return t.from=e})),s._uU(4," Start "),s.qZA()(),s.TgZ(5,"p")(6,"tui-input-date",2),s.NdJ("ngModelChange",(function(e){return t.to=e})),s._uU(7," Finish "),s.qZA()()),2&e&&(s.xp6(3),s.Q6J("max",t.max)("min",t.min)("ngModel",t.from),s.xp6(3),s.Q6J("items",t.items)("min",t.from||t.min)("ngModel",t.to))},dependencies:[a.JJ,a.On,D.j,C.k],encapsulation:2,changeDetection:0}),t})();var S=n(91030),Q=n(79121);let F=(()=>{var e;class t{constructor(){this.control=new a.NI(new p.TuiDay(2017,0,15))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-4"]],features:[s._Bn([{provide:p.TUI_DATE_FORMAT,useValue:"YMD"},{provide:p.TUI_DATE_SEPARATOR,useValue:"/"}])],decls:11,vars:1,consts:[[1,"tui-space_bottom-4"],[3,"formControl"],["autocomplete","bday","tuiTextfield",""]],template:function(e,t){1&e&&(s.TgZ(0,"tui-notification",0),s._uU(1," If you need to set some attributes or listen to events on native "),s.TgZ(2,"code"),s._uU(3,"input"),s.qZA(),s._uU(4," , you can put it inside with "),s.TgZ(5,"code"),s._uU(6,"Textfield"),s.qZA(),s._uU(7," directive as shown below\n"),s.qZA(),s.TgZ(8,"tui-input-date",1),s._uU(9," Choose a date "),s._UZ(10,"input",2),s.qZA()),2&e&&(s.xp6(8),s.Q6J("formControl",t.control))},dependencies:[a.JJ,a.oH,D.j,C.k,S.M,Q.L],encapsulation:2,changeDetection:0}),t})(),O=(()=>{var e;class t extends p.AbstractTuiValueTransformer{fromControlValue(e){return e&&p.TuiDay.fromLocalNativeDate(e)}toControlValue(e){return e?.toLocalNativeDate()||null}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵprov=s.Yz7({token:e,factory:e.ɵfac}),t})(),Y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵdir=s.lG2({type:e,selectors:[["tui-input-date","toNativeDate",""]],features:[s._Bn([{provide:l.TUI_DATE_VALUE_TRANSFORMER,useClass:O}])]}),t})(),E=(()=>{var e;class t{constructor(){this.nativeDateControl=new a.NI(new Date(2022,0,26)),this.defaultControl=new a.NI(new p.TuiDay(2022,0,26))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-5"]],decls:24,vars:4,consts:[[3,"formControl"],["toNativeDate","",3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"h3"),s._uU(1,"Control's output as TuiDay (default)"),s.qZA(),s.TgZ(2,"tui-input-date",0),s._uU(3,"Choose a date"),s.qZA(),s.TgZ(4,"p"),s._uU(5,"Stringified control value:"),s.qZA(),s.TgZ(6,"p")(7,"code"),s._uU(8),s.qZA()(),s._UZ(9,"hr"),s.TgZ(10,"h3"),s._uU(11,"Control's output as native Date"),s.qZA(),s.TgZ(12,"p"),s._uU(13," (see "),s.TgZ(14,"code"),s._uU(15,"toNativeDate"),s.qZA(),s._uU(16," directive)\n"),s.qZA(),s.TgZ(17,"tui-input-date",1),s._uU(18," Choose a date\n"),s.qZA(),s.TgZ(19,"p"),s._uU(20,"Stringified control value:"),s.qZA(),s.TgZ(21,"p")(22,"code"),s._uU(23),s.qZA()()),2&e&&(s.xp6(2),s.Q6J("formControl",t.defaultControl),s.xp6(6),s.Oqu(t.defaultControl.value),s.xp6(9),s.Q6J("formControl",t.nativeDateControl),s.xp6(6),s.Oqu(t.nativeDateControl.value))},dependencies:[a.JJ,a.oH,D.j,C.k,Y],encapsulation:2,changeDetection:0}),t})(),z=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new p.TuiDay(2017,0,15))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-6"]],features:[s._Bn([(0,l.tuiInputDateOptionsProvider)({nativePicker:!0})])],decls:3,vars:2,consts:[[3,"formGroup","tuiTextfieldCleaner"],["formControlName","testValue"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-date",1),s._uU(2,"Choose a date"),s.qZA()()),2&e&&s.Q6J("formGroup",t.testForm)("tuiTextfieldCleaner",!0)},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,D.j,C.k,b.b],encapsulation:2,changeDetection:0}),t})();function R(e,t){if(1&e&&(s.TgZ(0,"div",2)(1,"code"),s._uU(2,"InputDate"),s.qZA(),s._uU(3," – input with a calendar. "),s.qZA(),s.TgZ(4,"h3"),s._uU(5,"DI-tokens for date localization:"),s.qZA(),s.TgZ(6,"dl")(7,"dt")(8,"code"),s._uU(9,"TUI_DATE_FORMAT"),s.qZA()(),s.TgZ(10,"dd",3),s._uU(11," active date format ( "),s.TgZ(12,"code"),s._uU(13,"'DMY' | 'MDY' | 'YMD'"),s.qZA(),s._uU(14," ). "),s.qZA(),s.TgZ(15,"dt")(16,"code"),s._uU(17,"TUI_DATE_SEPARATOR"),s.qZA()(),s.TgZ(18,"dd"),s._uU(19,"single-character date's separator (dot, slash etc.)."),s.qZA()(),s.TgZ(20,"p",2)(21,"a",4),s._uU(22," See example "),s.qZA(),s._uU(23," with the usage of these tokens. "),s.qZA(),s.TgZ(24,"h3"),s._uU(25,"DI-tokens for input-configurations:"),s.qZA(),s.TgZ(26,"dl")(27,"dt")(28,"code"),s._uU(29,"TUI_DATE_VALUE_TRANSFORMER"),s.qZA()(),s.TgZ(30,"dd"),s._uU(31," custom format of control output ( "),s.TgZ(32,"a",5),s._uU(33," TuiDay "),s.qZA(),s._uU(34," is default). "),s.TgZ(35,"p")(36,"a",6),s._uU(37," See example "),s.qZA(),s._uU(38," with built-in "),s.TgZ(39,"a",7),s._uU(40," Date "),s.qZA(),s._uU(41," object as control's output. "),s.qZA()()(),s.TgZ(42,"tui-doc-example",8),s._UZ(43,"tui-input-date-example-1"),s.qZA(),s.TgZ(44,"tui-doc-example",9),s._UZ(45,"tui-input-date-example-2"),s.qZA(),s.TgZ(46,"tui-doc-example",10),s._UZ(47,"tui-input-date-example-3"),s.qZA(),s.TgZ(48,"tui-doc-example",11),s._UZ(49,"tui-input-date-example-4"),s.qZA(),s.TgZ(50,"tui-doc-example",12),s._UZ(51,"tui-input-date-example-5"),s.qZA(),s.TgZ(52,"tui-doc-example",13),s._UZ(53,"tui-input-date-example-6"),s.qZA()),2&e){const e=s.oxw();s.xp6(42),s.Q6J("content",e.example1),s.xp6(2),s.Q6J("content",e.example2),s.xp6(2),s.Q6J("content",e.example3),s.xp6(2),s.Q6J("content",e.example4),s.xp6(2),s.Q6J("content",e.example5),s.xp6(2),s.Q6J("content",e.example6)}}function G(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-input-date",24),s.NdJ("tuiDropdownOpenChange",(function(t){s.CHM(e);const n=s.oxw(2);return s.KtG(n.dropdownOpen.next(t))})),s.ALo(1,"async"),s._uU(2," Choose a date "),s.qZA()}if(2&e){const e=s.oxw(2);s.Udp("text-align",e.textAlign),s.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("items",e.items)("markerHandler",e.markerHandler)("max",e.max)("min",e.min)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiDropdownOpen",!!s.lcZ(1,21,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function j(e,t){1&e&&(s._uU(0," Disabled state (use "),s.TgZ(1,"code"),s._uU(2,"formControl.disable()"),s.qZA(),s._uU(3," ) "))}function B(e,t){1&e&&(s.TgZ(0,"div"),s._uU(1,"A handler that gets a date and returns true if it is disabled."),s.qZA(),s.TgZ(2,"strong"),s._uU(3,"Must be a pure function"),s.qZA())}function K(e,t){1&e&&s._uU(0," A list of preset dates for dropdown ")}function X(e,t){1&e&&s._uU(0," A handler that gets date and returns null or a tuple with circled marker colors ")}function W(e,t){1&e&&s._uU(0," Minimum date ")}function $(e,t){1&e&&s._uU(0," Maximum date ")}function ee(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function te(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo",14),s.YNc(1,G,3,23,"ng-template"),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,j,4,0,"ng-template",15),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(4,B,4,0,"ng-template",16),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabledItemHandler=t)})),s.YNc(5,K,1,0,"ng-template",17),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.items=t)})),s.YNc(6,X,1,0,"ng-template",18),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.markerHandler=t)})),s.YNc(7,W,1,0,"ng-template",19),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.min=t)})),s.YNc(8,$,1,0,"ng-template",20),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.max=t)})),s.qZA(),s._UZ(9,"inherited-documentation",21),s.TgZ(10,"tui-doc-documentation",22),s.YNc(11,ee,1,0,"ng-template",23),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.Q6J("control",e.control),s.xp6(3),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.itemsVariants)("documentationPropertyValue",e.items),s.xp6(1),s.Q6J("documentationPropertyValues",e.markerHandlerVariants)("documentationPropertyValue",e.markerHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),s.xp6(1),s.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("dropdown",!0),s.xp6(2),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function ne(e,t){if(1&e&&(s.TgZ(0,"p"),s._uU(1," Mobile calendar does not use the same dropdown with calendar as desktop uses. It uses digital keyboard. If you want to open "),s.TgZ(2,"a",25),s._uU(3," mobile calendar "),s.qZA(),s._uU(4," , add imports of "),s.TgZ(5,"code"),s._uU(6,"TuiMobileCalendarDialogModule"),s.qZA(),s._uU(7," and "),s.TgZ(8,"code"),s._uU(9,"TuiDialogModule"),s.qZA(),s._uU(10," into your root module. Also, check that you did not forget about "),s.TgZ(11,"a",26),s._uU(12," tui-root "),s.qZA()(),s.TgZ(13,"ol",27)(14,"li")(15,"p"),s._uU(16," Import an Angular module for forms and "),s.TgZ(17,"code"),s._uU(18,"TuiInputDateModule"),s.qZA(),s._uU(19," in the same module where you want to use our component: "),s.qZA(),s._UZ(20,"tui-doc-code",28),s.qZA(),s.TgZ(21,"li")(22,"p"),s._uU(23," Declare a form ( "),s.TgZ(24,"code"),s._uU(25,"FormGroup"),s.qZA(),s._uU(26," ) or a control ( "),s.TgZ(27,"code"),s._uU(28,"FormControl"),s.qZA(),s._uU(29," ) in your component: "),s.qZA(),s._UZ(30,"tui-doc-code",29),s.qZA(),s.TgZ(31,"li"),s._uU(32," Use "),s.TgZ(33,"code"),s._uU(34,"TuiInputDate"),s.qZA(),s._uU(35," in template: "),s._UZ(36,"tui-doc-code",30),s.qZA()()),2&e){const e=s.oxw();s.xp6(20),s.Q6J("code",e.exampleModule),s.xp6(10),s.Q6J("code",e.exampleForm),s.xp6(6),s.Q6J("code",e.exampleHtml)}}const oe=["var(--tui-primary)","var(--tui-info-fill)"],ae=["var(--tui-success-fill)"];let ie=(()=>{var e;class t extends m.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new a.NI(null,a.kI.required),this.exampleForm=n.e(90463).then(n.t.bind(n,90463,17)),this.exampleModule=n.e(83168).then(n.t.bind(n,83168,17)),this.exampleHtml=n.e(20862).then(n.t.bind(n,20862,17)),this.example1={TypeScript:n.e(84625).then(n.t.bind(n,84625,17)),HTML:n.e(99226).then(n.t.bind(n,99226,17))},this.example2={TypeScript:n.e(31617).then(n.t.bind(n,31617,17)),HTML:n.e(64576).then(n.t.bind(n,64576,17))},this.example3={TypeScript:n.e(96459).then(n.t.bind(n,96459,17)),HTML:n.e(74187).then(n.t.bind(n,74187,17))},this.example4={TypeScript:n.e(54884).then(n.t.bind(n,54884,17)),HTML:n.e(54075).then(n.t.bind(n,54075,17))},this.example5={TypeScript:n.e(39403).then(n.t.bind(n,39403,17)),HTML:n.e(54544).then(n.t.bind(n,54544,17)),"native-date-transformer.directive.ts":n.e(43784).then(n.t.bind(n,43784,17))},this.example6={TypeScript:n.e(25011).then(n.t.bind(n,25011,17)),HTML:n.e(555).then(n.t.bind(n,555,17))},this.minVariants=[p.TUI_FIRST_DAY,new p.TuiDay(2017,2,5),new p.TuiDay(1900,0,1),new p.TuiDay((new Date).getFullYear()+3,1,1)],this.min=this.minVariants[0],this.maxVariants=[p.TUI_LAST_DAY,new p.TuiDay(2017,11,11),new p.TuiDay(2020,2,5),new p.TuiDay(2300,0,1)],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[p.ALWAYS_FALSE_HANDLER,({day:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemsVariants=[[],[new l.TuiNamedDay(p.TUI_LAST_DAY.append({year:-1}),"Until today")]],this.markerHandlerVariants=[d.TUI_DEFAULT_MARKER_HANDLER,e=>e.day%2==0?oe:ae],this.markerHandler=this.markerHandlerVariants[0],this.items=this.itemsVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-input-date"]],features:[s._Bn([{provide:T.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","InputDate","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-9"],[1,"tui-space_bottom-5"],["fragment","date-localization","routerLink",".","tuiLink",""],["href","https://github.com/taiga-family/taiga-ui/blob/main/projects/cdk/date-time/day.ts","rel","noreferrer","target","_blank","tuiLink",""],["fragment","native-date-output","routerLink",".","tuiLink",""],["href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date","rel","noreferrer","target","_blank","tuiLink",""],["id","base","heading","Basic",3,"content"],["id","sizes","heading","sizes",3,"content"],["id","named","heading","With named dates",3,"content"],["id","date-localization","heading","Date localization",3,"content"],["id","native-date-output","heading","With native Date output",3,"content"],["id","native-input-date","heading","Native input date",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","items","documentationPropertyType","TuiNamedDay[]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","markerHandler","documentationPropertyType","TuiMarkerHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","items","markerHandler","max","min","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","tuiDropdownOpenChange"],["routerLink","/components/mobile-calendar","tuiLink",""],["routerLink","/getting-started","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,R,54,6,"ng-template",1),s.YNc(2,te,12,15,"ng-template",1),s.YNc(3,ne,37,3,"ng-template",1),s.qZA())},dependencies:[f.c,g.F,Z.z,h.B,y.q,_.n,x.f,A.w,a.JJ,a.oH,U.V,D.j,C.k,b.b,V.x,w.s,q.a,v.bZ,i.rH,P.o,I,k,L,F,E,z,o.Ov],encapsulation:2,changeDetection:0}),t})(),ue=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[u.fV,c.f,a.UX,a.u5,o.ez,d.TuiLinkModule,l.TuiRadioListModule,d.TuiButtonModule,l.TuiInputDateModule,r.TuiMobileCalendarDialogModule,l.TuiUnfinishedValidatorModule,d.TuiTextfieldControllerModule,d.TuiHintModule,d.TuiErrorModule,l.TuiFieldErrorPipeModule,d.TuiNotificationModule,i.Bz.forChild((0,u.Ve)(ie)),d.TuiDropdownModule]}),t})()}}]); \ No newline at end of file diff --git a/next/81142.ce470183288bb6ec.js b/next/81142.ce470183288bb6ec.js deleted file mode 100644 index 575f55bdd2db..000000000000 --- a/next/81142.ce470183288bb6ec.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[81142],{81142:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputDateModule:()=>ue});var o=n(88692),a=n(69900),i=n(91795),u=n(64500),r=n(99369),d=n(73588),l=n(84479),c=n(75695),s=n(64537),p=n(53222),m=n(82880),f=n(98204),T=n(83074),g=n(10977),Z=n(62840),h=n(60404),y=n(43560),_=n(93525),x=n(38868),A=n(54218),U=n(66596),b=n(62047),D=n(40813),C=n(64374),V=n(68874),w=n(10200),q=n(3729),v=n(84848),P=n(69956),M=n(31510),J=n(36951),N=n(7114);const H=function(){return[]};let I=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new p.TuiDay(2017,0,15))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-1"]],decls:11,vars:8,consts:[[1,"b-form",3,"formGroup","tuiTextfieldCleaner"],["formControlName","testValue","tuiUnfinishedValidator","Finish filling the field"],["formControlName","testValue",3,"error"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"p"),s._uU(2," If a field is optional, but unfinished field should be marked as invalid, use "),s.TgZ(3,"code"),s._uU(4,"tuiUnfinishedValidator"),s.qZA(),s._uU(5," directive "),s.qZA(),s.TgZ(6,"tui-input-date",1),s._uU(7," Choose a date "),s.qZA(),s._UZ(8,"tui-error",2),s.ALo(9,"async"),s.ALo(10,"tuiFieldError"),s.qZA()),2&e&&(s.Q6J("formGroup",t.testForm)("tuiTextfieldCleaner",!0),s.xp6(8),s.Q6J("error",s.lcZ(9,3,s.lcZ(10,5,s.DdM(7,H)))))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,b.j,D.k,M.Q,C.b,J.v,o.Ov,N.A],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new p.TuiDay(2017,2,15))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-2"]],decls:7,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_vertical-4",3,"tuiTextfieldLabelOutside"],["formControlName","testValue","tuiTextfieldSize","l"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-date",1),s._uU(2," Choose a date "),s.qZA(),s.TgZ(3,"tui-input-date",2),s._uU(4," Choose a date "),s.qZA(),s.TgZ(5,"tui-input-date",3),s._uU(6," Choose a date "),s.qZA()()),2&e&&(s.Q6J("formGroup",t.testForm),s.xp6(3),s.Q6J("tuiTextfieldLabelOutside",!0))},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,b.j,D.k,V.x,w.s],encapsulation:2,changeDetection:0}),t})(),L=(()=>{var e;class t{constructor(){this.from=null,this.to=null,this.min=new p.TuiDay(2017,9,4),this.max=p.TuiDay.currentLocal(),this.items=[new l.TuiNamedDay(p.TUI_LAST_DAY.append({year:-1}),"Until today",p.TuiDay.currentLocal())]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-3"]],decls:8,vars:6,consts:[[1,"tui-text_h4"],[1,"b-form"],[3,"max","min","ngModel","ngModelChange"],[3,"items","min","ngModel","ngModelChange"]],template:function(e,t){1&e&&(s.TgZ(0,"h2",0),s._uU(1,"Taiga UI usage experience"),s.qZA(),s.TgZ(2,"p",1)(3,"tui-input-date",2),s.NdJ("ngModelChange",(function(e){return t.from=e})),s._uU(4," Start "),s.qZA()(),s.TgZ(5,"p",1)(6,"tui-input-date",3),s.NdJ("ngModelChange",(function(e){return t.to=e})),s._uU(7," Finish "),s.qZA()()),2&e&&(s.xp6(3),s.Q6J("max",t.max)("min",t.min)("ngModel",t.from),s.xp6(3),s.Q6J("items",t.items)("min",t.from||t.min)("ngModel",t.to))},dependencies:[a.JJ,a.On,b.j,D.k],encapsulation:2,changeDetection:0}),t})();var S=n(91030),Q=n(79121);let F=(()=>{var e;class t{constructor(){this.control=new a.NI(new p.TuiDay(2017,0,15))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-4"]],features:[s._Bn([{provide:p.TUI_DATE_FORMAT,useValue:"YMD"},{provide:p.TUI_DATE_SEPARATOR,useValue:"/"}])],decls:11,vars:1,consts:[[1,"tui-space_bottom-4","b-form"],[1,"b-form",3,"formControl"],["autocomplete","bday","tuiTextfield",""]],template:function(e,t){1&e&&(s.TgZ(0,"tui-notification",0),s._uU(1," If you need to set some attributes or listen to events on native "),s.TgZ(2,"code"),s._uU(3,"input"),s.qZA(),s._uU(4," , you can put it inside with "),s.TgZ(5,"code"),s._uU(6,"Textfield"),s.qZA(),s._uU(7," directive as shown below\n"),s.qZA(),s.TgZ(8,"tui-input-date",1),s._uU(9," Choose a date "),s._UZ(10,"input",2),s.qZA()),2&e&&(s.xp6(8),s.Q6J("formControl",t.control))},dependencies:[a.JJ,a.oH,b.j,D.k,S.M,Q.L],encapsulation:2,changeDetection:0}),t})(),O=(()=>{var e;class t extends p.AbstractTuiValueTransformer{fromControlValue(e){return e&&p.TuiDay.fromLocalNativeDate(e)}toControlValue(e){return e?.toLocalNativeDate()||null}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵprov=s.Yz7({token:e,factory:e.ɵfac}),t})(),Y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵdir=s.lG2({type:e,selectors:[["tui-input-date","toNativeDate",""]],features:[s._Bn([{provide:l.TUI_DATE_VALUE_TRANSFORMER,useClass:O}])]}),t})(),E=(()=>{var e;class t{constructor(){this.nativeDateControl=new a.NI(new Date(2022,0,26)),this.defaultControl=new a.NI(new p.TuiDay(2022,0,26))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-5"]],decls:24,vars:4,consts:[[1,"b-form",3,"formControl"],["toNativeDate","",1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(s.TgZ(0,"h3"),s._uU(1,"Control's output as TuiDay (default)"),s.qZA(),s.TgZ(2,"tui-input-date",0),s._uU(3," Choose a date\n"),s.qZA(),s.TgZ(4,"p"),s._uU(5,"Stringified control value:"),s.qZA(),s.TgZ(6,"p")(7,"code"),s._uU(8),s.qZA()(),s._UZ(9,"hr"),s.TgZ(10,"h3"),s._uU(11,"Control's output as native Date"),s.qZA(),s.TgZ(12,"p"),s._uU(13," (see "),s.TgZ(14,"code"),s._uU(15,"toNativeDate"),s.qZA(),s._uU(16," directive)\n"),s.qZA(),s.TgZ(17,"tui-input-date",1),s._uU(18," Choose a date\n"),s.qZA(),s.TgZ(19,"p"),s._uU(20,"Stringified control value:"),s.qZA(),s.TgZ(21,"p")(22,"code"),s._uU(23),s.qZA()()),2&e&&(s.xp6(2),s.Q6J("formControl",t.defaultControl),s.xp6(6),s.Oqu(t.defaultControl.value),s.xp6(9),s.Q6J("formControl",t.nativeDateControl),s.xp6(6),s.Oqu(t.nativeDateControl.value))},dependencies:[a.JJ,a.oH,b.j,D.k,Y],encapsulation:2,changeDetection:0}),t})(),z=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(new p.TuiDay(2017,0,15))})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.Xpm({type:e,selectors:[["tui-input-date-example-6"]],features:[s._Bn([(0,l.tuiInputDateOptionsProvider)({nativePicker:!0})])],decls:3,vars:2,consts:[[1,"b-form",3,"formGroup","tuiTextfieldCleaner"],["formControlName","testValue"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"tui-input-date",1),s._uU(2,"Choose a date"),s.qZA()()),2&e&&s.Q6J("formGroup",t.testForm)("tuiTextfieldCleaner",!0)},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,b.j,D.k,C.b],encapsulation:2,changeDetection:0}),t})();function R(e,t){if(1&e&&(s.TgZ(0,"div",2)(1,"code"),s._uU(2,"InputDate"),s.qZA(),s._uU(3," – input with a calendar. "),s.qZA(),s.TgZ(4,"h3"),s._uU(5,"DI-tokens for date localization:"),s.qZA(),s.TgZ(6,"dl")(7,"dt")(8,"code"),s._uU(9,"TUI_DATE_FORMAT"),s.qZA()(),s.TgZ(10,"dd",3),s._uU(11," active date format ( "),s.TgZ(12,"code"),s._uU(13,"'DMY' | 'MDY' | 'YMD'"),s.qZA(),s._uU(14," ). "),s.qZA(),s.TgZ(15,"dt")(16,"code"),s._uU(17,"TUI_DATE_SEPARATOR"),s.qZA()(),s.TgZ(18,"dd"),s._uU(19,"single-character date's separator (dot, slash etc.)."),s.qZA()(),s.TgZ(20,"p",2)(21,"a",4),s._uU(22," See example "),s.qZA(),s._uU(23," with the usage of these tokens. "),s.qZA(),s.TgZ(24,"h3"),s._uU(25,"DI-tokens for input-configurations:"),s.qZA(),s.TgZ(26,"dl")(27,"dt")(28,"code"),s._uU(29,"TUI_DATE_VALUE_TRANSFORMER"),s.qZA()(),s.TgZ(30,"dd"),s._uU(31," custom format of control output ( "),s.TgZ(32,"a",5),s._uU(33," TuiDay "),s.qZA(),s._uU(34," is default). "),s.TgZ(35,"p")(36,"a",6),s._uU(37," See example "),s.qZA(),s._uU(38," with built-in "),s.TgZ(39,"a",7),s._uU(40," Date "),s.qZA(),s._uU(41," object as control's output. "),s.qZA()()(),s.TgZ(42,"tui-doc-example",8),s._UZ(43,"tui-input-date-example-1"),s.qZA(),s.TgZ(44,"tui-doc-example",9),s._UZ(45,"tui-input-date-example-2"),s.qZA(),s.TgZ(46,"tui-doc-example",10),s._UZ(47,"tui-input-date-example-3"),s.qZA(),s.TgZ(48,"tui-doc-example",11),s._UZ(49,"tui-input-date-example-4"),s.qZA(),s.TgZ(50,"tui-doc-example",12),s._UZ(51,"tui-input-date-example-5"),s.qZA(),s.TgZ(52,"tui-doc-example",13),s._UZ(53,"tui-input-date-example-6"),s.qZA()),2&e){const e=s.oxw();s.xp6(42),s.Q6J("content",e.example1),s.xp6(2),s.Q6J("content",e.example2),s.xp6(2),s.Q6J("content",e.example3),s.xp6(2),s.Q6J("content",e.example4),s.xp6(2),s.Q6J("content",e.example5),s.xp6(2),s.Q6J("content",e.example6)}}function G(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-input-date",24),s.NdJ("tuiDropdownOpenChange",(function(t){s.CHM(e);const n=s.oxw(2);return s.KtG(n.dropdownOpen.next(t))})),s.ALo(1,"async"),s._uU(2," Choose a date "),s.qZA()}if(2&e){const e=s.oxw(2);s.Udp("text-align",e.textAlign),s.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("items",e.items)("markerHandler",e.markerHandler)("max",e.max)("min",e.min)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiDropdownOpen",!!s.lcZ(1,21,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function j(e,t){1&e&&(s._uU(0," Disabled state (use "),s.TgZ(1,"code"),s._uU(2,"formControl.disable()"),s.qZA(),s._uU(3," ) "))}function B(e,t){1&e&&(s.TgZ(0,"div"),s._uU(1,"A handler that gets a date and returns true if it is disabled."),s.qZA(),s.TgZ(2,"strong"),s._uU(3,"Must be a pure function"),s.qZA())}function K(e,t){1&e&&s._uU(0," A list of preset dates for dropdown ")}function X(e,t){1&e&&s._uU(0," A handler that gets date and returns null or a tuple with circled marker colors ")}function W(e,t){1&e&&s._uU(0," Minimum date ")}function $(e,t){1&e&&s._uU(0," Maximum date ")}function ee(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function te(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo",14),s.YNc(1,G,3,23,"ng-template"),s.qZA(),s.TgZ(2,"tui-doc-documentation"),s.YNc(3,j,4,0,"ng-template",15),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(4,B,4,0,"ng-template",16),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabledItemHandler=t)})),s.YNc(5,K,1,0,"ng-template",17),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.items=t)})),s.YNc(6,X,1,0,"ng-template",18),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.markerHandler=t)})),s.YNc(7,W,1,0,"ng-template",19),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.min=t)})),s.YNc(8,$,1,0,"ng-template",20),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.max=t)})),s.qZA(),s._UZ(9,"inherited-documentation",21),s.TgZ(10,"tui-doc-documentation",22),s.YNc(11,ee,1,0,"ng-template",23),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.Q6J("control",e.control),s.xp6(3),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.itemsVariants)("documentationPropertyValue",e.items),s.xp6(1),s.Q6J("documentationPropertyValues",e.markerHandlerVariants)("documentationPropertyValue",e.markerHandler),s.xp6(1),s.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),s.xp6(1),s.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),s.xp6(1),s.Q6J("dropdown",!0),s.xp6(2),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function ne(e,t){if(1&e&&(s.TgZ(0,"p"),s._uU(1," Mobile calendar does not use the same dropdown with calendar as desktop uses. It uses digital keyboard. If you want to open "),s.TgZ(2,"a",25),s._uU(3," mobile calendar "),s.qZA(),s._uU(4," , add imports of "),s.TgZ(5,"code"),s._uU(6,"TuiMobileCalendarDialogModule"),s.qZA(),s._uU(7," and "),s.TgZ(8,"code"),s._uU(9,"TuiDialogModule"),s.qZA(),s._uU(10," into your root module. Also, check that you did not forget about "),s.TgZ(11,"a",26),s._uU(12," tui-root "),s.qZA()(),s.TgZ(13,"ol",27)(14,"li")(15,"p"),s._uU(16," Import an Angular module for forms and "),s.TgZ(17,"code"),s._uU(18,"TuiInputDateModule"),s.qZA(),s._uU(19," in the same module where you want to use our component: "),s.qZA(),s._UZ(20,"tui-doc-code",28),s.qZA(),s.TgZ(21,"li")(22,"p"),s._uU(23," Declare a form ( "),s.TgZ(24,"code"),s._uU(25,"FormGroup"),s.qZA(),s._uU(26," ) or a control ( "),s.TgZ(27,"code"),s._uU(28,"FormControl"),s.qZA(),s._uU(29," ) in your component: "),s.qZA(),s._UZ(30,"tui-doc-code",29),s.qZA(),s.TgZ(31,"li"),s._uU(32," Use "),s.TgZ(33,"code"),s._uU(34,"TuiInputDate"),s.qZA(),s._uU(35," in template: "),s._UZ(36,"tui-doc-code",30),s.qZA()()),2&e){const e=s.oxw();s.xp6(20),s.Q6J("code",e.exampleModule),s.xp6(10),s.Q6J("code",e.exampleForm),s.xp6(6),s.Q6J("code",e.exampleHtml)}}const oe=["var(--tui-primary)","var(--tui-info-fill)"],ae=["var(--tui-success-fill)"];let ie=(()=>{var e;class t extends m.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new a.NI(null,a.kI.required),this.exampleForm=n.e(90463).then(n.t.bind(n,90463,17)),this.exampleModule=n.e(83168).then(n.t.bind(n,83168,17)),this.exampleHtml=n.e(20862).then(n.t.bind(n,20862,17)),this.example1={TypeScript:n.e(84625).then(n.t.bind(n,84625,17)),HTML:n.e(99226).then(n.t.bind(n,99226,17))},this.example2={TypeScript:n.e(31617).then(n.t.bind(n,31617,17)),HTML:n.e(64576).then(n.t.bind(n,64576,17))},this.example3={TypeScript:n.e(96459).then(n.t.bind(n,96459,17)),HTML:n.e(74187).then(n.t.bind(n,74187,17))},this.example4={TypeScript:n.e(54884).then(n.t.bind(n,54884,17)),HTML:n.e(54075).then(n.t.bind(n,54075,17))},this.example5={TypeScript:n.e(39403).then(n.t.bind(n,39403,17)),HTML:n.e(54544).then(n.t.bind(n,54544,17)),"native-date-transformer.directive.ts":n.e(43784).then(n.t.bind(n,43784,17))},this.example6={TypeScript:n.e(25011).then(n.t.bind(n,25011,17)),HTML:n.e(555).then(n.t.bind(n,555,17))},this.minVariants=[p.TUI_FIRST_DAY,new p.TuiDay(2017,2,5),new p.TuiDay(1900,0,1),new p.TuiDay((new Date).getFullYear()+3,1,1)],this.min=this.minVariants[0],this.maxVariants=[p.TUI_LAST_DAY,new p.TuiDay(2017,11,11),new p.TuiDay(2020,2,5),new p.TuiDay(2300,0,1)],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[p.ALWAYS_FALSE_HANDLER,({day:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemsVariants=[[],[new l.TuiNamedDay(p.TUI_LAST_DAY.append({year:-1}),"Until today")]],this.markerHandlerVariants=[d.TUI_DEFAULT_MARKER_HANDLER,e=>e.day%2==0?oe:ae],this.markerHandler=this.markerHandlerVariants[0],this.items=this.itemsVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-input-date"]],features:[s._Bn([{provide:f.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","InputDate","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-9"],[1,"tui-space_bottom-5"],["fragment","date-localization","routerLink",".","tuiLink",""],["href","https://github.com/taiga-family/taiga-ui/blob/main/projects/cdk/date-time/day.ts","rel","noreferrer","target","_blank","tuiLink",""],["fragment","native-date-output","routerLink",".","tuiLink",""],["href","https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date","rel","noreferrer","target","_blank","tuiLink",""],["id","base","heading","Basic",3,"content"],["id","sizes","heading","sizes",3,"content"],["id","named","heading","With named dates",3,"content"],["id","date-localization","heading","Date localization",3,"content"],["id","native-date-output","heading","With native Date output",3,"content"],["id","native-input-date","heading","Native input date",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","items","documentationPropertyType","TuiNamedDay[]",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","markerHandler","documentationPropertyType","TuiMarkerHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiDay | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","items","markerHandler","max","min","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","tuiDropdownOpenChange"],["routerLink","/components/mobile-calendar","tuiLink",""],["routerLink","/getting-started","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,R,54,6,"ng-template",1),s.YNc(2,te,12,15,"ng-template",1),s.YNc(3,ne,37,3,"ng-template",1),s.qZA())},dependencies:[T.c,g.F,Z.z,h.B,y.q,_.n,x.f,A.w,a.JJ,a.oH,U.V,b.j,D.k,C.b,V.x,w.s,q.a,v.bZ,i.rH,P.o,I,k,L,F,E,z,o.Ov],encapsulation:2,changeDetection:0}),t})(),ue=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[u.fV,c.f,a.UX,a.u5,o.ez,d.TuiLinkModule,l.TuiRadioListModule,d.TuiButtonModule,l.TuiInputDateModule,r.TuiMobileCalendarDialogModule,l.TuiUnfinishedValidatorModule,d.TuiTextfieldControllerModule,d.TuiHintModule,d.TuiErrorModule,l.TuiFieldErrorPipeModule,d.TuiNotificationModule,i.Bz.forChild((0,u.Ve)(ie)),d.TuiDropdownModule]}),t})()}}]); \ No newline at end of file diff --git a/next/82122.4ca771e8a3bcf555.js b/next/82122.4ca771e8a3bcf555.js deleted file mode 100644 index b7aaff90ea6a..000000000000 --- a/next/82122.4ca771e8a3bcf555.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82122],{82122:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiPrimitiveTextfieldModule:()=>ve});var i=n(88692),o=n(69900),a=n(91795),u=n(64500),r=n(73588),l=n(84479),c=n(89570),s=n(64537);let d=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[o.u5,i.ez,u.Lx,u.mG,r.TuiModeModule,l.TuiAccordionModule]}),t})(),p=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({}),t})();var m=n(77788),f=n(75695),h=n(82387),g=n(98204),x=n(57750),y=n(54218),v=n(16406),C=n(15800),T=n(63060),P=n(62733),b=n(64374),M=n(6707),V=n(68874),w=n(10200),Z=n(88494),_=n(3729),A=n(44998),H=n(89437),J=n(87205),U=n(79121),N=n(44124),I=n(66596),O=n(34880),L=n(84848),q=n(83074),S=n(10977),F=n(62840),k=n(60404),Q=n(43560),z=n(93525),G=n(38868),D=n(53222),B=n(91030),E=n(67446),Y=n(29070),K=n(54255),j=n(15491),R=n(2697);function W(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-svg",4),s.NdJ("click",(function(){s.CHM(e);const t=s.oxw();return s.KtG(t.togglePasswordVisibility())})),s.qZA()}if(2&e){const e=s.oxw(),t=s.MAs(6);s.Q6J("src",e.icon)("tuiHint",t)}}function X(e,t){if(1&e&&s._uU(0),2&e){const e=s.oxw();s.Oqu(e.hint)}}const $=["*"];let ee=(()=>{var e;class t extends D.AbstractTuiControl{constructor(){super(...arguments),this.isPasswordHidden=!0}get focused(){return!!this.textfield?.focused}get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get icon(){return this.isPasswordHidden?"tuiIconEyeLarge":"tuiIconEyeOffLarge"}get hint(){return this.isPasswordHidden?"Show password":"Hide password"}get inputType(){return this.isPasswordHidden?"password":"text"}onFocused(e){this.updateFocused(e)}togglePasswordVisibility(){this.isPasswordHidden=!this.isPasswordHidden}getFallbackValue(){return""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["tui-primitive-textfield-example-1"]],viewQuery:function(e,t){if(1&e&&s.Gf(r.TuiPrimitiveTextfieldComponent,5),2&e){let e;s.iGM(e=s.CRH())&&(t.textfield=e.first)}},features:[s.qOj],ngContentSelectors:$,decls:7,vars:7,consts:[[3,"disabled","focusable","invalid","readOnly","tuiTextfieldIcon","value","valueChange","focusedChange"],["tuiTextfield","",3,"type"],["iconContent",""],["hintContent",""],["appearance","icon","tuiWrapper","",1,"icon",3,"src","tuiHint","click"]],template:function(e,t){if(1&e&&(s.F$t(),s.TgZ(0,"tui-primitive-textfield",0),s.NdJ("valueChange",(function(e){return t.value=e}))("focusedChange",(function(e){return t.onFocused(e)})),s.Hsn(1),s._UZ(2,"input",1),s.qZA(),s.YNc(3,W,1,2,"ng-template",null,2,s.W1O),s.YNc(5,X,1,1,"ng-template",null,3,s.W1O)),2&e){const e=s.MAs(4);s.Q6J("disabled",t.disabled)("focusable",t.focusable)("invalid",t.computedInvalid)("readOnly",t.readOnly)("tuiTextfieldIcon",e)("value",t.value),s.xp6(2),s.Q6J("type",t.inputType)}},dependencies:[T.y,P.B,B.M,Z.A,O.P,E.D,Y.x,K.t,j.D,R.o],styles:["[_nghost-%COMP%]{display:block}.icon[_ngcontent-%COMP%]{cursor:pointer;pointer-events:auto}"],changeDetection:0}),t})();var te=n(88135);let ne=(()=>{var e;class t extends D.AbstractTuiControl{get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get focused(){return!!this.textfield?.focused}onFocused(e){this.updateFocused(e)}getFallbackValue(){return""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["tui-primitive-textfield-example-2"]],viewQuery:function(e,t){if(1&e&&s.Gf(r.TuiPrimitiveTextfieldComponent,5),2&e){let e;s.iGM(e=s.CRH())&&(t.textfield=e.first)}},features:[s._Bn([(0,r.tuiTextfieldOptionsProvider)({iconCleaner:"tuiIconEdit2",hintOnDisabled:!0})]),s.qOj],decls:9,vars:5,consts:[["tuiTextfieldSize","m",1,"b-form",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["tuiLabel","Modified cleaner icon"],[3,"value","valueChange","focusedChange"],["tuiTextfield","","type","email"],["tuiLabel","Override modified cleaner icon",1,"tui-space_top-4"],["iconCleaner","tuiIconEdit2","tuiHintContent","Hint is shown for disabled control",3,"disabled","value","valueChange","focusedChange"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"label",1)(2,"tui-primitive-textfield",2),s.NdJ("valueChange",(function(e){return t.value=e}))("focusedChange",(function(e){return t.onFocused(e)})),s._uU(3," Type an email "),s._UZ(4,"input",3),s.qZA()(),s.TgZ(5,"label",4)(6,"tui-primitive-textfield",5),s.NdJ("valueChange",(function(e){return t.value=e}))("focusedChange",(function(e){return t.onFocused(e)})),s._uU(7," Type an email "),s._UZ(8,"input",3),s.qZA()()()),2&e&&(s.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),s.xp6(2),s.Q6J("value",t.value),s.xp6(4),s.Q6J("disabled",!0)("value",t.value))},dependencies:[o._Y,o.JL,o.F,T.y,P.B,B.M,b.b,V.x,w.s,L.bZ,te.A],encapsulation:2,changeDetection:0}),t})();const ie=["interactiveContent"];function oe(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"p"),s._uU(1," PrimitiveTextfield is a flexible string input that can be used as a base for complex inputs. Use it as a basis for other components. "),s.TgZ(2,"strong"),s._uU(3,"Does not work with Angular forms"),s.qZA()(),s.TgZ(4,"tui-doc-example",2)(5,"tui-notification",3),s._uU(6," Simplified version of "),s.TgZ(7,"a",4)(8,"code"),s._uU(9,"InputPassword"),s.qZA()()(),s.TgZ(10,"tui-primitive-textfield-example-1",5),s.NdJ("ngModelChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.password=t)})),s._uU(11," Type a password "),s.qZA()(),s.TgZ(12,"tui-doc-example",6)(13,"tui-notification",3),s._uU(14," If you need to set some attributes or listen to events on native "),s.TgZ(15,"code"),s._uU(16,"input"),s.qZA(),s._uU(17," , you can put it inside with "),s.TgZ(18,"code"),s._uU(19,"Textfield"),s.qZA(),s._uU(20," directive as shown below "),s.qZA(),s.TgZ(21,"tui-primitive-textfield-example-2",7),s.NdJ("ngModelChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.example2Value=t)})),s.qZA()()}if(2&e){const e=s.oxw();s.xp6(4),s.Q6J("content",e.example1),s.xp6(6),s.Q6J("ngModel",e.password),s.xp6(2),s.Q6J("content",e.example2),s.xp6(9),s.Q6J("ngModel",e.example2Value)}}function ae(e,t){if(1&e&&(s.TgZ(0,"tui-avatar",20),s._uU(1),s.qZA(),s._uU(2)),2&e){const e=t.$implicit;s.xp6(1),s.hij(" ",e," "),s.xp6(1),s.hij(" ",e," ")}}function ue(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-svg",21),s.NdJ("click",(function(){s.CHM(e);const t=s.oxw(2);return s.KtG(t.onClick())})),s.qZA()}}function re(e,t){1&e&&s._uU(0," Disabled state ")}function le(e,t){1&e&&s._uU(0," Native input allows inputting ")}function ce(e,t){1&e&&(s._uU(0," Pale text suggestion for input (e.g. HH:MM:SS for time). Use "),s.TgZ(1,"code"),s._uU(2,"tuiTextfieldFiller"),s.qZA(),s._uU(3," instead "))}function se(e,t){1&e&&(s._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of icon registered in "),s.TgZ(1,"a",22)(2,"code"),s._uU(3,"SvgService"),s.qZA()(),s.TgZ(4,"p"),s._uU(5," Requires you to import "),s.TgZ(6,"code"),s._uU(7,"TuiTextfieldControllerModule"),s.qZA()())}function de(e,t){1&e&&s._uU(0," Component is read only ")}function pe(e,t){1&e&&s._uU(0," Invalid state ")}function me(e,t){1&e&&s._uU(0," Value ")}function fe(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function he(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo")(1,"tui-primitive-textfield",8),s.NdJ("valueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.value=t)})),s._uU(2," Component label "),s.qZA()(),s.YNc(3,ae,3,2,"ng-template",null,9,s.W1O),s.YNc(5,ue,1,0,"ng-template",null,10,s.W1O),s.TgZ(7,"tui-doc-documentation"),s.YNc(8,re,1,0,"ng-template",11),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(9,le,1,0,"ng-template",12),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.editable=t)})),s.YNc(10,ce,4,0,"ng-template",13),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.filler=t)})),s.YNc(11,se,8,0,"ng-template",14),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.selectedIcon=t)})),s.YNc(12,de,1,0,"ng-template",15),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.readOnly=t)})),s.YNc(13,pe,1,0,"ng-template",16),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.invalid=t)})),s.YNc(14,me,1,0,"ng-template",17),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.value=t)})),s.qZA(),s._UZ(15,"hint-controller-documentation")(16,"textfield-controller-documentation")(17,"inherited-documentation"),s.TgZ(18,"tui-doc-documentation",18),s.YNc(19,fe,1,0,"ng-template",19),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.xp6(1),s.Udp("text-align",e.textAlign),s.Q6J("disabled",e.disabled)("editable",e.editable)("focusable",e.focusable)("invalid",e.invalid)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("readOnly",e.readOnly)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIcon",e.iconContent)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)("value",e.value),s.xp6(7),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValue",e.editable),s.xp6(1),s.Q6J("documentationPropertyDeprecated",!0)("documentationPropertyValue",e.filler),s.xp6(1),s.Q6J("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.selectedIcon),s.xp6(1),s.Q6J("documentationPropertyValue",e.readOnly),s.xp6(1),s.Q6J("documentationPropertyValue",e.invalid),s.xp6(1),s.Q6J("documentationPropertyValue",e.value),s.xp6(5),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function ge(e,t){if(1&e&&(s.TgZ(0,"ol",23)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiPrimitiveTextfieldModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",24),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Add to the template:"),s.qZA(),s._UZ(11,"tui-doc-code",25),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}const xe="Bell";let ye=(()=>{var e;class t extends x.O{constructor(){super(...arguments),this.example1={TypeScript:n.e(75945).then(n.t.bind(n,75945,17)),HTML:n.e(34943).then(n.t.bind(n,34943,17)),LESS:n.e(35047).then(n.t.bind(n,35047,17))},this.example2={TypeScript:n.e(74039).then(n.t.bind(n,74039,17)),HTML:n.e(80036).then(n.t.bind(n,80036,17))},this.exampleModule=n.e(67875).then(n.t.bind(n,67875,17)),this.exampleHtml=n.e(83057).then(n.t.bind(n,83057,17)),this.themes=["Taiga UI","Bootstrap","Material"],this.theme=this.themes[0],this.iconVariants=["","tuiIconSearchLarge","Interactive content"],this.selectedIcon=this.iconVariants[0],this.iconLeftVariants=["","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.iconLeft="",this.typeVariants=["text","email","password","tel","url"],this.cleaner=!1,this.editable=!0,this.filler="",this.prefix="",this.postfix="",this.maxLengthVariants=[10],this.maxLength=null,this.inputModeVariants=["text","numeric"],this.inputMode=this.inputModeVariants[0],this.customContentVariants=["",xe,"LongTextContent"],this.customContentSelected=this.customContentVariants[0],this.password="",this.example2Value="mail@example.com",this.value="",this.exampleText="",this.disabled=!1,this.readOnly=!1,this.labelOutside=!1,this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[2],this.hintContentVariants=["","Ivan Ivanov"],this.hintDirectionVariants=r.TUI_HINT_DIRECTIONS,this.hintAppearanceVariants=["","error","onDark"],this.invalid=!1,this.hintContent=this.hintContentVariants[0],this.hintDirection=this.hintDirectionVariants[0],this.hintAppearance=this.hintAppearanceVariants[0]}get customContent(){return this.customContentSelected===xe?'\n\n':this.customContentSelected}get iconContent(){return""===this.selectedIcon?"":this.interactiveIcon&&"tuiIconSearchLarge"!==this.selectedIcon?this.interactiveIcon:"tuiIconSearchLarge"}get isBootstrap(){return this.theme===this.themes[1]}get isMaterial(){return this.theme===this.themes[2]}get placeholder(){return this.isBootstrap?"Type a value":"Theming sample"}get customizationSize(){return this.isBootstrap?"s":"l"}onClick(){console.info("Interactive icon clicked")}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-primitive-textfield"]],viewQuery:function(e,t){if(1&e&&s.Gf(ie,5),2&e){let e;s.iGM(e=s.CRH())&&(t.interactiveIcon=e.first)}},features:[s._Bn([{provide:g.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","PrimitiveTextfield","package","CORE","type","components"],["pageTab",""],["id","example-size","heading","sizes",3,"content"],[1,"tui-space_bottom-4","b-form"],["routerLink","/components/input-password","tuiLink",""],[1,"b-form",3,"ngModel","ngModelChange"],["id","options","heading","Options",3,"content"],[3,"ngModel","ngModelChange"],[3,"disabled","editable","focusable","invalid","pseudoActive","pseudoFocus","pseudoHover","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize","value","valueChange"],["template",""],["interactiveContent",""],["documentationPropertyMode","input","documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","editable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","filler","documentationPropertyType","string",3,"documentationPropertyDeprecated","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","readOnly","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","invalid","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","value","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["size","xs",1,"avatar"],["src","tuiIconCalendarLarge",1,"icon-button",3,"click"],["routerLink","/services/svg-service","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,oe,22,4,"ng-template",1),s.YNc(2,he,20,34,"ng-template",1),s.YNc(3,ge,12,2,"ng-template",1),s.qZA())},dependencies:[o.JJ,o.On,y.w,v.F,C.O,T.y,P.B,b.b,M.B,V.x,w.s,Z.A,_.a,A.A,H.T,J.k,U.L,N.J,I.V,O.P,L.bZ,q.c,S.F,F.z,k.B,Q.q,z.n,G.f,a.rH,ee,ne],styles:["[_nghost-%COMP%]{display:block}.icon-button[_ngcontent-%COMP%]{position:relative}.avatar[_ngcontent-%COMP%]{margin-right:.5rem}.label[_ngcontent-%COMP%]{width:22.5rem}.input[_ngcontent-%COMP%]{margin-top:.25rem}"],changeDetection:0}),t})(),ve=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[i.ez,o.u5,o.UX,f.f,m.I,h.J,r.TuiPrimitiveTextfieldModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,l.TuiAvatarComponent,r.TuiLinkModule,r.TuiSvgModule,r.TuiButtonModule,c.wq,r.TuiHintModule,l.TuiRadioListModule,d,r.TuiLabelModule,r.TuiWrapperModule,p,u.fV,a.Bz.forChild((0,u.Ve)(ye))]}),t})()}}]); \ No newline at end of file diff --git a/next/82122.e65e8e86d41dcd87.js b/next/82122.e65e8e86d41dcd87.js new file mode 100644 index 000000000000..a3b8c5b6cbae --- /dev/null +++ b/next/82122.e65e8e86d41dcd87.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82122],{82122:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiPrimitiveTextfieldModule:()=>ve});var i=n(88692),o=n(69900),a=n(91795),u=n(64500),r=n(73588),l=n(84479),c=n(89570),s=n(64537);let d=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[o.u5,i.ez,u.Lx,u.mG,r.TuiModeModule,l.TuiAccordionModule]}),t})(),p=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({}),t})();var m=n(77788),f=n(75695),h=n(82387),g=n(98204),x=n(57750),y=n(54218),v=n(16406),T=n(15800),C=n(63060),P=n(62733),b=n(64374),M=n(6707),V=n(68874),w=n(10200),Z=n(88494),_=n(3729),A=n(44998),H=n(89437),J=n(87205),U=n(79121),N=n(44124),I=n(66596),O=n(34880),L=n(84848),q=n(83074),S=n(10977),F=n(62840),k=n(60404),Q=n(43560),z=n(93525),G=n(38868),D=n(53222),B=n(91030),E=n(67446),Y=n(29070),K=n(54255),j=n(15491),R=n(2697);function W(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-svg",4),s.NdJ("click",(function(){s.CHM(e);const t=s.oxw();return s.KtG(t.togglePasswordVisibility())})),s.qZA()}if(2&e){const e=s.oxw(),t=s.MAs(6);s.Q6J("src",e.icon)("tuiHint",t)}}function X(e,t){if(1&e&&s._uU(0),2&e){const e=s.oxw();s.Oqu(e.hint)}}const $=["*"];let ee=(()=>{var e;class t extends D.AbstractTuiControl{constructor(){super(...arguments),this.isPasswordHidden=!0}get focused(){return!!this.textfield?.focused}get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get icon(){return this.isPasswordHidden?"tuiIconEyeLarge":"tuiIconEyeOffLarge"}get hint(){return this.isPasswordHidden?"Show password":"Hide password"}get inputType(){return this.isPasswordHidden?"password":"text"}onFocused(e){this.updateFocused(e)}togglePasswordVisibility(){this.isPasswordHidden=!this.isPasswordHidden}getFallbackValue(){return""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["tui-primitive-textfield-example-1"]],viewQuery:function(e,t){if(1&e&&s.Gf(r.TuiPrimitiveTextfieldComponent,5),2&e){let e;s.iGM(e=s.CRH())&&(t.textfield=e.first)}},features:[s.qOj],ngContentSelectors:$,decls:7,vars:7,consts:[[3,"disabled","focusable","invalid","readOnly","tuiTextfieldIcon","value","valueChange","focusedChange"],["tuiTextfield","",3,"type"],["iconContent",""],["hintContent",""],["appearance","icon","tuiWrapper","",1,"icon",3,"src","tuiHint","click"]],template:function(e,t){if(1&e&&(s.F$t(),s.TgZ(0,"tui-primitive-textfield",0),s.NdJ("valueChange",(function(e){return t.value=e}))("focusedChange",(function(e){return t.onFocused(e)})),s.Hsn(1),s._UZ(2,"input",1),s.qZA(),s.YNc(3,W,1,2,"ng-template",null,2,s.W1O),s.YNc(5,X,1,1,"ng-template",null,3,s.W1O)),2&e){const e=s.MAs(4);s.Q6J("disabled",t.disabled)("focusable",t.focusable)("invalid",t.computedInvalid)("readOnly",t.readOnly)("tuiTextfieldIcon",e)("value",t.value),s.xp6(2),s.Q6J("type",t.inputType)}},dependencies:[C.y,P.B,B.M,Z.A,O.P,E.D,Y.x,K.t,j.D,R.o],styles:["[_nghost-%COMP%]{display:block}.icon[_ngcontent-%COMP%]{cursor:pointer;pointer-events:auto}"],changeDetection:0}),t})();var te=n(88135);let ne=(()=>{var e;class t extends D.AbstractTuiControl{get nativeFocusableElement(){return this.computedDisabled||!this.textfield?null:this.textfield.nativeFocusableElement}get focused(){return!!this.textfield?.focused}onFocused(e){this.updateFocused(e)}getFallbackValue(){return""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["tui-primitive-textfield-example-2"]],viewQuery:function(e,t){if(1&e&&s.Gf(r.TuiPrimitiveTextfieldComponent,5),2&e){let e;s.iGM(e=s.CRH())&&(t.textfield=e.first)}},features:[s._Bn([(0,r.tuiTextfieldOptionsProvider)({iconCleaner:"tuiIconEdit2",hintOnDisabled:!0})]),s.qOj],decls:9,vars:5,consts:[["tuiTextfieldSize","m",3,"tuiTextfieldCleaner","tuiTextfieldLabelOutside"],["tuiLabel","Modified cleaner icon"],[3,"value","valueChange","focusedChange"],["tuiTextfield","","type","email"],["tuiLabel","Override modified cleaner icon",1,"tui-space_top-4"],["iconCleaner","tuiIconEdit2","tuiHintContent","Hint is shown for disabled control",3,"disabled","value","valueChange","focusedChange"]],template:function(e,t){1&e&&(s.TgZ(0,"form",0)(1,"label",1)(2,"tui-primitive-textfield",2),s.NdJ("valueChange",(function(e){return t.value=e}))("focusedChange",(function(e){return t.onFocused(e)})),s._uU(3," Type an email "),s._UZ(4,"input",3),s.qZA()(),s.TgZ(5,"label",4)(6,"tui-primitive-textfield",5),s.NdJ("valueChange",(function(e){return t.value=e}))("focusedChange",(function(e){return t.onFocused(e)})),s._uU(7," Type an email "),s._UZ(8,"input",3),s.qZA()()()),2&e&&(s.Q6J("tuiTextfieldCleaner",!0)("tuiTextfieldLabelOutside",!0),s.xp6(2),s.Q6J("value",t.value),s.xp6(4),s.Q6J("disabled",!0)("value",t.value))},dependencies:[o._Y,o.JL,o.F,C.y,P.B,B.M,b.b,V.x,w.s,L.bZ,te.A],encapsulation:2,changeDetection:0}),t})();const ie=["interactiveContent"];function oe(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"p"),s._uU(1," PrimitiveTextfield is a flexible string input that can be used as a base for complex inputs. Use it as a basis for other components. "),s.TgZ(2,"strong"),s._uU(3,"Does not work with Angular forms"),s.qZA()(),s.TgZ(4,"tui-doc-example",2)(5,"tui-notification",3),s._uU(6," Simplified version of "),s.TgZ(7,"a",4)(8,"code"),s._uU(9,"InputPassword"),s.qZA()()(),s.TgZ(10,"tui-primitive-textfield-example-1",5),s.NdJ("ngModelChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.password=t)})),s._uU(11," Type a password "),s.qZA()(),s.TgZ(12,"tui-doc-example",6)(13,"tui-notification",3),s._uU(14," If you need to set some attributes or listen to events on native "),s.TgZ(15,"code"),s._uU(16,"input"),s.qZA(),s._uU(17," , you can put it inside with "),s.TgZ(18,"code"),s._uU(19,"Textfield"),s.qZA(),s._uU(20," directive as shown below "),s.qZA(),s.TgZ(21,"tui-primitive-textfield-example-2",5),s.NdJ("ngModelChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.example2Value=t)})),s.qZA()()}if(2&e){const e=s.oxw();s.xp6(4),s.Q6J("content",e.example1),s.xp6(6),s.Q6J("ngModel",e.password),s.xp6(2),s.Q6J("content",e.example2),s.xp6(9),s.Q6J("ngModel",e.example2Value)}}function ae(e,t){if(1&e&&(s.TgZ(0,"tui-avatar",19),s._uU(1),s.qZA(),s._uU(2)),2&e){const e=t.$implicit;s.xp6(1),s.hij(" ",e," "),s.xp6(1),s.hij(" ",e," ")}}function ue(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-svg",20),s.NdJ("click",(function(){s.CHM(e);const t=s.oxw(2);return s.KtG(t.onClick())})),s.qZA()}}function re(e,t){1&e&&s._uU(0," Disabled state ")}function le(e,t){1&e&&s._uU(0," Native input allows inputting ")}function ce(e,t){1&e&&(s._uU(0," Pale text suggestion for input (e.g. HH:MM:SS for time). Use "),s.TgZ(1,"code"),s._uU(2,"tuiTextfieldFiller"),s.qZA(),s._uU(3," instead "))}function se(e,t){1&e&&(s._uU(0," Icon content. If content is a string, it is used as stringified svg or a name of icon registered in "),s.TgZ(1,"a",21)(2,"code"),s._uU(3,"SvgService"),s.qZA()(),s.TgZ(4,"p"),s._uU(5," Requires you to import "),s.TgZ(6,"code"),s._uU(7,"TuiTextfieldControllerModule"),s.qZA()())}function de(e,t){1&e&&s._uU(0," Component is read only ")}function pe(e,t){1&e&&s._uU(0," Invalid state ")}function me(e,t){1&e&&s._uU(0," Value ")}function fe(e,t){1&e&&s._uU(0," Custom align content by text-align ")}function he(e,t){if(1&e){const e=s.EpF();s.TgZ(0,"tui-doc-demo")(1,"tui-primitive-textfield",7),s.NdJ("valueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.value=t)})),s._uU(2," Component label "),s.qZA()(),s.YNc(3,ae,3,2,"ng-template",null,8,s.W1O),s.YNc(5,ue,1,0,"ng-template",null,9,s.W1O),s.TgZ(7,"tui-doc-documentation"),s.YNc(8,re,1,0,"ng-template",10),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.disabled=t)})),s.YNc(9,le,1,0,"ng-template",11),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.editable=t)})),s.YNc(10,ce,4,0,"ng-template",12),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.filler=t)})),s.YNc(11,se,8,0,"ng-template",13),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.selectedIcon=t)})),s.YNc(12,de,1,0,"ng-template",14),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.readOnly=t)})),s.YNc(13,pe,1,0,"ng-template",15),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.invalid=t)})),s.YNc(14,me,1,0,"ng-template",16),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.value=t)})),s.qZA(),s._UZ(15,"hint-controller-documentation")(16,"textfield-controller-documentation")(17,"inherited-documentation"),s.TgZ(18,"tui-doc-documentation",17),s.YNc(19,fe,1,0,"ng-template",18),s.NdJ("documentationPropertyValueChange",(function(t){s.CHM(e);const n=s.oxw();return s.KtG(n.textAlign=t)})),s.qZA()}if(2&e){const e=s.oxw();s.xp6(1),s.Udp("text-align",e.textAlign),s.Q6J("disabled",e.disabled)("editable",e.editable)("focusable",e.focusable)("invalid",e.invalid)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("readOnly",e.readOnly)("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldCustomContent",e.customContent)("tuiTextfieldFiller",e.filler)("tuiTextfieldIcon",e.iconContent)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldPostfix",e.postfix)("tuiTextfieldPrefix",e.prefix)("tuiTextfieldSize",e.size)("value",e.value),s.xp6(7),s.Q6J("documentationPropertyValue",e.disabled),s.xp6(1),s.Q6J("documentationPropertyValue",e.editable),s.xp6(1),s.Q6J("documentationPropertyDeprecated",!0)("documentationPropertyValue",e.filler),s.xp6(1),s.Q6J("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.selectedIcon),s.xp6(1),s.Q6J("documentationPropertyValue",e.readOnly),s.xp6(1),s.Q6J("documentationPropertyValue",e.invalid),s.xp6(1),s.Q6J("documentationPropertyValue",e.value),s.xp6(5),s.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function ge(e,t){if(1&e&&(s.TgZ(0,"ol",22)(1,"li")(2,"p"),s._uU(3," Import "),s.TgZ(4,"code"),s._uU(5,"TuiPrimitiveTextfieldModule"),s.qZA(),s._uU(6," into a module where you want to use our component "),s.qZA(),s._UZ(7,"tui-doc-code",23),s.qZA(),s.TgZ(8,"li")(9,"p"),s._uU(10,"Add to the template:"),s.qZA(),s._UZ(11,"tui-doc-code",24),s.qZA()()),2&e){const e=s.oxw();s.xp6(7),s.Q6J("code",e.exampleModule),s.xp6(4),s.Q6J("code",e.exampleHtml)}}const xe="Bell";let ye=(()=>{var e;class t extends x.O{constructor(){super(...arguments),this.example1={TypeScript:n.e(75945).then(n.t.bind(n,75945,17)),HTML:n.e(34943).then(n.t.bind(n,34943,17)),LESS:n.e(35047).then(n.t.bind(n,35047,17))},this.example2={TypeScript:n.e(74039).then(n.t.bind(n,74039,17)),HTML:n.e(80036).then(n.t.bind(n,80036,17))},this.exampleModule=n.e(67875).then(n.t.bind(n,67875,17)),this.exampleHtml=n.e(83057).then(n.t.bind(n,83057,17)),this.themes=["Taiga UI","Bootstrap","Material"],this.theme=this.themes[0],this.iconVariants=["","tuiIconSearchLarge","Interactive content"],this.selectedIcon=this.iconVariants[0],this.iconLeftVariants=["","tuiIconPieChartLarge","tuiIconCreditCardLarge"],this.iconLeft="",this.typeVariants=["text","email","password","tel","url"],this.cleaner=!1,this.editable=!0,this.filler="",this.prefix="",this.postfix="",this.maxLengthVariants=[10],this.maxLength=null,this.inputModeVariants=["text","numeric"],this.inputMode=this.inputModeVariants[0],this.customContentVariants=["",xe,"LongTextContent"],this.customContentSelected=this.customContentVariants[0],this.password="",this.example2Value="mail@example.com",this.value="",this.exampleText="",this.disabled=!1,this.readOnly=!1,this.labelOutside=!1,this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[2],this.hintContentVariants=["","Ivan Ivanov"],this.hintDirectionVariants=r.TUI_HINT_DIRECTIONS,this.hintAppearanceVariants=["","error","onDark"],this.invalid=!1,this.hintContent=this.hintContentVariants[0],this.hintDirection=this.hintDirectionVariants[0],this.hintAppearance=this.hintAppearanceVariants[0]}get customContent(){return this.customContentSelected===xe?'\n\n':this.customContentSelected}get iconContent(){return""===this.selectedIcon?"":this.interactiveIcon&&"tuiIconSearchLarge"!==this.selectedIcon?this.interactiveIcon:"tuiIconSearchLarge"}get isBootstrap(){return this.theme===this.themes[1]}get isMaterial(){return this.theme===this.themes[2]}get placeholder(){return this.isBootstrap?"Type a value":"Theming sample"}get customizationSize(){return this.isBootstrap?"s":"l"}onClick(){console.info("Interactive icon clicked")}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.n5z(e)))(n||e)}}(),e.ɵcmp=s.Xpm({type:e,selectors:[["example-tui-primitive-textfield"]],viewQuery:function(e,t){if(1&e&&s.Gf(ie,5),2&e){let e;s.iGM(e=s.CRH())&&(t.interactiveIcon=e.first)}},features:[s._Bn([{provide:g.x,useExisting:(0,s.Gpc)((()=>e))}]),s.qOj],decls:4,vars:0,consts:[["header","PrimitiveTextfield","package","CORE","type","components"],["pageTab",""],["id","example-size","heading","sizes",3,"content"],[1,"tui-space_bottom-4"],["routerLink","/components/input-password","tuiLink",""],[3,"ngModel","ngModelChange"],["id","options","heading","Options",3,"content"],[3,"disabled","editable","focusable","invalid","pseudoActive","pseudoFocus","pseudoHover","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldCustomContent","tuiTextfieldFiller","tuiTextfieldIcon","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldPostfix","tuiTextfieldPrefix","tuiTextfieldSize","value","valueChange"],["template",""],["interactiveContent",""],["documentationPropertyMode","input","documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","editable","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","filler","documentationPropertyType","string",3,"documentationPropertyDeprecated","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiTextfieldIcon","documentationPropertyType","PolymorpheusContent",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","readOnly","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","invalid","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","value","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["size","xs",1,"avatar"],["src","tuiIconCalendarLarge",1,"icon-button",3,"click"],["routerLink","/services/svg-service","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.TgZ(0,"tui-doc-page",0),s.YNc(1,oe,22,4,"ng-template",1),s.YNc(2,he,20,34,"ng-template",1),s.YNc(3,ge,12,2,"ng-template",1),s.qZA())},dependencies:[o.JJ,o.On,y.w,v.F,T.O,C.y,P.B,b.b,M.B,V.x,w.s,Z.A,_.a,A.A,H.T,J.k,U.L,N.J,I.V,O.P,L.bZ,q.c,S.F,F.z,k.B,Q.q,z.n,G.f,a.rH,ee,ne],styles:["[_nghost-%COMP%]{display:block}.icon-button[_ngcontent-%COMP%]{position:relative}.avatar[_ngcontent-%COMP%]{margin-right:.5rem}.label[_ngcontent-%COMP%]{width:22.5rem}.input[_ngcontent-%COMP%]{margin-top:.25rem}"],changeDetection:0}),t})(),ve=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.oAB({type:e}),e.ɵinj=s.cJS({imports:[i.ez,o.u5,o.UX,f.f,m.I,h.J,r.TuiPrimitiveTextfieldModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,l.TuiAvatarComponent,r.TuiLinkModule,r.TuiSvgModule,r.TuiButtonModule,c.wq,r.TuiHintModule,l.TuiRadioListModule,d,r.TuiLabelModule,r.TuiWrapperModule,p,u.fV,a.Bz.forChild((0,u.Ve)(ye))]}),t})()}}]); \ No newline at end of file diff --git a/next/82435.effc20354e77d9d5.js b/next/82435.effc20354e77d9d5.js deleted file mode 100644 index 5b60a6a052d4..000000000000 --- a/next/82435.effc20354e77d9d5.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82435],{82435:e=>{e.exports='\n Type a sum\n\n'}}]); \ No newline at end of file diff --git a/next/82435.ffc9989b4caa2b41.js b/next/82435.ffc9989b4caa2b41.js new file mode 100644 index 000000000000..66def48c298e --- /dev/null +++ b/next/82435.ffc9989b4caa2b41.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82435],{82435:e=>{e.exports='\n Type a sum\n\n'}}]); \ No newline at end of file diff --git a/next/82745.54067ced65304c0d.js b/next/82745.54067ced65304c0d.js new file mode 100644 index 000000000000..35cfa31ac997 --- /dev/null +++ b/next/82745.54067ced65304c0d.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82745],{82745:e=>{e.exports='\n Choose a month\n \n\n'}}]); \ No newline at end of file diff --git a/next/82745.55689dac518b2745.js b/next/82745.55689dac518b2745.js deleted file mode 100644 index d94ae629f71f..000000000000 --- a/next/82745.55689dac518b2745.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82745],{82745:e=>{e.exports='\n Choose a month\n \n\n'}}]); \ No newline at end of file diff --git a/next/83140.08fa5f2ece312e1e.js b/next/83140.08fa5f2ece312e1e.js new file mode 100644 index 000000000000..724647b1afd6 --- /dev/null +++ b/next/83140.08fa5f2ece312e1e.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83140],{83140:e=>{e.exports='\n Bio\n \n\n'}}]); \ No newline at end of file diff --git a/next/83140.41f68879a58e684a.js b/next/83140.41f68879a58e684a.js deleted file mode 100644 index 9feaee0cbc49..000000000000 --- a/next/83140.41f68879a58e684a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83140],{83140:e=>{e.exports='\n Bio\n \n\n'}}]); \ No newline at end of file diff --git a/next/83339.6fd7d2e6b0085278.js b/next/83339.6fd7d2e6b0085278.js new file mode 100644 index 000000000000..caf33fc73d45 --- /dev/null +++ b/next/83339.6fd7d2e6b0085278.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83339],{83339:t=>{t.exports='
\n \n User\n \n \n
\n'}}]); \ No newline at end of file diff --git a/next/83339.8752eac8e19ff897.js b/next/83339.8752eac8e19ff897.js deleted file mode 100644 index 2e40feb1950c..000000000000 --- a/next/83339.8752eac8e19ff897.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83339],{83339:t=>{t.exports='\n \n User\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/83889.5aedf065285f0bec.js b/next/83889.5aedf065285f0bec.js deleted file mode 100644 index d8b7b3626ce0..000000000000 --- a/next/83889.5aedf065285f0bec.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83889],{83889:e=>{e.exports='
\n \n Employee\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/83889.7a4062c92915b188.js b/next/83889.7a4062c92915b188.js new file mode 100644 index 000000000000..df0771f7ce5a --- /dev/null +++ b/next/83889.7a4062c92915b188.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83889],{83889:e=>{e.exports='
\n \n Employee\n \n \n \n\n'}}]); \ No newline at end of file diff --git a/next/85654.99f486edadb72de2.js b/next/85654.99f486edadb72de2.js deleted file mode 100644 index 9a9e16358b7b..000000000000 --- a/next/85654.99f486edadb72de2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[85654],{85654:e=>{e.exports='\n

Default:

\n\n \n Choose date and time\n \n\n

With seconds:

\n\n \n Choose date and time\n \n\n

With SS and MS:

\n\n \n Choose date and time\n \n\n

Form value:

\n\n 
{{testForm.value | json}}
\n\n'}}]); \ No newline at end of file diff --git a/next/85654.bb5be1b30fbdbb75.js b/next/85654.bb5be1b30fbdbb75.js new file mode 100644 index 000000000000..8ccb21988527 --- /dev/null +++ b/next/85654.bb5be1b30fbdbb75.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[85654],{85654:e=>{e.exports='
\n

Default:

\n\n \n Choose date and time\n \n\n

With seconds:

\n\n \n Choose date and time\n \n\n

With SS and MS:

\n\n \n Choose date and time\n \n\n

Form value:

\n\n 
{{testForm.value | json}}
\n\n'}}]); \ No newline at end of file diff --git a/next/8609.6357f2784d4a6e51.js b/next/8609.6357f2784d4a6e51.js new file mode 100644 index 000000000000..ef90a8451ae6 --- /dev/null +++ b/next/8609.6357f2784d4a6e51.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[8609],{8609:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputDateTimeModule:()=>j});var o=n(88692),i=n(69900),a=n(91795),u=n(64500),r=n(73588),d=n(84479),c=n(75695),l=n(64537),p=n(53222),s=n(82880),m=n(98204),T=n(83074),f=n(10977),h=n(62840),y=n(60404),g=n(43560),Z=n(93525),x=n(38868),A=n(54218),_=n(66596),U=n(30659),M=n(64731),V=n(84848),w=n(64374),P=n(68874),q=n(10200),C=n(3729),D=n(79121),v=n(69956),H=n(91030);let b=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI([new p.TuiDay(2017,2,15),null])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-1"]],decls:10,vars:4,consts:[[3,"formGroup"],["formControlName","testValue"],["placeholder","OCT 26 1985 01:22","tuiTextfield",""]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"tui-input-date-time",1),l._uU(2," Choose date and time "),l._UZ(3,"input",2),l.qZA(),l.TgZ(4,"p"),l._uU(5,"Form value:"),l.qZA(),l.TgZ(6,"pre")(7,"code"),l._uU(8),l.ALo(9,"json"),l.qZA()()()),2&e&&(l.Q6J("formGroup",t.testForm),l.xp6(8),l.Oqu(l.lcZ(9,2,t.testForm.value)))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,U.u,M.c,H.M,o.Ts],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI([new p.TuiDay(2017,2,15),null])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-2"]],decls:19,vars:4,consts:[[3,"formGroup"],["formControlName","testValue","timeMode","HH:MM"],["formControlName","testValue","timeMode","HH:MM:SS"],["formControlName","testValue","timeMode","HH:MM:SS.MSS"]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"p"),l._uU(2,"Default:"),l.qZA(),l.TgZ(3,"tui-input-date-time",1),l._uU(4," Choose date and time "),l.qZA(),l.TgZ(5,"p"),l._uU(6,"With seconds:"),l.qZA(),l.TgZ(7,"tui-input-date-time",2),l._uU(8," Choose date and time "),l.qZA(),l.TgZ(9,"p"),l._uU(10,"With SS and MS:"),l.qZA(),l.TgZ(11,"tui-input-date-time",3),l._uU(12," Choose date and time "),l.qZA(),l.TgZ(13,"p"),l._uU(14,"Form value:"),l.qZA(),l.TgZ(15,"pre")(16,"code"),l._uU(17),l.ALo(18,"json"),l.qZA()()()),2&e&&(l.Q6J("formGroup",t.testForm),l.xp6(17),l.Oqu(l.lcZ(18,2,t.testForm.value)))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,U.u,M.c,o.Ts],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.control=new i.NI([new p.TuiDay(2017,2,15),new p.TuiTime(12,30)])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-3"]],features:[l._Bn([{provide:p.TUI_DATE_FORMAT,useValue:"YMD"},{provide:p.TUI_DATE_SEPARATOR,useValue:"/"}])],decls:2,vars:1,consts:[[3,"formControl"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-input-date-time",0),l._uU(1,"Choose date and time"),l.qZA()),2&e&&l.Q6J("formControl",t.control)},dependencies:[i.JJ,i.oH,U.u,M.c],encapsulation:2,changeDetection:0}),t})(),N=(()=>{var e;class t extends p.AbstractTuiValueTransformer{constructor(){super(...arguments),this.separator=", "}fromControlValue(e){const[t,n=""]=e.split(this.separator);return t?[p.TuiDay.normalizeParse(t),n?p.TuiTime.fromString(n):null]:[null,null]}toControlValue([e,t]){return e?e.toString()+(t?`${this.separator}${t.toString()}`:""):""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=l.n5z(e)))(n||e)}}(),e.ɵprov=l.Yz7({token:e,factory:e.ɵfac}),t})(),S=(()=>{var e;class t{constructor(){this.control=new i.NI("19.01.2022, 12:33")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-4"]],features:[l._Bn([{provide:d.TUI_DATE_TIME_VALUE_TRANSFORMER,useClass:N}])],decls:7,vars:2,consts:[[3,"formControl"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-input-date-time",0),l._uU(1,"Choose date and time"),l.qZA(),l.TgZ(2,"p"),l._uU(3,"Stringified control value:"),l.qZA(),l.TgZ(4,"p")(5,"code"),l._uU(6),l.qZA()()),2&e&&(l.Q6J("formControl",t.control),l.xp6(6),l.Oqu(t.control.value))},dependencies:[i.JJ,i.oH,U.u,M.c],encapsulation:2,changeDetection:0}),t})(),Y=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI([new p.TuiDay(2017,2,15),new p.TuiTime(12,30)])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-5"]],features:[l._Bn([(0,d.tuiInputDateOptionsProvider)({nativePicker:!0})])],decls:4,vars:2,consts:[[3,"formGroup"],["formControlName","testValue",3,"tuiTextfieldCleaner"],["placeholder","10.10.1998 01:22","tuiTextfield",""]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"tui-input-date-time",1),l._uU(2," Choose date and time "),l._UZ(3,"input",2),l.qZA()()),2&e&&(l.Q6J("formGroup",t.testForm),l.xp6(1),l.Q6J("tuiTextfieldCleaner",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,U.u,M.c,H.M,w.b],encapsulation:2,changeDetection:0}),t})();function L(e,t){if(1&e&&(l.TgZ(0,"div",2)(1,"code"),l._uU(2,"InputDateTime"),l.qZA(),l._uU(3," allows to input date and time "),l.qZA(),l.TgZ(4,"h3"),l._uU(5,"DI-tokens for date localization:"),l.qZA(),l.TgZ(6,"dl")(7,"dt")(8,"code"),l._uU(9,"TUI_DATE_FORMAT"),l.qZA()(),l.TgZ(10,"dd",3),l._uU(11," active date format ( "),l.TgZ(12,"code"),l._uU(13,"'DMY' | 'MDY' | 'YMD'"),l.qZA(),l._uU(14," ) "),l.qZA(),l.TgZ(15,"dt")(16,"code"),l._uU(17,"TUI_DATE_SEPARATOR"),l.qZA()(),l.TgZ(18,"dd"),l._uU(19,"single-character date's separator (dot, slash etc.)"),l.qZA()(),l.TgZ(20,"p",2)(21,"a",4),l._uU(22," See example "),l.qZA(),l._uU(23," with the usage of these tokens. "),l.qZA(),l.TgZ(24,"h3"),l._uU(25,"DI-tokens for input-configurations:"),l.qZA(),l.TgZ(26,"dl")(27,"dt")(28,"code"),l._uU(29,"TUI_DATE_TIME_VALUE_TRANSFORMER"),l.qZA()(),l.TgZ(30,"dd"),l._uU(31," custom format of control output ( "),l.TgZ(32,"code"),l._uU(33,"[TuiDay | null, TuiTime | null]"),l.qZA(),l._uU(34," is default). "),l.TgZ(35,"p")(36,"a",5),l._uU(37," See example "),l.qZA(),l._uU(38," with string as control's output. "),l.qZA()()(),l.TgZ(39,"tui-doc-example",6)(40,"tui-notification",7),l._uU(41," If you need to set some attributes or listen to events on native "),l.TgZ(42,"code"),l._uU(43,"input"),l.qZA(),l._uU(44," , you can put it inside with "),l.TgZ(45,"code"),l._uU(46,"Textfield"),l.qZA(),l._uU(47," directive as shown below "),l.qZA(),l._UZ(48,"tui-input-date-time-example-1"),l.qZA(),l.TgZ(49,"tui-doc-example",8),l._UZ(50,"tui-input-date-time-example-2"),l.qZA(),l.TgZ(51,"tui-doc-example",9),l._UZ(52,"tui-input-date-time-example-3"),l.qZA(),l.TgZ(53,"tui-doc-example",10),l._UZ(54,"tui-input-date-time-example-4"),l.qZA(),l.TgZ(55,"tui-doc-example",11)(56,"tui-notification",3),l._uU(57," Please note that native input datetime only supports HH:MM time mode "),l.qZA(),l._UZ(58,"tui-input-date-time-example-5"),l.qZA()),2&e){const e=l.oxw();l.xp6(39),l.Q6J("content",e.example1),l.xp6(10),l.Q6J("content",e.example2),l.xp6(2),l.Q6J("content",e.example3),l.xp6(2),l.Q6J("content",e.example4),l.xp6(2),l.Q6J("content",e.example5)}}function F(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"tui-input-date-time",22),l.NdJ("tuiDropdownOpenChange",(function(t){l.CHM(e);const n=l.oxw(2);return l.KtG(n.dropdownOpen.next(t))})),l.ALo(1,"async"),l._uU(2," Choose date and time "),l.qZA()}if(2&e){const e=l.oxw(2);l.Udp("text-align",e.textAlign),l.Q6J("defaultActiveYearMonth",e.defaultActiveYearMonth)("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("timeMode",e.mode)("tuiDropdownOpen",!!l.lcZ(1,21,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function O(e,t){1&e&&(l._uU(0," Disabled state (use "),l.TgZ(1,"code"),l._uU(2,"formControl.disable()"),l.qZA(),l._uU(3," ) "))}function Q(e,t){1&e&&(l.TgZ(0,"div"),l._uU(1,"A handler that gets a date and returns true if it is disabled."),l.qZA(),l.TgZ(2,"strong"),l._uU(3,"Must be a pure function"),l.qZA())}function E(e,t){1&e&&l._uU(0," Min date ")}function k(e,t){1&e&&l._uU(0," Max date ")}function G(e,t){1&e&&l._uU(0," The default active month that is shown when you opens calendar for the first time ")}function z(e,t){1&e&&l._uU(0," Time modes for SS and MS support ")}function R(e,t){1&e&&l._uU(0," Custom align content by text-align ")}function B(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"tui-doc-demo",12),l.YNc(1,F,3,23,"ng-template"),l.qZA(),l.TgZ(2,"tui-doc-documentation"),l.YNc(3,O,4,0,"ng-template",13),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.disabled=t)})),l.YNc(4,Q,4,0,"ng-template",14),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.disabledItemHandler=t)})),l.YNc(5,E,1,0,"ng-template",15),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.min=t)})),l.YNc(6,k,1,0,"ng-template",16),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.max=t)})),l.YNc(7,G,1,0,"ng-template",17),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.defaultActiveYearMonth=t)})),l.YNc(8,z,1,0,"ng-template",18),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.mode=t)})),l.qZA(),l._UZ(9,"inherited-documentation",19),l.TgZ(10,"tui-doc-documentation",20),l.YNc(11,R,1,0,"ng-template",21),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.textAlign=t)})),l.qZA()}if(2&e){const e=l.oxw();l.Q6J("control",e.control),l.xp6(3),l.Q6J("documentationPropertyValue",e.disabled),l.xp6(1),l.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),l.xp6(1),l.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),l.xp6(1),l.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),l.xp6(1),l.Q6J("documentationPropertyValues",e.defaultActiveYearMonthVariants)("documentationPropertyValue",e.defaultActiveYearMonth),l.xp6(1),l.Q6J("documentationPropertyValues",e.modeVariants)("documentationPropertyValue",e.mode),l.xp6(1),l.Q6J("dropdown",!0),l.xp6(2),l.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function K(e,t){if(1&e&&(l.TgZ(0,"ol",23)(1,"li")(2,"p"),l._uU(3," Import an Angular module for forms and "),l.TgZ(4,"code"),l._uU(5,"TuiInputDateTimeModule"),l.qZA(),l._uU(6," in the same module where you want to use our component: "),l.qZA(),l._UZ(7,"tui-doc-code",24),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10," Declare a form ( "),l.TgZ(11,"code"),l._uU(12,"FormGroup"),l.qZA(),l._uU(13," ) or a control ( "),l.TgZ(14,"code"),l._uU(15,"FormControl"),l.qZA(),l._uU(16," ) in your component: "),l.qZA(),l._UZ(17,"tui-doc-code",25),l.qZA(),l.TgZ(18,"li"),l._uU(19," Use in template: "),l._UZ(20,"tui-doc-code",26),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(10),l.Q6J("code",e.exampleForm),l.xp6(3),l.Q6J("code",e.exampleHtml)}}let X=(()=>{var e;class t extends s.b{constructor(){super(...arguments),this.today=p.TuiDay.currentLocal(),this.cleaner=!1,this.control=new i.NI(null,i.kI.required),this.exampleForm=n.e(93995).then(n.t.bind(n,93995,17)),this.exampleModule=n.e(13284).then(n.t.bind(n,13284,17)),this.exampleHtml=n.e(90794).then(n.t.bind(n,90794,17)),this.example1={TypeScript:n.e(12039).then(n.t.bind(n,12039,17)),HTML:n.e(41018).then(n.t.bind(n,41018,17))},this.example2={TypeScript:n.e(42673).then(n.t.bind(n,42673,17)),HTML:n.e(85654).then(n.t.bind(n,85654,17))},this.example3={TypeScript:n.e(34516).then(n.t.bind(n,34516,17)),HTML:n.e(17152).then(n.t.bind(n,17152,17))},this.example4={TypeScript:n.e(44010).then(n.t.bind(n,74832,17)),HTML:n.e(30855).then(n.t.bind(n,30855,17)),"value-transformer.ts":n.e(6014).then(n.t.bind(n,6014,17))},this.example5={TypeScript:n.e(62093).then(n.t.bind(n,62093,17)),HTML:n.e(32353).then(n.t.bind(n,32353,17))},this.minVariants=[p.TUI_FIRST_DAY,new p.TuiDay(2017,2,5),new p.TuiDay(1900,0,1),new p.TuiDay((new Date).getFullYear()+3,1,1),[this.today.append({day:-1}),new p.TuiTime(12,20)]],this.min=this.minVariants[0],this.maxVariants=[p.TUI_LAST_DAY,new p.TuiDay(2017,11,11),new p.TuiDay(2020,2,5),new p.TuiDay(2300,0,1),[this.today.append({day:1}),new p.TuiTime(16,20)]],this.max=this.maxVariants[0],this.defaultActiveYearMonthVariants=[p.TuiMonth.currentLocal(),new p.TuiMonth(2020,2),new p.TuiMonth(2017,2)],this.defaultActiveYearMonth=this.defaultActiveYearMonthVariants[0],this.disabledItemHandlerVariants=[p.ALWAYS_FALSE_HANDLER,({day:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemsVariants=[[],[new d.TuiNamedDay(p.TUI_LAST_DAY.append({year:-1}),"Until today")]],this.items=this.itemsVariants[0],this.modeVariants=["HH:MM","HH:MM:SS","HH:MM:SS.MSS"],this.mode=this.modeVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=l.n5z(e)))(n||e)}}(),e.ɵcmp=l.Xpm({type:e,selectors:[["example-tui-input-date-time"]],features:[l._Bn([{provide:m.x,useExisting:(0,l.Gpc)((()=>e))}]),l.qOj],decls:4,vars:0,consts:[["header","InputDateTime","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-9"],[1,"tui-space_bottom-5"],["fragment","date-localization","routerLink",".","tuiLink",""],["fragment","string-control-output","routerLink",".","tuiLink",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","modes","heading","Modes",3,"content"],["id","date-localization","heading","Date localization",3,"content"],["id","string-control-output","heading","With control's output as string",3,"content"],["id","native","heading","Native input datetime",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiDay | [TuiDay, TuiTime] | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiDay | [TuiDay, TuiTime] | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","defaultActiveYearMonth","documentationPropertyType","TuiMonth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","timeMode","documentationPropertyType","TuiTimeMode",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"defaultActiveYearMonth","disabledItemHandler","focusable","formControl","max","min","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","timeMode","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","tuiDropdownOpenChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,L,59,5,"ng-template",1),l.YNc(2,B,12,15,"ng-template",1),l.YNc(3,K,21,3,"ng-template",1),l.qZA())},dependencies:[T.c,f.F,h.z,y.B,g.q,Z.n,x.f,A.w,i.JJ,i.oH,_.V,U.u,M.c,V.bZ,w.b,P.x,q.s,C.a,D.L,a.rH,v.o,b,J,I,S,Y,o.Ov],encapsulation:2,changeDetection:0}),t})(),j=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[u.fV,c.f,i.UX,i.u5,o.ez,r.TuiLinkModule,d.TuiInputDateTimeModule,r.TuiHintModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,a.Bz.forChild((0,u.Ve)(X)),r.TuiDropdownModule]}),t})()}}]); \ No newline at end of file diff --git a/next/8609.9fc738ad8a3ccb89.js b/next/8609.9fc738ad8a3ccb89.js deleted file mode 100644 index c5ee92fdcd4c..000000000000 --- a/next/8609.9fc738ad8a3ccb89.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[8609],{8609:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputDateTimeModule:()=>j});var o=n(88692),i=n(69900),a=n(91795),u=n(64500),r=n(73588),d=n(84479),c=n(75695),l=n(64537),p=n(53222),s=n(82880),m=n(98204),T=n(83074),f=n(10977),h=n(62840),y=n(60404),g=n(43560),Z=n(93525),x=n(38868),A=n(54218),_=n(66596),U=n(30659),M=n(64731),V=n(84848),w=n(64374),P=n(68874),q=n(10200),C=n(3729),b=n(79121),D=n(69956),v=n(91030);let H=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI([new p.TuiDay(2017,2,15),null])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-1"]],decls:10,vars:4,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue"],["placeholder","OCT 26 1985 01:22","tuiTextfield",""]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"tui-input-date-time",1),l._uU(2," Choose date and time "),l._UZ(3,"input",2),l.qZA(),l.TgZ(4,"p"),l._uU(5,"Form value:"),l.qZA(),l.TgZ(6,"pre")(7,"code"),l._uU(8),l.ALo(9,"json"),l.qZA()()()),2&e&&(l.Q6J("formGroup",t.testForm),l.xp6(8),l.Oqu(l.lcZ(9,2,t.testForm.value)))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,U.u,M.c,v.M,o.Ts],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI([new p.TuiDay(2017,2,15),null])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-2"]],decls:19,vars:4,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","timeMode","HH:MM"],["formControlName","testValue","timeMode","HH:MM:SS"],["formControlName","testValue","timeMode","HH:MM:SS.MSS"]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"p"),l._uU(2,"Default:"),l.qZA(),l.TgZ(3,"tui-input-date-time",1),l._uU(4," Choose date and time "),l.qZA(),l.TgZ(5,"p"),l._uU(6,"With seconds:"),l.qZA(),l.TgZ(7,"tui-input-date-time",2),l._uU(8," Choose date and time "),l.qZA(),l.TgZ(9,"p"),l._uU(10,"With SS and MS:"),l.qZA(),l.TgZ(11,"tui-input-date-time",3),l._uU(12," Choose date and time "),l.qZA(),l.TgZ(13,"p"),l._uU(14,"Form value:"),l.qZA(),l.TgZ(15,"pre")(16,"code"),l._uU(17),l.ALo(18,"json"),l.qZA()()()),2&e&&(l.Q6J("formGroup",t.testForm),l.xp6(17),l.Oqu(l.lcZ(18,2,t.testForm.value)))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,U.u,M.c,o.Ts],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.control=new i.NI([new p.TuiDay(2017,2,15),new p.TuiTime(12,30)])}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-3"]],features:[l._Bn([{provide:p.TUI_DATE_FORMAT,useValue:"YMD"},{provide:p.TUI_DATE_SEPARATOR,useValue:"/"}])],decls:2,vars:1,consts:[[1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-input-date-time",0),l._uU(1," Choose date and time\n"),l.qZA()),2&e&&l.Q6J("formControl",t.control)},dependencies:[i.JJ,i.oH,U.u,M.c],encapsulation:2,changeDetection:0}),t})(),N=(()=>{var e;class t extends p.AbstractTuiValueTransformer{constructor(){super(...arguments),this.separator=", "}fromControlValue(e){const[t,n=""]=e.split(this.separator);return t?[p.TuiDay.normalizeParse(t),n?p.TuiTime.fromString(n):null]:[null,null]}toControlValue([e,t]){return e?e.toString()+(t?`${this.separator}${t.toString()}`:""):""}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=l.n5z(e)))(n||e)}}(),e.ɵprov=l.Yz7({token:e,factory:e.ɵfac}),t})(),S=(()=>{var e;class t{constructor(){this.control=new i.NI("19.01.2022, 12:33")}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-4"]],features:[l._Bn([{provide:d.TUI_DATE_TIME_VALUE_TRANSFORMER,useClass:N}])],decls:7,vars:2,consts:[[1,"b-form",3,"formControl"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-input-date-time",0),l._uU(1," Choose date and time\n"),l.qZA(),l.TgZ(2,"p"),l._uU(3,"Stringified control value:"),l.qZA(),l.TgZ(4,"p")(5,"code"),l._uU(6),l.qZA()()),2&e&&(l.Q6J("formControl",t.control),l.xp6(6),l.Oqu(t.control.value))},dependencies:[i.JJ,i.oH,U.u,M.c],encapsulation:2,changeDetection:0}),t})(),Y=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI([new p.TuiDay(2017,2,15),new p.TuiTime(12,30)])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-input-date-time-example-5"]],features:[l._Bn([(0,d.tuiInputDateOptionsProvider)({nativePicker:!0})])],decls:4,vars:2,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue",3,"tuiTextfieldCleaner"],["placeholder","10.10.1998 01:22","tuiTextfield",""]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"tui-input-date-time",1),l._uU(2," Choose date and time "),l._UZ(3,"input",2),l.qZA()()),2&e&&(l.Q6J("formGroup",t.testForm),l.xp6(1),l.Q6J("tuiTextfieldCleaner",!0))},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,U.u,M.c,v.M,w.b],encapsulation:2,changeDetection:0}),t})();function L(e,t){if(1&e&&(l.TgZ(0,"div",2)(1,"code"),l._uU(2,"InputDateTime"),l.qZA(),l._uU(3," allows to input date and time "),l.qZA(),l.TgZ(4,"h3"),l._uU(5,"DI-tokens for date localization:"),l.qZA(),l.TgZ(6,"dl")(7,"dt")(8,"code"),l._uU(9,"TUI_DATE_FORMAT"),l.qZA()(),l.TgZ(10,"dd",3),l._uU(11," active date format ( "),l.TgZ(12,"code"),l._uU(13,"'DMY' | 'MDY' | 'YMD'"),l.qZA(),l._uU(14," ) "),l.qZA(),l.TgZ(15,"dt")(16,"code"),l._uU(17,"TUI_DATE_SEPARATOR"),l.qZA()(),l.TgZ(18,"dd"),l._uU(19,"single-character date's separator (dot, slash etc.)"),l.qZA()(),l.TgZ(20,"p",2)(21,"a",4),l._uU(22," See example "),l.qZA(),l._uU(23," with the usage of these tokens. "),l.qZA(),l.TgZ(24,"h3"),l._uU(25,"DI-tokens for input-configurations:"),l.qZA(),l.TgZ(26,"dl")(27,"dt")(28,"code"),l._uU(29,"TUI_DATE_TIME_VALUE_TRANSFORMER"),l.qZA()(),l.TgZ(30,"dd"),l._uU(31," custom format of control output ( "),l.TgZ(32,"code"),l._uU(33,"[TuiDay | null, TuiTime | null]"),l.qZA(),l._uU(34," is default). "),l.TgZ(35,"p")(36,"a",5),l._uU(37," See example "),l.qZA(),l._uU(38," with string as control's output. "),l.qZA()()(),l.TgZ(39,"tui-doc-example",6)(40,"tui-notification",7),l._uU(41," If you need to set some attributes or listen to events on native "),l.TgZ(42,"code"),l._uU(43,"input"),l.qZA(),l._uU(44," , you can put it inside with "),l.TgZ(45,"code"),l._uU(46,"Textfield"),l.qZA(),l._uU(47," directive as shown below "),l.qZA(),l._UZ(48,"tui-input-date-time-example-1"),l.qZA(),l.TgZ(49,"tui-doc-example",8),l._UZ(50,"tui-input-date-time-example-2"),l.qZA(),l.TgZ(51,"tui-doc-example",9),l._UZ(52,"tui-input-date-time-example-3"),l.qZA(),l.TgZ(53,"tui-doc-example",10),l._UZ(54,"tui-input-date-time-example-4"),l.qZA(),l.TgZ(55,"tui-doc-example",11)(56,"tui-notification",3),l._uU(57," Please note that native input datetime only supports HH:MM time mode "),l.qZA(),l._UZ(58,"tui-input-date-time-example-5"),l.qZA()),2&e){const e=l.oxw();l.xp6(39),l.Q6J("content",e.example1),l.xp6(10),l.Q6J("content",e.example2),l.xp6(2),l.Q6J("content",e.example3),l.xp6(2),l.Q6J("content",e.example4),l.xp6(2),l.Q6J("content",e.example5)}}function F(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"tui-input-date-time",22),l.NdJ("tuiDropdownOpenChange",(function(t){l.CHM(e);const n=l.oxw(2);return l.KtG(n.dropdownOpen.next(t))})),l.ALo(1,"async"),l._uU(2," Choose date and time "),l.qZA()}if(2&e){const e=l.oxw(2);l.Udp("text-align",e.textAlign),l.Q6J("defaultActiveYearMonth",e.defaultActiveYearMonth)("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("timeMode",e.mode)("tuiDropdownOpen",!!l.lcZ(1,21,e.dropdownOpen))("tuiHintAppearance",e.hintAppearance)("tuiHintContent",e.hintContent)("tuiHintDirection",e.hintDirection)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function O(e,t){1&e&&(l._uU(0," Disabled state (use "),l.TgZ(1,"code"),l._uU(2,"formControl.disable()"),l.qZA(),l._uU(3," ) "))}function Q(e,t){1&e&&(l.TgZ(0,"div"),l._uU(1,"A handler that gets a date and returns true if it is disabled."),l.qZA(),l.TgZ(2,"strong"),l._uU(3,"Must be a pure function"),l.qZA())}function E(e,t){1&e&&l._uU(0," Min date ")}function k(e,t){1&e&&l._uU(0," Max date ")}function G(e,t){1&e&&l._uU(0," The default active month that is shown when you opens calendar for the first time ")}function z(e,t){1&e&&l._uU(0," Time modes for SS and MS support ")}function R(e,t){1&e&&l._uU(0," Custom align content by text-align ")}function B(e,t){if(1&e){const e=l.EpF();l.TgZ(0,"tui-doc-demo",12),l.YNc(1,F,3,23,"ng-template"),l.qZA(),l.TgZ(2,"tui-doc-documentation"),l.YNc(3,O,4,0,"ng-template",13),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.disabled=t)})),l.YNc(4,Q,4,0,"ng-template",14),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.disabledItemHandler=t)})),l.YNc(5,E,1,0,"ng-template",15),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.min=t)})),l.YNc(6,k,1,0,"ng-template",16),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.max=t)})),l.YNc(7,G,1,0,"ng-template",17),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.defaultActiveYearMonth=t)})),l.YNc(8,z,1,0,"ng-template",18),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.mode=t)})),l.qZA(),l._UZ(9,"inherited-documentation",19),l.TgZ(10,"tui-doc-documentation",20),l.YNc(11,R,1,0,"ng-template",21),l.NdJ("documentationPropertyValueChange",(function(t){l.CHM(e);const n=l.oxw();return l.KtG(n.textAlign=t)})),l.qZA()}if(2&e){const e=l.oxw();l.Q6J("control",e.control),l.xp6(3),l.Q6J("documentationPropertyValue",e.disabled),l.xp6(1),l.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),l.xp6(1),l.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),l.xp6(1),l.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),l.xp6(1),l.Q6J("documentationPropertyValues",e.defaultActiveYearMonthVariants)("documentationPropertyValue",e.defaultActiveYearMonth),l.xp6(1),l.Q6J("documentationPropertyValues",e.modeVariants)("documentationPropertyValue",e.mode),l.xp6(1),l.Q6J("dropdown",!0),l.xp6(2),l.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function K(e,t){if(1&e&&(l.TgZ(0,"ol",23)(1,"li")(2,"p"),l._uU(3," Import an Angular module for forms and "),l.TgZ(4,"code"),l._uU(5,"TuiInputDateTimeModule"),l.qZA(),l._uU(6," in the same module where you want to use our component: "),l.qZA(),l._UZ(7,"tui-doc-code",24),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10," Declare a form ( "),l.TgZ(11,"code"),l._uU(12,"FormGroup"),l.qZA(),l._uU(13," ) or a control ( "),l.TgZ(14,"code"),l._uU(15,"FormControl"),l.qZA(),l._uU(16," ) in your component: "),l.qZA(),l._UZ(17,"tui-doc-code",25),l.qZA(),l.TgZ(18,"li"),l._uU(19," Use in template: "),l._UZ(20,"tui-doc-code",26),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(10),l.Q6J("code",e.exampleForm),l.xp6(3),l.Q6J("code",e.exampleHtml)}}let X=(()=>{var e;class t extends s.b{constructor(){super(...arguments),this.today=p.TuiDay.currentLocal(),this.cleaner=!1,this.control=new i.NI(null,i.kI.required),this.exampleForm=n.e(93995).then(n.t.bind(n,93995,17)),this.exampleModule=n.e(13284).then(n.t.bind(n,13284,17)),this.exampleHtml=n.e(90794).then(n.t.bind(n,90794,17)),this.example1={TypeScript:n.e(12039).then(n.t.bind(n,12039,17)),HTML:n.e(41018).then(n.t.bind(n,41018,17))},this.example2={TypeScript:n.e(42673).then(n.t.bind(n,42673,17)),HTML:n.e(85654).then(n.t.bind(n,85654,17))},this.example3={TypeScript:n.e(34516).then(n.t.bind(n,34516,17)),HTML:n.e(17152).then(n.t.bind(n,17152,17))},this.example4={TypeScript:n.e(44010).then(n.t.bind(n,74832,17)),HTML:n.e(30855).then(n.t.bind(n,30855,17)),"value-transformer.ts":n.e(6014).then(n.t.bind(n,6014,17))},this.example5={TypeScript:n.e(62093).then(n.t.bind(n,62093,17)),HTML:n.e(32353).then(n.t.bind(n,32353,17))},this.minVariants=[p.TUI_FIRST_DAY,new p.TuiDay(2017,2,5),new p.TuiDay(1900,0,1),new p.TuiDay((new Date).getFullYear()+3,1,1),[this.today.append({day:-1}),new p.TuiTime(12,20)]],this.min=this.minVariants[0],this.maxVariants=[p.TUI_LAST_DAY,new p.TuiDay(2017,11,11),new p.TuiDay(2020,2,5),new p.TuiDay(2300,0,1),[this.today.append({day:1}),new p.TuiTime(16,20)]],this.max=this.maxVariants[0],this.defaultActiveYearMonthVariants=[p.TuiMonth.currentLocal(),new p.TuiMonth(2020,2),new p.TuiMonth(2017,2)],this.defaultActiveYearMonth=this.defaultActiveYearMonthVariants[0],this.disabledItemHandlerVariants=[p.ALWAYS_FALSE_HANDLER,({day:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0],this.itemsVariants=[[],[new d.TuiNamedDay(p.TUI_LAST_DAY.append({year:-1}),"Until today")]],this.items=this.itemsVariants[0],this.modeVariants=["HH:MM","HH:MM:SS","HH:MM:SS.MSS"],this.mode=this.modeVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=l.n5z(e)))(n||e)}}(),e.ɵcmp=l.Xpm({type:e,selectors:[["example-tui-input-date-time"]],features:[l._Bn([{provide:m.x,useExisting:(0,l.Gpc)((()=>e))}]),l.qOj],decls:4,vars:0,consts:[["header","InputDateTime","package","KIT","type","components"],["pageTab",""],[1,"tui-space_bottom-9"],[1,"tui-space_bottom-5"],["fragment","date-localization","routerLink",".","tuiLink",""],["fragment","string-control-output","routerLink",".","tuiLink",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","modes","heading","Modes",3,"content"],["id","date-localization","heading","Date localization",3,"content"],["id","string-control-output","heading","With control's output as string",3,"content"],["id","native","heading","Native input datetime",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiDay | [TuiDay, TuiTime] | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiDay | [TuiDay, TuiTime] | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","defaultActiveYearMonth","documentationPropertyType","TuiMonth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","timeMode","documentationPropertyType","TuiTimeMode",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"dropdown"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"defaultActiveYearMonth","disabledItemHandler","focusable","formControl","max","min","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","timeMode","tuiDropdownOpen","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize","tuiDropdownOpenChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,L,59,5,"ng-template",1),l.YNc(2,B,12,15,"ng-template",1),l.YNc(3,K,21,3,"ng-template",1),l.qZA())},dependencies:[T.c,f.F,h.z,y.B,g.q,Z.n,x.f,A.w,i.JJ,i.oH,_.V,U.u,M.c,V.bZ,w.b,P.x,q.s,C.a,b.L,a.rH,D.o,H,J,I,S,Y,o.Ov],encapsulation:2,changeDetection:0}),t})(),j=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[u.fV,c.f,i.UX,i.u5,o.ez,r.TuiLinkModule,d.TuiInputDateTimeModule,r.TuiHintModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,a.Bz.forChild((0,u.Ve)(X)),r.TuiDropdownModule]}),t})()}}]); \ No newline at end of file diff --git a/next/87871.1fcec553fa150697.js b/next/87871.1fcec553fa150697.js deleted file mode 100644 index cdbadc186332..000000000000 --- a/next/87871.1fcec553fa150697.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[87871],{87871:t=>{t.exports='\n \n 12h time\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/87871.7b17b92d54e8f26e.js b/next/87871.7b17b92d54e8f26e.js new file mode 100644 index 000000000000..31761f47008f --- /dev/null +++ b/next/87871.7b17b92d54e8f26e.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[87871],{87871:t=>{t.exports='
\n \n 12h time\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/88550.1bf216fcadcb5071.js b/next/88550.1bf216fcadcb5071.js deleted file mode 100644 index 9912c150bc8a..000000000000 --- a/next/88550.1bf216fcadcb5071.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[88550],{88550:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiStringifyModule:()=>k});var n=i(88692),o=i(69900),u=i(91795),a=i(64500),c=i(73588),l=i(84479),p=i(64537),r=i(79121),s=i(66596),d=i(83074),m=i(43560),g=i(93525),f=i(38868),y=i(41967),Z=i(89290),h=i(52219),T=i(50020),x=i(30114),_=i(94041),A=i(60666);function U(e,t){if(1&e&&(p._UZ(0,"tui-data-list-wrapper",2),p.ALo(1,"tuiStringifyContent"),p.ALo(2,"tuiStringify"),p.ALo(3,"tuiFilterByInputWith"),p.ALo(4,"tuiStringify")),2&e){const e=p.oxw();p.Q6J("itemContent",p.lcZ(1,2,p.lcZ(2,4,"name")))("items",p.xi3(3,6,e.items,p.lcZ(4,9,"name")))}}let M=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John Cleese",role:"Black Knight"},{name:"Eric Idle",role:"Dead collector"}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-stringify-example1"]],decls:4,vars:4,consts:[[1,"b-form",3,"stringify","ngModel","ngModelChange"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-combo-box",0),p.NdJ("ngModelChange",(function(e){return t.value=e})),p.ALo(1,"tuiStringify"),p._uU(2," Pick your guy "),p.YNc(3,U,5,11,"tui-data-list-wrapper",1),p.qZA()),2&e&&p.Q6J("stringify",p.lcZ(1,2,"name"))("ngModel",t.value)},dependencies:[o.JJ,o.On,y._,Z.m,h.g,T.e,x.Y,_.A,A.Q],encapsulation:2,changeDetection:0}),t})();function b(e,t){if(1&e&&(p._uU(0," Pipe that creates "),p.TgZ(1,"code"),p._uU(2,"TuiStringHandler"),p.qZA(),p._uU(3," by given key. "),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-stringify-example1"),p.TgZ(6,"tui-notification",4),p._uU(7," With "),p.TgZ(8,"a",5)(9,"code"),p._uU(10,"FilterByInput"),p.qZA()(),p._uU(11," and "),p.TgZ(12,"a",6)(13,"code"),p._uU(14,"StringifyContent"),p.qZA()(),p._uU(15," pipes. "),p.qZA()()),2&e){const e=p.oxw();p.xp6(4),p.Q6J("content",e.example1)}}function L(e,t){if(1&e&&(p.TgZ(0,"ol",7)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiStringifyPipeModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",8),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10,"Use pipe in template:"),p.qZA(),p._UZ(11,"tui-doc-code",9),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let S=(()=>{var e;class t{constructor(){this.exampleModule=i.e(76069).then(i.t.bind(i,76069,17)),this.exampleHtml=i.e(39057).then(i.t.bind(i,39057,17)),this.example1={TypeScript:i.e(49129).then(i.t.bind(i,49129,17)),HTML:i.e(49367).then(i.t.bind(i,49367,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-stringify"]],decls:3,vars:0,consts:[["header","Stringify","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],[1,"tui-space_top-4"],["routerLink","/pipes/filter-by-input","tuiLink",""],["routerLink","/pipes/stringify-content","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,b,16,1,"ng-template",1),p.YNc(2,L,12,2,"ng-template",2),p.qZA())},dependencies:[r.L,s.V,d.c,m.q,g.n,f.f,u.rH,M],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.u5,l.TuiFilterByInputPipeModule,l.TuiStringifyPipeModule,l.TuiStringifyContentPipeModule,c.TuiNotificationModule,c.TuiLinkModule,l.TuiComboBoxModule,c.TuiDataListModule,l.TuiDataListWrapperModule,n.ez,a.fV,u.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/88550.d643b28155ad6840.js b/next/88550.d643b28155ad6840.js new file mode 100644 index 000000000000..f65a23d289ef --- /dev/null +++ b/next/88550.d643b28155ad6840.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[88550],{88550:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiStringifyModule:()=>k});var n=i(88692),o=i(69900),u=i(91795),a=i(64500),c=i(73588),l=i(84479),p=i(64537),r=i(79121),s=i(66596),d=i(83074),m=i(43560),g=i(93525),f=i(38868),y=i(41967),Z=i(89290),h=i(52219),T=i(50020),x=i(30114),_=i(94041),A=i(60666);function U(e,t){if(1&e&&(p._UZ(0,"tui-data-list-wrapper",2),p.ALo(1,"tuiStringifyContent"),p.ALo(2,"tuiStringify"),p.ALo(3,"tuiFilterByInputWith"),p.ALo(4,"tuiStringify")),2&e){const e=p.oxw();p.Q6J("itemContent",p.lcZ(1,2,p.lcZ(2,4,"name")))("items",p.xi3(3,6,e.items,p.lcZ(4,9,"name")))}}let M=(()=>{var e;class t{constructor(){this.value=null,this.items=[{name:"John Cleese",role:"Black Knight"},{name:"Eric Idle",role:"Dead collector"}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["tui-stringify-example1"]],decls:4,vars:4,consts:[[3,"stringify","ngModel","ngModelChange"],[3,"itemContent","items",4,"tuiDataList"],[3,"itemContent","items"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-combo-box",0),p.NdJ("ngModelChange",(function(e){return t.value=e})),p.ALo(1,"tuiStringify"),p._uU(2," Pick your guy "),p.YNc(3,U,5,11,"tui-data-list-wrapper",1),p.qZA()),2&e&&p.Q6J("stringify",p.lcZ(1,2,"name"))("ngModel",t.value)},dependencies:[o.JJ,o.On,y._,Z.m,h.g,T.e,x.Y,_.A,A.Q],encapsulation:2,changeDetection:0}),t})();function b(e,t){if(1&e&&(p._uU(0," Pipe that creates "),p.TgZ(1,"code"),p._uU(2,"TuiStringHandler"),p.qZA(),p._uU(3," by given key. "),p.TgZ(4,"tui-doc-example",3),p._UZ(5,"tui-stringify-example1"),p.TgZ(6,"tui-notification",4),p._uU(7," With "),p.TgZ(8,"a",5)(9,"code"),p._uU(10,"FilterByInput"),p.qZA()(),p._uU(11," and "),p.TgZ(12,"a",6)(13,"code"),p._uU(14,"StringifyContent"),p.qZA()(),p._uU(15," pipes. "),p.qZA()()),2&e){const e=p.oxw();p.xp6(4),p.Q6J("content",e.example1)}}function L(e,t){if(1&e&&(p.TgZ(0,"ol",7)(1,"li")(2,"p"),p._uU(3," Import "),p.TgZ(4,"code"),p._uU(5,"TuiStringifyPipeModule"),p.qZA(),p._uU(6," into a module where you want to use our component "),p.qZA(),p._UZ(7,"tui-doc-code",8),p.qZA(),p.TgZ(8,"li")(9,"p"),p._uU(10,"Use pipe in template:"),p.qZA(),p._UZ(11,"tui-doc-code",9),p.qZA()()),2&e){const e=p.oxw();p.xp6(7),p.Q6J("code",e.exampleModule),p.xp6(4),p.Q6J("code",e.exampleHtml)}}let S=(()=>{var e;class t{constructor(){this.exampleModule=i.e(76069).then(i.t.bind(i,76069,17)),this.exampleHtml=i.e(39057).then(i.t.bind(i,39057,17)),this.example1={TypeScript:i.e(49129).then(i.t.bind(i,49129,17)),HTML:i.e(49367).then(i.t.bind(i,49367,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.Xpm({type:e,selectors:[["example-tui-stringify"]],decls:3,vars:0,consts:[["header","Stringify","package","KIT","type","pipes"],["pageTab",""],["pageTab","Setup"],["id","base","heading","Basic",3,"content"],[1,"tui-space_top-4"],["routerLink","/pipes/filter-by-input","tuiLink",""],["routerLink","/pipes/stringify-content","tuiLink",""],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(p.TgZ(0,"tui-doc-page",0),p.YNc(1,b,16,1,"ng-template",1),p.YNc(2,L,12,2,"ng-template",2),p.qZA())},dependencies:[r.L,s.V,d.c,m.q,g.n,f.f,u.rH,M],encapsulation:2,changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.oAB({type:e}),e.ɵinj=p.cJS({imports:[o.u5,l.TuiFilterByInputPipeModule,l.TuiStringifyPipeModule,l.TuiStringifyContentPipeModule,c.TuiNotificationModule,c.TuiLinkModule,l.TuiComboBoxModule,c.TuiDataListModule,l.TuiDataListWrapperModule,n.ez,a.fV,u.Bz.forChild((0,a.Ve)(S))]}),t})()}}]); \ No newline at end of file diff --git a/next/88753.98e0c8f41dc6fe3f.js b/next/88753.98e0c8f41dc6fe3f.js new file mode 100644 index 000000000000..dfc002b924f7 --- /dev/null +++ b/next/88753.98e0c8f41dc6fe3f.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[88753],{88753:e=>{e.exports='\n Find the best employees\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/88753.e908609931d06434.js b/next/88753.e908609931d06434.js deleted file mode 100644 index 79c6a484e22d..000000000000 --- a/next/88753.e908609931d06434.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[88753],{88753:e=>{e.exports='\n Find the best employees\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/88939.6058a0feff63db1d.js b/next/88939.6058a0feff63db1d.js deleted file mode 100644 index 0ba89384d54b..000000000000 --- a/next/88939.6058a0feff63db1d.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[88939],{88939:e=>{e.exports='\n \n I\'m a\n placeholder\n \n \n I\'m a\n placeholder\n \n \n I\'m a\n placeholder\n \n\n'}}]); \ No newline at end of file diff --git a/next/88939.fbc6b34ae14c8bad.js b/next/88939.fbc6b34ae14c8bad.js new file mode 100644 index 000000000000..a50de230080b --- /dev/null +++ b/next/88939.fbc6b34ae14c8bad.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[88939],{88939:e=>{e.exports='
\n \n I\'m a\n placeholder\n \n \n I\'m a\n placeholder\n \n \n I\'m a\n placeholder\n \n\n'}}]); \ No newline at end of file diff --git a/next/90772.4242386b95ebe166.js b/next/90772.4242386b95ebe166.js new file mode 100644 index 000000000000..dbcd3c628012 --- /dev/null +++ b/next/90772.4242386b95ebe166.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[90772],{90772:e=>{e.exports='Choose dates\n\n

Stringified control value:

\n

\n {{ control.value }}\n

\n'}}]); \ No newline at end of file diff --git a/next/90772.462cb4751c2d79ca.js b/next/90772.462cb4751c2d79ca.js deleted file mode 100644 index 98f0d34c91c4..000000000000 --- a/next/90772.462cb4751c2d79ca.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[90772],{90772:n=>{n.exports='\n Choose dates\n\n\n

Stringified control value:

\n

\n {{ control.value }}\n

\n'}}]); \ No newline at end of file diff --git a/next/91760.6214e90b85fa0778.js b/next/91760.f9e17a82a6e1e1b8.js similarity index 57% rename from next/91760.6214e90b85fa0778.js rename to next/91760.f9e17a82a6e1e1b8.js index ccc3b26226a8..75b1cb90de51 100644 --- a/next/91760.6214e90b85fa0778.js +++ b/next/91760.f9e17a82a6e1e1b8.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[91760],{91760:t=>{t.exports='\n Show \'s\' size\n\n\n

\n \n Show \'m\' size\n \n

\n\n\n Show \'l\' size\n\n\n\n
\n
\n \n \n \n \n \n
\n
\n\n'}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[91760],{91760:t=>{t.exports='\n Show \'s\' size\n\n\n

\n \n Show \'m\' size\n \n

\n\n\n Show \'l\' size\n\n\n\n
\n
\n \n \n \n \n \n
\n
\n\n'}}]); \ No newline at end of file diff --git a/next/91839.add267f34d8d5960.js b/next/91839.add267f34d8d5960.js new file mode 100644 index 000000000000..504f4d9a0918 --- /dev/null +++ b/next/91839.add267f34d8d5960.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[91839],{91839:e=>{e.exports='
\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n \n

\n
\n'}}]); \ No newline at end of file diff --git a/next/91839.ea101daf79a2b4dc.js b/next/91839.ea101daf79a2b4dc.js deleted file mode 100644 index a37285b41d1a..000000000000 --- a/next/91839.ea101daf79a2b4dc.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[91839],{91839:e=>{e.exports='\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n

\n

\n \n Type an email\n \n \n \n

\n\n'}}]); \ No newline at end of file diff --git a/next/93228.9a979008b0a966c0.js b/next/93228.9a979008b0a966c0.js new file mode 100644 index 000000000000..f0479912da23 --- /dev/null +++ b/next/93228.9a979008b0a966c0.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93228],{93228:(e,t,n)=>{n.r(t),n.d(t,{ExampleInputMonthModule:()=>G});var o=n(88692),i=n(69900),a=n(91795),u=n(64500),r=n(73588),l=n(84479),c=n(75695),d=n(64537),m=n(53222),p=n(82880),s=n(98204),h=n(83074),f=n(10977),x=n(62840),T=n(60404),g=n(43560),y=n(93525),Z=n(38868),_=n(54218),b=n(55409),A=n(35607),C=n(64374),P=n(68874),U=n(10200),V=n(3729),M=n(79121),w=n(91030);let q=(()=>{var e;class t{constructor(){this.control=new i.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["input-month-example-1"]],decls:3,vars:2,consts:[[3,"formControl","tuiTextfieldCleaner"],["placeholder","Not September please","tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-month",0),d._uU(1," Choose a month "),d._UZ(2,"input",1),d.qZA()),2&e&&d.Q6J("formControl",t.control)("tuiTextfieldCleaner",!0)},dependencies:[i.JJ,i.oH,b.X,A.g,w.M,C.b],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["input-month-example-2"]],decls:7,vars:1,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",1,"tui-space_bottom-2"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_bottom-2"],["formControlName","testValue"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-month",1),d._uU(2," Choose a month "),d.qZA(),d.TgZ(3,"tui-input-month",2),d._uU(4," Choose a month "),d.qZA(),d.TgZ(5,"tui-input-month",3),d._uU(6,"Choose a month"),d.qZA()()),2&e&&d.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,b.X,A.g,U.s],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.control=new i.NI(null),this.min=m.TuiMonth.currentLocal().append({month:-12}),this.max=m.TuiMonth.currentLocal().append({month:12})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["input-month-example-3"]],features:[d._Bn([(0,l.tuiInputDateOptionsProvider)({nativePicker:!0})])],decls:3,vars:4,consts:[[3,"formControl","max","min","tuiTextfieldCleaner"],["placeholder","Not September please","tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-month",0),d._uU(1," Choose a month "),d._UZ(2,"input",1),d.qZA()),2&e&&d.Q6J("formControl",t.control)("max",t.max)("min",t.min)("tuiTextfieldCleaner",!0)},dependencies:[i.JJ,i.oH,b.X,A.g,w.M,C.b],encapsulation:2,changeDetection:0}),t})();function N(e,t){if(1&e&&(d.TgZ(0,"p"),d._uU(1,"Component to input a single month"),d.qZA(),d.TgZ(2,"tui-doc-example",2)(3,"tui-notification",3),d._uU(4," If you need to set some attributes or listen to events on native "),d.TgZ(5,"code"),d._uU(6,"input"),d.qZA(),d._uU(7," , you can put it inside with "),d.TgZ(8,"code"),d._uU(9,"Textfield"),d.qZA(),d._uU(10," directive as shown below "),d.qZA(),d._UZ(11,"input-month-example-1"),d.qZA(),d.TgZ(12,"tui-doc-example",4),d._UZ(13,"input-month-example-2"),d.qZA(),d.TgZ(14,"tui-doc-example",5),d._UZ(15,"input-month-example-3"),d.qZA()),2&e){const e=d.oxw();d.xp6(2),d.Q6J("content",e.example1),d.xp6(10),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3)}}function H(e,t){if(1&e&&(d.TgZ(0,"tui-input-month",13),d._uU(1," Month "),d.qZA()),2&e){const e=d.oxw(2);d.Udp("text-align",e.textAlign),d.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function v(e,t){1&e&&(d._uU(0," Disabled state (use "),d.TgZ(1,"code"),d._uU(2,"formControl.disable()"),d.qZA(),d._uU(3," ) "))}function L(e,t){1&e&&(d.TgZ(0,"div"),d._uU(1,"A handler that gets a date and returns true if it is disabled."),d.qZA(),d.TgZ(2,"strong"),d._uU(3,"Must be a pure function"),d.qZA())}function Q(e,t){1&e&&d._uU(0," Minimum date ")}function S(e,t){1&e&&d._uU(0," Maximum date ")}function F(e,t){1&e&&d._uU(0," Custom align content by text-align ")}function Y(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo",6),d.YNc(1,H,2,16,"ng-template"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,v,4,0,"ng-template",7),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabled=t)})),d.YNc(4,L,4,0,"ng-template",8),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabledItemHandler=t)})),d.YNc(5,Q,1,0,"ng-template",9),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.min=t)})),d.YNc(6,S,1,0,"ng-template",10),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.max=t)})),d.qZA(),d._UZ(7,"inherited-documentation"),d.TgZ(8,"tui-doc-documentation",11),d.YNc(9,F,1,0,"ng-template",12),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.textAlign=t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("control",e.control),d.xp6(3),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(1),d.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),d.xp6(1),d.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),d.xp6(1),d.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),d.xp6(3),d.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function z(e,t){if(1&e&&(d.TgZ(0,"ol",14)(1,"li")(2,"p"),d._uU(3," Import "),d.TgZ(4,"code"),d._uU(5,"InputMonthModule"),d.qZA(),d._uU(6," into a module where you want to use our component "),d.qZA(),d._UZ(7,"tui-doc-code",15),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",16),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20," Insert a "),d.TgZ(21,"code"),d._uU(22,"TuiInoutMonthComponent"),d.qZA(),d._uU(23," in the template: "),d.qZA(),d._UZ(24,"tui-doc-code",17),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(7),d.Q6J("code",e.exampleHtml)}}let D=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI(null,i.kI.required),this.example1={TypeScript:n.e(48042).then(n.t.bind(n,48042,17)),HTML:n.e(82745).then(n.t.bind(n,82745,17))},this.example2={TypeScript:n.e(15088).then(n.t.bind(n,15088,17)),HTML:n.e(18131).then(n.t.bind(n,18131,17))},this.example3={TypeScript:n.e(46948).then(n.t.bind(n,46948,17)),HTML:n.e(14548).then(n.t.bind(n,14548,17))},this.exampleModule=n.e(15323).then(n.t.bind(n,15323,17)),this.exampleHtml=n.e(75832).then(n.t.bind(n,75832,17)),this.exampleForm=n.e(41661).then(n.t.bind(n,41661,17)),this.minVariants=[m.TUI_FIRST_DAY,new m.TuiMonth(2019,2),new m.TuiMonth(2007,0),new m.TuiDay((new Date).getFullYear()+3,1,1)],this.maxVariants=[m.TUI_LAST_DAY,new m.TuiMonth(2017,2),new m.TuiMonth(2020,2),new m.TuiMonth(2023,0)],this.min=this.minVariants[0],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[m.ALWAYS_FALSE_HANDLER,({month:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=d.n5z(e)))(n||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-input-month"]],features:[d._Bn([{provide:s.x,useExisting:(0,d.Gpc)((()=>e))}]),d.qOj],decls:4,vars:0,consts:[["header","InputMonth","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","sizes","heading","sizes",3,"content"],["id","native","heading","Native picker",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","max","min","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,N,16,3,"ng-template",1),d.YNc(2,Y,10,10,"ng-template",1),d.YNc(3,z,25,3,"ng-template",1),d.qZA())},dependencies:[i.JJ,i.oH,h.c,f.F,x.z,T.B,g.q,y.n,Z.f,_.w,b.X,A.g,C.b,P.x,U.s,V.a,M.L,q,I,J],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[o.ez,i.UX,u.fV,c.f,l.TuiInputMonthModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,a.Bz.forChild((0,u.Ve)(D))]}),t})()}}]); \ No newline at end of file diff --git a/next/93228.b3a5c570f18e588c.js b/next/93228.b3a5c570f18e588c.js deleted file mode 100644 index 5042ebfda198..000000000000 --- a/next/93228.b3a5c570f18e588c.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93228],{93228:(e,t,n)=>{n.r(t),n.d(t,{ExampleInputMonthModule:()=>G});var o=n(88692),i=n(69900),a=n(91795),u=n(64500),r=n(73588),l=n(84479),c=n(75695),d=n(64537),m=n(53222),p=n(82880),s=n(98204),h=n(83074),f=n(10977),x=n(62840),T=n(60404),g=n(43560),y=n(93525),Z=n(38868),b=n(54218),_=n(55409),A=n(35607),C=n(64374),P=n(68874),U=n(10200),V=n(3729),M=n(79121),w=n(91030);let q=(()=>{var e;class t{constructor(){this.control=new i.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["input-month-example-1"]],decls:3,vars:2,consts:[[1,"b-form",3,"formControl","tuiTextfieldCleaner"],["placeholder","Not September please","tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-month",0),d._uU(1," Choose a month "),d._UZ(2,"input",1),d.qZA()),2&e&&d.Q6J("formControl",t.control)("tuiTextfieldCleaner",!0)},dependencies:[i.JJ,i.oH,_.X,A.g,w.M,C.b],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{constructor(){this.testForm=new i.cw({testValue:new i.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["input-month-example-2"]],decls:7,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",1,"tui-space_bottom-2"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_bottom-2"],["formControlName","testValue"]],template:function(e,t){1&e&&(d.TgZ(0,"form",0)(1,"tui-input-month",1),d._uU(2," Choose a month "),d.qZA(),d.TgZ(3,"tui-input-month",2),d._uU(4," Choose a month "),d.qZA(),d.TgZ(5,"tui-input-month",3),d._uU(6,"Choose a month"),d.qZA()()),2&e&&d.Q6J("formGroup",t.testForm)},dependencies:[i._Y,i.JJ,i.JL,i.sg,i.u,_.X,A.g,U.s],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.control=new i.NI(null),this.min=m.TuiMonth.currentLocal().append({month:-12}),this.max=m.TuiMonth.currentLocal().append({month:12})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.Xpm({type:e,selectors:[["input-month-example-3"]],features:[d._Bn([(0,l.tuiInputDateOptionsProvider)({nativePicker:!0})])],decls:3,vars:4,consts:[[1,"b-form",3,"formControl","max","min","tuiTextfieldCleaner"],["placeholder","Not September please","tuiTextfield",""]],template:function(e,t){1&e&&(d.TgZ(0,"tui-input-month",0),d._uU(1," Choose a month "),d._UZ(2,"input",1),d.qZA()),2&e&&d.Q6J("formControl",t.control)("max",t.max)("min",t.min)("tuiTextfieldCleaner",!0)},dependencies:[i.JJ,i.oH,_.X,A.g,w.M,C.b],encapsulation:2,changeDetection:0}),t})();function N(e,t){if(1&e&&(d.TgZ(0,"p"),d._uU(1,"Component to input a single month"),d.qZA(),d.TgZ(2,"tui-doc-example",2)(3,"tui-notification",3),d._uU(4," If you need to set some attributes or listen to events on native "),d.TgZ(5,"code"),d._uU(6,"input"),d.qZA(),d._uU(7," , you can put it inside with "),d.TgZ(8,"code"),d._uU(9,"Textfield"),d.qZA(),d._uU(10," directive as shown below "),d.qZA(),d._UZ(11,"input-month-example-1"),d.qZA(),d.TgZ(12,"tui-doc-example",4),d._UZ(13,"input-month-example-2"),d.qZA(),d.TgZ(14,"tui-doc-example",5),d._UZ(15,"input-month-example-3"),d.qZA()),2&e){const e=d.oxw();d.xp6(2),d.Q6J("content",e.example1),d.xp6(10),d.Q6J("content",e.example2),d.xp6(2),d.Q6J("content",e.example3)}}function H(e,t){if(1&e&&(d.TgZ(0,"tui-input-month",13),d._uU(1," Month "),d.qZA()),2&e){const e=d.oxw(2);d.Udp("text-align",e.textAlign),d.Q6J("disabledItemHandler",e.disabledItemHandler)("focusable",e.focusable)("formControl",e.control)("max",e.max)("min",e.min)("pseudoActive",e.pseudoPressed)("pseudoFocus",e.pseudoFocused)("pseudoHover",e.pseudoHovered)("pseudoInvalid",e.pseudoInvalid)("readOnly",e.readOnly)("tuiTextfieldCleaner",e.cleaner)("tuiTextfieldIconLeft",e.iconLeft)("tuiTextfieldLabelOutside",e.labelOutside)("tuiTextfieldSize",e.size)}}function v(e,t){1&e&&(d._uU(0," Disabled state (use "),d.TgZ(1,"code"),d._uU(2,"formControl.disable()"),d.qZA(),d._uU(3," ) "))}function L(e,t){1&e&&(d.TgZ(0,"div"),d._uU(1,"A handler that gets a date and returns true if it is disabled."),d.qZA(),d.TgZ(2,"strong"),d._uU(3,"Must be a pure function"),d.qZA())}function Q(e,t){1&e&&d._uU(0," Minimum date ")}function S(e,t){1&e&&d._uU(0," Maximum date ")}function F(e,t){1&e&&d._uU(0," Custom align content by text-align ")}function Y(e,t){if(1&e){const e=d.EpF();d.TgZ(0,"tui-doc-demo",6),d.YNc(1,H,2,16,"ng-template"),d.qZA(),d.TgZ(2,"tui-doc-documentation"),d.YNc(3,v,4,0,"ng-template",7),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabled=t)})),d.YNc(4,L,4,0,"ng-template",8),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.disabledItemHandler=t)})),d.YNc(5,Q,1,0,"ng-template",9),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.min=t)})),d.YNc(6,S,1,0,"ng-template",10),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.max=t)})),d.qZA(),d._UZ(7,"inherited-documentation"),d.TgZ(8,"tui-doc-documentation",11),d.YNc(9,F,1,0,"ng-template",12),d.NdJ("documentationPropertyValueChange",(function(t){d.CHM(e);const n=d.oxw();return d.KtG(n.textAlign=t)})),d.qZA()}if(2&e){const e=d.oxw();d.Q6J("control",e.control),d.xp6(3),d.Q6J("documentationPropertyValue",e.disabled),d.xp6(1),d.Q6J("documentationPropertyValues",e.disabledItemHandlerVariants)("documentationPropertyValue",e.disabledItemHandler),d.xp6(1),d.Q6J("documentationPropertyValues",e.minVariants)("documentationPropertyValue",e.min),d.xp6(1),d.Q6J("documentationPropertyValues",e.maxVariants)("documentationPropertyValue",e.max),d.xp6(3),d.Q6J("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function z(e,t){if(1&e&&(d.TgZ(0,"ol",14)(1,"li")(2,"p"),d._uU(3," Import "),d.TgZ(4,"code"),d._uU(5,"InputMonthModule"),d.qZA(),d._uU(6," into a module where you want to use our component "),d.qZA(),d._UZ(7,"tui-doc-code",15),d.qZA(),d.TgZ(8,"li")(9,"p"),d._uU(10," Declare a form ( "),d.TgZ(11,"code"),d._uU(12,"FormGroup"),d.qZA(),d._uU(13," ) or a control ( "),d.TgZ(14,"code"),d._uU(15,"FormControl"),d.qZA(),d._uU(16," ) in your component: "),d.qZA(),d._UZ(17,"tui-doc-code",16),d.qZA(),d.TgZ(18,"li")(19,"p"),d._uU(20," Insert a "),d.TgZ(21,"code"),d._uU(22,"TuiInoutMonthComponent"),d.qZA(),d._uU(23," in the template: "),d.qZA(),d._UZ(24,"tui-doc-code",17),d.qZA()()),2&e){const e=d.oxw();d.xp6(7),d.Q6J("code",e.exampleModule),d.xp6(10),d.Q6J("code",e.exampleForm),d.xp6(7),d.Q6J("code",e.exampleHtml)}}let D=(()=>{var e;class t extends p.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new i.NI(null,i.kI.required),this.example1={TypeScript:n.e(48042).then(n.t.bind(n,48042,17)),HTML:n.e(82745).then(n.t.bind(n,82745,17))},this.example2={TypeScript:n.e(15088).then(n.t.bind(n,15088,17)),HTML:n.e(18131).then(n.t.bind(n,18131,17))},this.example3={TypeScript:n.e(46948).then(n.t.bind(n,46948,17)),HTML:n.e(14548).then(n.t.bind(n,14548,17))},this.exampleModule=n.e(15323).then(n.t.bind(n,15323,17)),this.exampleHtml=n.e(75832).then(n.t.bind(n,75832,17)),this.exampleForm=n.e(41661).then(n.t.bind(n,41661,17)),this.minVariants=[m.TUI_FIRST_DAY,new m.TuiMonth(2019,2),new m.TuiMonth(2007,0),new m.TuiDay((new Date).getFullYear()+3,1,1)],this.maxVariants=[m.TUI_LAST_DAY,new m.TuiMonth(2017,2),new m.TuiMonth(2020,2),new m.TuiMonth(2023,0)],this.min=this.minVariants[0],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[m.ALWAYS_FALSE_HANDLER,({month:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=d.n5z(e)))(n||e)}}(),e.ɵcmp=d.Xpm({type:e,selectors:[["example-input-month"]],features:[d._Bn([{provide:s.x,useExisting:(0,d.Gpc)((()=>e))}]),d.qOj],decls:4,vars:0,consts:[["header","InputMonth","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","sizes","heading","sizes",3,"content"],["id","native","heading","Native picker",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandler",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","max","min","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.TgZ(0,"tui-doc-page",0),d.YNc(1,N,16,3,"ng-template",1),d.YNc(2,Y,10,10,"ng-template",1),d.YNc(3,z,25,3,"ng-template",1),d.qZA())},dependencies:[i.JJ,i.oH,h.c,f.F,x.z,T.B,g.q,y.n,Z.f,b.w,_.X,A.g,C.b,P.x,U.s,V.a,M.L,q,I,J],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.oAB({type:e}),e.ɵinj=d.cJS({imports:[o.ez,i.UX,u.fV,c.f,l.TuiInputMonthModule,r.TuiTextfieldControllerModule,r.TuiNotificationModule,a.Bz.forChild((0,u.Ve)(D))]}),t})()}}]); \ No newline at end of file diff --git a/next/93424.914585fa07152f7f.js b/next/93424.914585fa07152f7f.js deleted file mode 100644 index 0dd6267b9ba7..000000000000 --- a/next/93424.914585fa07152f7f.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93424],{93424:(e,t,i)=>{i.r(t),i.d(t,{SkeletonModule:()=>z});var o=i(88692),n=i(69900),l=i(91795),s=i(64500),u=i(73588),r=i(61917),a=i(84479),d=i(40241),k=i(64537),g=i(83315),h=i(43560),_=i(93525),c=i(38868),p=i(30644),m=i(76189),b=i(77027),Z=i(41360),x=i(70329),f=i(66596),V=i(82535),M=i(10200);let T=(()=>{var e;class t{constructor(){this.radius=0,this.testForm=new n.cw({testValue:new n.NI(!0)}),this.skeletonVisible=!1,this.lightMode=!1,this.placeholder="Some paragraph with information"}showSkeleton(){this.skeletonVisible=!this.skeletonVisible}toggleLight(){this.lightMode=!this.lightMode}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=k.Xpm({type:e,selectors:[["tui-skeleton-example-1"]],decls:46,vars:83,consts:[[1,"header"],["size","xs","tuiButton","","type","button",1,"tui-space_right-2",3,"click"],[1,"skeleton-options","b-form"],["tuiTextfieldSize","s",1,"radius-option",3,"ngModel","ngModelChange"],[1,"container",3,"tuiMode"],[1,"tui-row"],[1,"tui-col_md-4","tui-col_stretch"],["size","l",1,"island",3,"transparent"],[1,"tui-island__content"],[1,"tui-island__figure"],[3,"formGroup"],["formControlName","testValue","size","l"],[1,"island-content"],[1,"tui-island__category"],[1,"tui-island__title"],[1,"tui-island__paragraph"],[1,"tui-island__paragraph","tui-island__paragraph_link"],["href","https://github.com/taiga-family/taiga-ui","rel","noreferrer","target","_blank","tuiLink",""],["href","https://ng-web-apis.github.io/dist/assets/images/web-api.svg","rel","noreferrer","size","l","target","_blank","tuiIsland","",1,"island",3,"hoverable","transparent"],[1,"some-figure"],["size","l","textAlign","center",1,"island",3,"transparent"]],template:function(e,t){1&e&&(k.TgZ(0,"div",0)(1,"button",1),k.NdJ("click",(function(){return t.showSkeleton()})),k._uU(2," Show/hide skeleton "),k.qZA(),k.TgZ(3,"button",1),k.NdJ("click",(function(){return t.toggleLight()})),k._uU(4," Light mode "),k.qZA(),k.TgZ(5,"div",2),k._uU(6," --tui-skeleton-radius: "),k.TgZ(7,"tui-input",3),k.NdJ("ngModelChange",(function(e){return t.radius=e})),k.qZA()()(),k.TgZ(8,"div",4)(9,"div",5)(10,"div",6)(11,"tui-island",7)(12,"div",8)(13,"div",9)(14,"form",10),k._UZ(15,"tui-toggle",11),k.qZA()(),k.TgZ(16,"div",12)(17,"p",13),k._uU(18," A category "),k.qZA(),k.TgZ(19,"h3",14),k._uU(20),k.qZA(),k.TgZ(21,"p",15),k._uU(22),k.qZA(),k.TgZ(23,"p",16)(24,"a",17),k._uU(25," Link "),k.qZA()()()()()(),k.TgZ(26,"div",6)(27,"a",18)(28,"div",8)(29,"figure",9),k._UZ(30,"div",19),k.qZA(),k.TgZ(31,"div",12)(32,"h3",14),k._uU(33),k.qZA(),k.TgZ(34,"p",15),k._uU(35),k.qZA()()()()(),k.TgZ(36,"div",6)(37,"tui-island",20)(38,"div",8)(39,"figure",9),k._UZ(40,"div",19),k.qZA(),k.TgZ(41,"div",12)(42,"h3",14),k._uU(43),k.qZA(),k.TgZ(44,"p",15),k._uU(45),k.qZA()()()()()()()),2&e&&(k.xp6(7),k.Q6J("ngModel",t.radius),k.xp6(1),k.Udp("--tui-skeleton-radius",t.radius,"px"),k.ekj("container_dark",t.lightMode),k.Q6J("tuiMode",t.lightMode?"onDark":null),k.xp6(3),k.Q6J("transparent",!0),k.xp6(3),k.Q6J("formGroup",t.testForm),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"Title"," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":t.placeholder," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(4),k.Q6J("hoverable",!0)("transparent",!0),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_rounded",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"Another title"," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"And some new text again"," "),k.xp6(2),k.Q6J("transparent",!0),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_rounded",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_center",t.skeletonVisible)("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"One more title"," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"All right, I get it"," "))},dependencies:[n._Y,n.JJ,n.JL,n.On,n.sg,n.u,p.w,m.v,b.K,Z.w,x.h,f.V,V.p,M.s],styles:[".container[_ngcontent-%COMP%]{max-width:62.5rem;padding:1.5rem}.container_dark[_ngcontent-%COMP%]{background-image:linear-gradient(225deg,#3023ae,#c86dd7)}.container_dark[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.island[_ngcontent-%COMP%]{width:100%}.some-figure[_ngcontent-%COMP%]{border-radius:100%;width:3rem;height:3rem;background-color:var(--tui-secondary-active)}.island-content[_ngcontent-%COMP%]{width:100%}.header[_ngcontent-%COMP%], .skeleton-options[_ngcontent-%COMP%]{display:flex;align-items:center}.radius-option[_ngcontent-%COMP%]{width:3.75rem;margin-left:.625rem;text-align:center}"],changeDetection:0}),t})();var w=i(53222),U=i(29462),q=i(92078),A=i(52721),v=i(21991),C=i(91030),j=i(16753),y=i(13735),N=i(44495),S=i(22968);let J=(()=>{var e;class t{constructor(){this.testForm=new n.cw({nameValue:new n.NI("",n.kI.required),passwordValue:new n.NI("",n.kI.required),moneyValue:new n.NI("100",n.kI.required),timeValue:new n.NI(new w.TuiTime(12,30),n.kI.required),osnoValue:new n.NI(!1),usnValue:new n.NI(!1),eshnValue:new n.NI(!1),envdValue:new n.NI(!1)}),this.skeletonVisible=!1,this.lightMode=!1}showSkeleton(){this.skeletonVisible=!this.skeletonVisible}toggleLight(){this.lightMode=!this.lightMode}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=k.Xpm({type:e,selectors:[["tui-skeleton-example-2"]],decls:44,vars:54,consts:[["size","xs","tuiButton","","type","button",1,"tui-space_right-2",3,"click"],["size","xs","tuiButton","","type","button",3,"click"],[1,"tui-container"],[3,"formGroup"],[1,"tui-row","tui-row_sme"],[1,"tui-col_8"],[1,"container",3,"tuiMode"],[1,"tui-form__header","tui-form__header_margin-top_none"],[1,"tui-form__row"],["formControlName","nameValue","tuiHintContent","With a hint"],["placeholder","Name Surname","tuiTextfield",""],[1,"tui-form__row","tui-form__row_multi-fields"],[1,"tui-form__multi-field"],["formControlName","passwordValue"],["formControlName","moneyValue"],[1,"tui-form__row","tui-form__row_half-width"],["formControlName","timeValue"],[1,"tui-form__row","tui-form__row_checkboxes"],["tuiLabel","",1,"tui-form__checkbox"],["formControlName","osnoValue","tuiCheckbox","","type","checkbox"],["formControlName","usnValue","tuiCheckbox","","type","checkbox"],["formControlName","eshnValue","tuiCheckbox","","type","checkbox"],["formControlName","envdValue","tuiCheckbox","","type","checkbox"],[1,"tui-form__buttons"],["size","l","tuiButton","","type","submit",1,"tui-form__button"],["appearance","flat","size","l","tuiButton","","type","button",1,"tui-form__button"]],template:function(e,t){1&e&&(k.TgZ(0,"p")(1,"button",0),k.NdJ("click",(function(){return t.showSkeleton()})),k._uU(2," Show/hide skeleton "),k.qZA(),k.TgZ(3,"button",1),k.NdJ("click",(function(){return t.toggleLight()})),k._uU(4," Light mode "),k.qZA()(),k.TgZ(5,"div",2)(6,"form",3)(7,"div",4)(8,"div",5)(9,"div",6)(10,"h3",7),k._uU(11," A header "),k.qZA(),k.TgZ(12,"div",8)(13,"tui-input",9),k._uU(14," Some input "),k._UZ(15,"input",10),k.qZA()(),k.TgZ(16,"div",11)(17,"div",12)(18,"tui-input-password",13),k._uU(19," Some password input "),k.qZA()(),k.TgZ(20,"div",12)(21,"tui-input-number",14),k._uU(22," Some number input "),k.qZA()()(),k.TgZ(23,"div",15)(24,"tui-input-time",16),k._uU(25," Some textfield "),k.qZA()(),k.TgZ(26,"div",17)(27,"label",18),k._UZ(28,"input",19),k._uU(29," First option "),k.qZA(),k.TgZ(30,"label",18),k._UZ(31,"input",20),k._uU(32," Cool option "),k.qZA(),k.TgZ(33,"label",18),k._UZ(34,"input",21),k._uU(35," Boring option "),k.qZA(),k.TgZ(36,"label",18),k._UZ(37,"input",22),k._uU(38," Interesting option "),k.qZA()(),k.TgZ(39,"div",23)(40,"button",24),k._uU(41," Submit "),k.qZA(),k.TgZ(42,"button",25),k._uU(43," Cancel "),k.qZA()()()()()()()),2&e&&(k.xp6(6),k.Q6J("formGroup",t.testForm),k.xp6(3),k.ekj("container_dark",t.lightMode),k.Q6J("tuiMode",t.lightMode?"onDark":null),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(5),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(4),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible))},dependencies:[n._Y,n.Wl,n.JJ,n.JL,n.sg,n.u,p.w,U.G,q.x,m.v,A.V,v.F,C.M,b.K,Z.w,j.q,y.g,N.X,S.f],styles:["[_nghost-%COMP%]{display:block}.container[_ngcontent-%COMP%]{padding:1.5rem}.container_dark[_ngcontent-%COMP%]{background-image:linear-gradient(225deg,#3023ae,#c86dd7);color:var(--tui-text-01-night)}"],changeDetection:0}),t})();function I(e,t){if(1&e&&(k._UZ(0,"tui-styles-info"),k.TgZ(1,"div",2)(2,"p"),k._uU(3," Use "),k.TgZ(4,"strong"),k._uU(5,".tui-skeleton"),k.qZA(),k._uU(6," class on an element to add skeleton of the same size above it. "),k.qZA(),k.TgZ(7,"p"),k._uU(8,"You can also use the following modifiers:"),k.qZA()(),k.TgZ(9,"ul",3)(10,"li",4)(11,"code"),k._uU(12,".tui-skeleton"),k.qZA(),k._uU(13," : "),k.TgZ(14,"ul",5)(15,"li",4)(16,"code"),k._uU(17,".tui-skeleton_light"),k.qZA(),k._uU(18," : style for dark background "),k.qZA(),k.TgZ(19,"li",4)(20,"code"),k._uU(21,".tui-skeleton_rounded"),k.qZA(),k._uU(22," : rounded as an element "),k.qZA(),k.TgZ(23,"li",4)(24,"code"),k._uU(25,".tui-skeleton_short"),k.qZA(),k._uU(26," : short mode "),k.qZA(),k.TgZ(27,"li",4)(28,"code"),k._uU(29,".tui-skeleton_center"),k.qZA(),k._uU(30," : short centered mode "),k.qZA(),k.TgZ(31,"li",4)(32,"code"),k._uU(33,".tui-skeleton_text"),k.qZA(),k._uU(34," : for containers with texts "),k.qZA()()(),k.TgZ(35,"li",4),k._uU(36," if you want to use border-radius for skeleton you can use "),k.TgZ(37,"code"),k._uU(38,"--tui-skeleton-radius"),k.qZA(),k._uU(39," css variable "),k.qZA()(),k.TgZ(40,"tui-doc-example",6),k._UZ(41,"tui-skeleton-example-1"),k.qZA(),k.TgZ(42,"tui-doc-example",7),k._UZ(43,"tui-skeleton-example-2"),k.qZA()),2&e){const e=k.oxw();k.xp6(40),k.Q6J("content",e.example1)("fullsize",!0),k.xp6(2),k.Q6J("content",e.example2)}}let L=(()=>{var e;class t{constructor(){this.example1={TypeScript:i.e(62451).then(i.t.bind(i,62451,17)),HTML:i.e(40116).then(i.t.bind(i,40116,17)),LESS:i.e(30316).then(i.t.bind(i,30316,17))},this.example2={TypeScript:i.e(26402).then(i.t.bind(i,26402,17)),HTML:i.e(66331).then(i.t.bind(i,19728,17)),LESS:i.e(19926).then(i.t.bind(i,19926,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=k.Xpm({type:e,selectors:[["skeleton"]],decls:2,vars:0,consts:[["header","Skeleton"],["pageTab",""],[1,"tui-space_bottom-3"],[1,"tui-list","tui-list_small"],[1,"tui-list__item"],[1,"tui-list","tui-list_linear","tui-list_nested","tui-list_extra-small"],["id","classes","heading","Classes",3,"content","fullsize"],["id","mixins","heading","Mixins",3,"content"]],template:function(e,t){1&e&&(k.TgZ(0,"tui-doc-page",0),k.YNc(1,I,44,3,"ng-template",1),k.qZA())},dependencies:[g.q,h.q,_.n,c.f,T,J],encapsulation:2,changeDetection:0}),t})(),z=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=k.oAB({type:e}),e.ɵinj=k.cJS({imports:[o.ez,n.u5,n.UX,d.e,u.TuiModeModule,a.TuiInputTimeModule,u.TuiButtonModule,a.TuiInputPasswordModule,a.TuiInputModule,a.TuiInputNumberModule,a.TuiIslandModule,u.TuiLinkModule,a.TuiToggleModule,s.fV,l.Bz.forChild((0,s.Ve)(L)),u.TuiTextfieldControllerModule,r.xl]}),t})()}}]); \ No newline at end of file diff --git a/next/93424.ab041a80951e7c97.js b/next/93424.ab041a80951e7c97.js new file mode 100644 index 000000000000..485574e0077a --- /dev/null +++ b/next/93424.ab041a80951e7c97.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93424],{93424:(e,t,i)=>{i.r(t),i.d(t,{SkeletonModule:()=>z});var n=i(88692),o=i(69900),l=i(91795),s=i(64500),u=i(73588),r=i(61917),a=i(84479),d=i(40241),k=i(64537),g=i(83315),h=i(43560),_=i(93525),c=i(38868),p=i(30644),m=i(76189),b=i(77027),Z=i(41360),x=i(70329),f=i(66596),V=i(82535),M=i(10200);let T=(()=>{var e;class t{constructor(){this.radius=0,this.testForm=new o.cw({testValue:new o.NI(!0)}),this.skeletonVisible=!1,this.lightMode=!1,this.placeholder="Some paragraph with information"}showSkeleton(){this.skeletonVisible=!this.skeletonVisible}toggleLight(){this.lightMode=!this.lightMode}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=k.Xpm({type:e,selectors:[["tui-skeleton-example-1"]],decls:46,vars:83,consts:[[1,"header"],["size","xs","tuiButton","","type","button",1,"tui-space_right-2",3,"click"],[1,"skeleton-options"],["tuiTextfieldSize","s",1,"radius-option",3,"ngModel","ngModelChange"],[1,"container",3,"tuiMode"],[1,"tui-row"],[1,"tui-col_md-4","tui-col_stretch"],["size","l",1,"island",3,"transparent"],[1,"tui-island__content"],[1,"tui-island__figure"],[3,"formGroup"],["formControlName","testValue","size","l"],[1,"island-content"],[1,"tui-island__category"],[1,"tui-island__title"],[1,"tui-island__paragraph"],[1,"tui-island__paragraph","tui-island__paragraph_link"],["href","https://github.com/taiga-family/taiga-ui","rel","noreferrer","target","_blank","tuiLink",""],["href","https://ng-web-apis.github.io/dist/assets/images/web-api.svg","rel","noreferrer","size","l","target","_blank","tuiIsland","",1,"island",3,"hoverable","transparent"],[1,"some-figure"],["size","l","textAlign","center",1,"island",3,"transparent"]],template:function(e,t){1&e&&(k.TgZ(0,"div",0)(1,"button",1),k.NdJ("click",(function(){return t.showSkeleton()})),k._uU(2," Show/hide skeleton "),k.qZA(),k.TgZ(3,"button",1),k.NdJ("click",(function(){return t.toggleLight()})),k._uU(4," Light mode "),k.qZA(),k.TgZ(5,"div",2),k._uU(6," --tui-skeleton-radius: "),k.TgZ(7,"tui-input",3),k.NdJ("ngModelChange",(function(e){return t.radius=e})),k.qZA()()(),k.TgZ(8,"div",4)(9,"div",5)(10,"div",6)(11,"tui-island",7)(12,"div",8)(13,"div",9)(14,"form",10),k._UZ(15,"tui-toggle",11),k.qZA()(),k.TgZ(16,"div",12)(17,"p",13),k._uU(18," A category "),k.qZA(),k.TgZ(19,"h3",14),k._uU(20),k.qZA(),k.TgZ(21,"p",15),k._uU(22),k.qZA(),k.TgZ(23,"p",16)(24,"a",17),k._uU(25," Link "),k.qZA()()()()()(),k.TgZ(26,"div",6)(27,"a",18)(28,"div",8)(29,"figure",9),k._UZ(30,"div",19),k.qZA(),k.TgZ(31,"div",12)(32,"h3",14),k._uU(33),k.qZA(),k.TgZ(34,"p",15),k._uU(35),k.qZA()()()()(),k.TgZ(36,"div",6)(37,"tui-island",20)(38,"div",8)(39,"figure",9),k._UZ(40,"div",19),k.qZA(),k.TgZ(41,"div",12)(42,"h3",14),k._uU(43),k.qZA(),k.TgZ(44,"p",15),k._uU(45),k.qZA()()()()()()()),2&e&&(k.xp6(7),k.Q6J("ngModel",t.radius),k.xp6(1),k.Udp("--tui-skeleton-radius",t.radius,"px"),k.ekj("container_dark",t.lightMode),k.Q6J("tuiMode",t.lightMode?"onDark":null),k.xp6(3),k.Q6J("transparent",!0),k.xp6(3),k.Q6J("formGroup",t.testForm),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"Title"," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":t.placeholder," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(4),k.Q6J("hoverable",!0)("transparent",!0),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_rounded",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"Another title"," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"And some new text again"," "),k.xp6(2),k.Q6J("transparent",!0),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_rounded",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_center",t.skeletonVisible)("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"One more title"," "),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(1),k.hij(" ",t.skeletonVisible?"":"All right, I get it"," "))},dependencies:[o._Y,o.JJ,o.JL,o.On,o.sg,o.u,p.w,m.v,b.K,Z.w,x.h,f.V,V.p,M.s],styles:[".container[_ngcontent-%COMP%]{max-width:62.5rem;padding:1.5rem}.container_dark[_ngcontent-%COMP%]{background-image:linear-gradient(225deg,#3023ae,#c86dd7)}.container_dark[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}.island[_ngcontent-%COMP%]{width:100%}.some-figure[_ngcontent-%COMP%]{border-radius:100%;width:3rem;height:3rem;background-color:var(--tui-secondary-active)}.island-content[_ngcontent-%COMP%]{width:100%}.header[_ngcontent-%COMP%], .skeleton-options[_ngcontent-%COMP%]{display:flex;align-items:center}.radius-option[_ngcontent-%COMP%]{width:3.75rem;margin-left:.625rem;text-align:center}"],changeDetection:0}),t})();var w=i(53222),U=i(29462),q=i(92078),A=i(52721),v=i(21991),C=i(91030),j=i(16753),y=i(13735),N=i(44495),S=i(22968);let J=(()=>{var e;class t{constructor(){this.testForm=new o.cw({nameValue:new o.NI("",o.kI.required),passwordValue:new o.NI("",o.kI.required),moneyValue:new o.NI("100",o.kI.required),timeValue:new o.NI(new w.TuiTime(12,30),o.kI.required),osnoValue:new o.NI(!1),usnValue:new o.NI(!1),eshnValue:new o.NI(!1),envdValue:new o.NI(!1)}),this.skeletonVisible=!1,this.lightMode=!1}showSkeleton(){this.skeletonVisible=!this.skeletonVisible}toggleLight(){this.lightMode=!this.lightMode}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=k.Xpm({type:e,selectors:[["tui-skeleton-example-2"]],decls:44,vars:54,consts:[["size","xs","tuiButton","","type","button",1,"tui-space_right-2",3,"click"],["size","xs","tuiButton","","type","button",3,"click"],[1,"tui-container"],[3,"formGroup"],[1,"tui-row","tui-row_sme"],[1,"tui-col_8"],[1,"container",3,"tuiMode"],[1,"tui-form__header","tui-form__header_margin-top_none"],[1,"tui-form__row"],["formControlName","nameValue","tuiHintContent","With a hint"],["placeholder","Name Surname","tuiTextfield",""],[1,"tui-form__row","tui-form__row_multi-fields"],[1,"tui-form__multi-field"],["formControlName","passwordValue"],["formControlName","moneyValue"],[1,"tui-form__row","tui-form__row_half-width"],["formControlName","timeValue"],[1,"tui-form__row","tui-form__row_checkboxes"],["tuiLabel","",1,"tui-form__checkbox"],["formControlName","osnoValue","tuiCheckbox","","type","checkbox"],["formControlName","usnValue","tuiCheckbox","","type","checkbox"],["formControlName","eshnValue","tuiCheckbox","","type","checkbox"],["formControlName","envdValue","tuiCheckbox","","type","checkbox"],[1,"tui-form__buttons"],["size","l","tuiButton","","type","submit",1,"tui-form__button"],["appearance","flat","size","l","tuiButton","","type","button",1,"tui-form__button"]],template:function(e,t){1&e&&(k.TgZ(0,"p")(1,"button",0),k.NdJ("click",(function(){return t.showSkeleton()})),k._uU(2," Show/hide skeleton "),k.qZA(),k.TgZ(3,"button",1),k.NdJ("click",(function(){return t.toggleLight()})),k._uU(4," Light mode "),k.qZA()(),k.TgZ(5,"div",2)(6,"form",3)(7,"div",4)(8,"div",5)(9,"div",6)(10,"h3",7),k._uU(11," A header "),k.qZA(),k.TgZ(12,"div",8)(13,"tui-input",9),k._uU(14," Some input "),k._UZ(15,"input",10),k.qZA()(),k.TgZ(16,"div",11)(17,"div",12)(18,"tui-input-password",13),k._uU(19," Some password input "),k.qZA()(),k.TgZ(20,"div",12)(21,"tui-input-number",14),k._uU(22," Some number input "),k.qZA()()(),k.TgZ(23,"div",15)(24,"tui-input-time",16),k._uU(25," Some textfield "),k.qZA()(),k.TgZ(26,"div",17)(27,"label",18),k._UZ(28,"input",19),k._uU(29," First option "),k.qZA(),k.TgZ(30,"label",18),k._UZ(31,"input",20),k._uU(32," Cool option "),k.qZA(),k.TgZ(33,"label",18),k._UZ(34,"input",21),k._uU(35," Boring option "),k.qZA(),k.TgZ(36,"label",18),k._UZ(37,"input",22),k._uU(38," Interesting option "),k.qZA()(),k.TgZ(39,"div",23)(40,"button",24),k._uU(41," Submit "),k.qZA(),k.TgZ(42,"button",25),k._uU(43," Cancel "),k.qZA()()()()()()()),2&e&&(k.xp6(6),k.Q6J("formGroup",t.testForm),k.xp6(3),k.ekj("container_dark",t.lightMode),k.Q6J("tuiMode",t.lightMode?"onDark":null),k.xp6(1),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton_text",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(5),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(3),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton_short",t.skeletonVisible)("tui-skeleton",t.skeletonVisible),k.xp6(4),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible),k.xp6(2),k.ekj("tui-skeleton_light",t.lightMode)("tui-skeleton",t.skeletonVisible))},dependencies:[o._Y,o.Wl,o.JJ,o.JL,o.sg,o.u,p.w,U.G,q.x,m.v,A.V,v.F,C.M,b.K,Z.w,j.q,y.g,N.X,S.f],styles:["[_nghost-%COMP%]{display:block}.container[_ngcontent-%COMP%]{padding:1.5rem}.container_dark[_ngcontent-%COMP%]{background-image:linear-gradient(225deg,#3023ae,#c86dd7);color:var(--tui-text-01-night)}"],changeDetection:0}),t})();function I(e,t){if(1&e&&(k._UZ(0,"tui-styles-info"),k.TgZ(1,"div",2)(2,"p"),k._uU(3," Use "),k.TgZ(4,"strong"),k._uU(5,".tui-skeleton"),k.qZA(),k._uU(6," class on an element to add skeleton of the same size above it. "),k.qZA(),k.TgZ(7,"p"),k._uU(8,"You can also use the following modifiers:"),k.qZA()(),k.TgZ(9,"ul",3)(10,"li",4)(11,"code"),k._uU(12,".tui-skeleton"),k.qZA(),k._uU(13," : "),k.TgZ(14,"ul",5)(15,"li",4)(16,"code"),k._uU(17,".tui-skeleton_light"),k.qZA(),k._uU(18," : style for dark background "),k.qZA(),k.TgZ(19,"li",4)(20,"code"),k._uU(21,".tui-skeleton_rounded"),k.qZA(),k._uU(22," : rounded as an element "),k.qZA(),k.TgZ(23,"li",4)(24,"code"),k._uU(25,".tui-skeleton_short"),k.qZA(),k._uU(26," : short mode "),k.qZA(),k.TgZ(27,"li",4)(28,"code"),k._uU(29,".tui-skeleton_center"),k.qZA(),k._uU(30," : short centered mode "),k.qZA(),k.TgZ(31,"li",4)(32,"code"),k._uU(33,".tui-skeleton_text"),k.qZA(),k._uU(34," : for containers with texts "),k.qZA()()(),k.TgZ(35,"li",4),k._uU(36," if you want to use border-radius for skeleton you can use "),k.TgZ(37,"code"),k._uU(38,"--tui-skeleton-radius"),k.qZA(),k._uU(39," css variable "),k.qZA()(),k.TgZ(40,"tui-doc-example",6),k._UZ(41,"tui-skeleton-example-1"),k.qZA(),k.TgZ(42,"tui-doc-example",7),k._UZ(43,"tui-skeleton-example-2"),k.qZA()),2&e){const e=k.oxw();k.xp6(40),k.Q6J("content",e.example1)("fullsize",!0),k.xp6(2),k.Q6J("content",e.example2)}}let L=(()=>{var e;class t{constructor(){this.example1={TypeScript:i.e(62451).then(i.t.bind(i,62451,17)),HTML:i.e(40116).then(i.t.bind(i,40116,17)),LESS:i.e(30316).then(i.t.bind(i,30316,17))},this.example2={TypeScript:i.e(26402).then(i.t.bind(i,26402,17)),HTML:i.e(66331).then(i.t.bind(i,19728,17)),LESS:i.e(19926).then(i.t.bind(i,19926,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=k.Xpm({type:e,selectors:[["skeleton"]],decls:2,vars:0,consts:[["header","Skeleton"],["pageTab",""],[1,"tui-space_bottom-3"],[1,"tui-list","tui-list_small"],[1,"tui-list__item"],[1,"tui-list","tui-list_linear","tui-list_nested","tui-list_extra-small"],["id","classes","heading","Classes",3,"content","fullsize"],["id","mixins","heading","Mixins",3,"content"]],template:function(e,t){1&e&&(k.TgZ(0,"tui-doc-page",0),k.YNc(1,I,44,3,"ng-template",1),k.qZA())},dependencies:[g.q,h.q,_.n,c.f,T,J],encapsulation:2,changeDetection:0}),t})(),z=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=k.oAB({type:e}),e.ɵinj=k.cJS({imports:[n.ez,o.u5,o.UX,d.e,u.TuiModeModule,a.TuiInputTimeModule,u.TuiButtonModule,a.TuiInputPasswordModule,a.TuiInputModule,a.TuiInputNumberModule,a.TuiIslandModule,u.TuiLinkModule,a.TuiToggleModule,s.fV,l.Bz.forChild((0,s.Ve)(L)),u.TuiTextfieldControllerModule,r.xl]}),t})()}}]); \ No newline at end of file diff --git a/next/93850.7171617ae160629e.js b/next/93850.7171617ae160629e.js deleted file mode 100644 index 9bc024340372..000000000000 --- a/next/93850.7171617ae160629e.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93850],{93850:n=>{n.exports='\n \n \n Required\n \n\n \n \n\n \n \n 4 letters word...\n \n\n \n \n\n \n\n'}}]); \ No newline at end of file diff --git a/next/93850.d5a92d0ef86fd4e4.js b/next/93850.d5a92d0ef86fd4e4.js new file mode 100644 index 000000000000..8912b6a4918a --- /dev/null +++ b/next/93850.d5a92d0ef86fd4e4.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93850],{93850:n=>{n.exports='
\n \n \n Required\n \n\n \n \n\n \n \n 4 letters word...\n \n\n \n \n\n \n\n'}}]); \ No newline at end of file diff --git a/next/9502.80fe737292f9e95d.js b/next/9502.80fe737292f9e95d.js new file mode 100644 index 000000000000..e79ade999d81 --- /dev/null +++ b/next/9502.80fe737292f9e95d.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[9502],{9502:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiValueChangesModule:()=>J});var o=n(69900),a=n(91795),u=n(64500),c=n(53222),l=n(84479),r=n(64537),s=n(83074),i=n(43560),p=n(93525),m=n(38868),d=n(73588),g=n(77027),h=n(41360),f=n(17051);let Z=(()=>{var e;class t{constructor(){this.alerts=(0,r.f3M)(d.TuiAlertService),this.form=new o.cw({control:new o.NI("",{updateOn:"blur"})})}onChanges(e){this.alerts.open(e).subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["tui-value-changes-example-1"]],decls:3,vars:1,consts:[[3,"formGroup"],["formControlName","control",3,"tuiValueChanges"]],template:function(e,t){1&e&&(r.TgZ(0,"form",0)(1,"tui-input",1),r.NdJ("tuiValueChanges",(function(e){return t.onChanges(e)})),r._uU(2," Value changes on blur "),r.qZA()()),2&e&&r.Q6J("formGroup",t.form)},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,g.K,h.w,f.z],encapsulation:2,changeDetection:0}),t})();var T=n(16753),b=n(13735);let x=(()=>{var e;class t{constructor(){this.alerts=(0,r.f3M)(d.TuiAlertService),this.form=new o.cw({name:new o.NI("",{updateOn:"blur"}),age:new o.NI(null)})}onChanges(e){this.alerts.open(JSON.stringify(e)).subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["tui-value-changes-example-2"]],decls:5,vars:2,consts:[[3,"formGroup","tuiValueChanges"],["formControlName","name"],["decimal","never","formControlName","age",1,"tui-space_top-4",3,"step"]],template:function(e,t){1&e&&(r.TgZ(0,"form",0),r.NdJ("tuiValueChanges",(function(e){return t.onChanges(e)})),r.TgZ(1,"tui-input",1),r._uU(2,"Value changes on blur"),r.qZA(),r.TgZ(3,"tui-input-number",2),r._uU(4," Value changes on edit "),r.qZA()()),2&e&&(r.Q6J("formGroup",t.form),r.xp6(3),r.Q6J("step",1))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,g.K,h.w,T.q,b.g,f.z],encapsulation:2,changeDetection:0}),t})();function C(e,t){if(1&e&&(r.TgZ(0,"p"),r._uU(1,"This directive allows you to access reactive control or container value changes as an output"),r.qZA(),r.TgZ(2,"tui-doc-example",3),r._UZ(3,"tui-value-changes-example-1"),r.qZA(),r.TgZ(4,"tui-doc-example",4),r._UZ(5,"tui-value-changes-example-2"),r.qZA()),2&e){const e=r.oxw();r.xp6(2),r.Q6J("content",e.example1),r.xp6(2),r.Q6J("content",e.example2)}}function v(e,t){if(1&e&&(r.TgZ(0,"ol",5)(1,"li")(2,"p"),r._uU(3," Import "),r.TgZ(4,"code"),r._uU(5,"TuiValueChangesModule"),r.qZA(),r._uU(6," into a module where you want to use our component "),r.qZA(),r._UZ(7,"tui-doc-code",6),r.qZA(),r.TgZ(8,"li")(9,"p"),r._uU(10,"Add to the template:"),r.qZA(),r._UZ(11,"tui-doc-code",7),r.qZA()()),2&e){const e=r.oxw();r.xp6(7),r.Q6J("code",e.exampleModule),r.xp6(4),r.Q6J("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(97417).then(n.t.bind(n,97417,17)),this.exampleHtml=n.e(50335).then(n.t.bind(n,50335,17)),this.example1={TypeScript:n.e(27934).then(n.t.bind(n,27934,17)),HTML:n.e(14778).then(n.t.bind(n,14778,17))},this.example2={TypeScript:n.e(78997).then(n.t.bind(n,78997,17)),HTML:n.e(72963).then(n.t.bind(n,72963,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.Xpm({type:e,selectors:[["example-tui-value-changes"]],decls:3,vars:0,consts:[["header","ValueChanges","package","CDK","type","directives"],["pageTab",""],["pageTab","Setup"],["id","control","heading","Control",3,"content"],["id","container","heading","Container",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.TgZ(0,"tui-doc-page",0),r.YNc(1,C,6,2,"ng-template",1),r.YNc(2,v,12,2,"ng-template",2),r.qZA())},dependencies:[s.c,i.q,p.n,m.f,Z,x],styles:["[_nghost-%COMP%]{display:block}.card[_ngcontent-%COMP%]{background:#87ceeb}"],changeDetection:0}),t})(),J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.oAB({type:e}),e.ɵinj=r.cJS({imports:[o.UX,l.TuiInputModule,l.TuiInputNumberModule,c.TuiValueChangesModule,u.fV,a.Bz.forChild((0,u.Ve)(w))]}),t})()}}]); \ No newline at end of file diff --git a/next/9502.d3a398b48102870a.js b/next/9502.d3a398b48102870a.js deleted file mode 100644 index 496d57a3eb18..000000000000 --- a/next/9502.d3a398b48102870a.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[9502],{9502:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiValueChangesModule:()=>J});var o=n(69900),a=n(91795),u=n(64500),c=n(53222),r=n(84479),l=n(64537),s=n(83074),i=n(43560),p=n(93525),m=n(38868),d=n(73588),g=n(77027),h=n(41360),f=n(17051);let Z=(()=>{var e;class t{constructor(){this.alerts=(0,l.f3M)(d.TuiAlertService),this.form=new o.cw({control:new o.NI("",{updateOn:"blur"})})}onChanges(e){this.alerts.open(e).subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-value-changes-example-1"]],decls:3,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","control",3,"tuiValueChanges"]],template:function(e,t){1&e&&(l.TgZ(0,"form",0)(1,"tui-input",1),l.NdJ("tuiValueChanges",(function(e){return t.onChanges(e)})),l._uU(2," Value changes on blur "),l.qZA()()),2&e&&l.Q6J("formGroup",t.form)},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,g.K,h.w,f.z],encapsulation:2,changeDetection:0}),t})();var b=n(16753),T=n(13735);let x=(()=>{var e;class t{constructor(){this.alerts=(0,l.f3M)(d.TuiAlertService),this.form=new o.cw({name:new o.NI("",{updateOn:"blur"}),age:new o.NI(null)})}onChanges(e){this.alerts.open(JSON.stringify(e)).subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["tui-value-changes-example-2"]],decls:5,vars:2,consts:[[1,"b-form",3,"formGroup","tuiValueChanges"],["formControlName","name"],["decimal","never","formControlName","age",1,"tui-space_top-4",3,"step"]],template:function(e,t){1&e&&(l.TgZ(0,"form",0),l.NdJ("tuiValueChanges",(function(e){return t.onChanges(e)})),l.TgZ(1,"tui-input",1),l._uU(2,"Value changes on blur"),l.qZA(),l.TgZ(3,"tui-input-number",2),l._uU(4," Value changes on edit "),l.qZA()()),2&e&&(l.Q6J("formGroup",t.form),l.xp6(3),l.Q6J("step",1))},dependencies:[o._Y,o.JJ,o.JL,o.sg,o.u,g.K,h.w,b.q,T.g,f.z],encapsulation:2,changeDetection:0}),t})();function C(e,t){if(1&e&&(l.TgZ(0,"p"),l._uU(1,"This directive allows you to access reactive control or container value changes as an output"),l.qZA(),l.TgZ(2,"tui-doc-example",3),l._UZ(3,"tui-value-changes-example-1"),l.qZA(),l.TgZ(4,"tui-doc-example",4),l._UZ(5,"tui-value-changes-example-2"),l.qZA()),2&e){const e=l.oxw();l.xp6(2),l.Q6J("content",e.example1),l.xp6(2),l.Q6J("content",e.example2)}}function v(e,t){if(1&e&&(l.TgZ(0,"ol",5)(1,"li")(2,"p"),l._uU(3," Import "),l.TgZ(4,"code"),l._uU(5,"TuiValueChangesModule"),l.qZA(),l._uU(6," into a module where you want to use our component "),l.qZA(),l._UZ(7,"tui-doc-code",6),l.qZA(),l.TgZ(8,"li")(9,"p"),l._uU(10,"Add to the template:"),l.qZA(),l._UZ(11,"tui-doc-code",7),l.qZA()()),2&e){const e=l.oxw();l.xp6(7),l.Q6J("code",e.exampleModule),l.xp6(4),l.Q6J("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(97417).then(n.t.bind(n,97417,17)),this.exampleHtml=n.e(50335).then(n.t.bind(n,50335,17)),this.example1={TypeScript:n.e(27934).then(n.t.bind(n,27934,17)),HTML:n.e(14778).then(n.t.bind(n,14778,17))},this.example2={TypeScript:n.e(78997).then(n.t.bind(n,78997,17)),HTML:n.e(72963).then(n.t.bind(n,72963,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.Xpm({type:e,selectors:[["example-tui-value-changes"]],decls:3,vars:0,consts:[["header","ValueChanges","package","CDK","type","directives"],["pageTab",""],["pageTab","Setup"],["id","control","heading","Control",3,"content"],["id","container","heading","Container",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(l.TgZ(0,"tui-doc-page",0),l.YNc(1,C,6,2,"ng-template",1),l.YNc(2,v,12,2,"ng-template",2),l.qZA())},dependencies:[s.c,i.q,p.n,m.f,Z,x],styles:["[_nghost-%COMP%]{display:block}.card[_ngcontent-%COMP%]{background:#87ceeb}"],changeDetection:0}),t})(),J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.oAB({type:e}),e.ɵinj=l.cJS({imports:[o.UX,r.TuiInputModule,r.TuiInputNumberModule,c.TuiValueChangesModule,u.fV,a.Bz.forChild((0,u.Ve)(w))]}),t})()}}]); \ No newline at end of file diff --git a/next/95437.6ad0f99bf32762f2.js b/next/95437.6ad0f99bf32762f2.js deleted file mode 100644 index f0741bc0b69e..000000000000 --- a/next/95437.6ad0f99bf32762f2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[95437],{95437:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputMonthRangeModule:()=>K});var o=n(88692),a=n(69900),i=n(91795),u=n(64500),r=n(73588),l=n(84479),d=n(75695),c=n(64537),m=n(53222),s=n(82880),p=n(98204),h=n(83074),g=n(10977),f=n(62840),x=n(60404),T=n(43560),y=n(93525),Z=n(38868),b=n(54218),_=n(12571),A=n(10638),C=n(64374),U=n(68874),V=n(10200),M=n(3729),P=n(84848),H=n(79121),w=n(91030);let I=(()=>{var e;class t{constructor(){this.control=new a.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-month-range-example-1"]],decls:3,vars:2,consts:[[1,"b-form",3,"formControl","tuiTextfieldCleaner"],["placeholder","3 months or more","tuiTextfield",""]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-month-range",0),c._uU(1," Choose a range of months "),c._UZ(2,"input",1),c.qZA()),2&e&&c.Q6J("formControl",t.control)("tuiTextfieldCleaner",!0)},dependencies:[a.JJ,a.oH,_.X,A.K,w.M,C.b],encapsulation:2,changeDetection:0}),t})(),q=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-month-range-example-2"]],decls:7,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",1,"tui-space_bottom-2"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_vertical-4"],["formControlName","testValue"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"tui-input-month-range",1),c._uU(2," Choose a range of months "),c.qZA(),c.TgZ(3,"tui-input-month-range",2),c._uU(4," Choose a range of months "),c.qZA(),c.TgZ(5,"tui-input-month-range",3),c._uU(6,"Choose a range of months"),c.qZA()()),2&e&&c.Q6J("formGroup",t.testForm)},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,_.X,A.K,V.s],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(null)}),this.disabledItemHandler=(e,t)=>!!t&&!!t.value&&t.value instanceof m.TuiMonthRange&&!!t.value.isSingleMonth&&e.month{var e;class t extends s.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new a.NI(null,a.kI.required),this.exampleForm=n.e(45722).then(n.t.bind(n,45722,17)),this.exampleModule=n.e(22580).then(n.t.bind(n,22580,17)),this.exampleHtml=n.e(82082).then(n.t.bind(n,82082,17)),this.example1={TypeScript:n.e(11176).then(n.t.bind(n,11176,17)),HTML:n.e(57536).then(n.t.bind(n,57536,17))},this.example2={TypeScript:n.e(46649).then(n.t.bind(n,46649,17)),HTML:n.e(62394).then(n.t.bind(n,62394,17))},this.example3={TypeScript:n.e(59990).then(n.t.bind(n,59990,17)),HTML:n.e(5748).then(n.t.bind(n,5748,17))},this.minVariants=[m.TUI_FIRST_DAY,new m.TuiMonth(2019,2),new m.TuiMonth(2007,0),new m.TuiDay((new Date).getFullYear()+3,1,1)],this.maxVariants=[m.TUI_LAST_DAY,new m.TuiMonth(2017,2),new m.TuiMonth(2020,2),new m.TuiMonth(2023,0)],this.min=this.minVariants[0],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[m.ALWAYS_FALSE_HANDLER,({month:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=c.n5z(e)))(n||e)}}(),e.ɵcmp=c.Xpm({type:e,selectors:[["example-tui-input-month-range"]],features:[c._Bn([{provide:p.x,useExisting:(0,c.Gpc)((()=>e))}]),c.qOj],decls:4,vars:0,consts:[["header","InputMonthRange","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4","b-form"],["id","sizes","heading","sizes",3,"content"],["id","context","heading","With a context usage in disabledItemHandler",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandlerWithContext",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","max","min","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,v,16,3,"ng-template",1),c.YNc(2,D,10,10,"ng-template",1),c.YNc(3,z,24,3,"ng-template",1),c.qZA())},dependencies:[h.c,g.F,f.z,x.B,T.q,y.n,Z.f,b.w,a.JJ,a.oH,_.X,A.K,C.b,U.x,V.s,M.a,P.bZ,H.L,I,q,J],encapsulation:2,changeDetection:0}),t})(),K=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[u.fV,d.f,a.UX,a.u5,o.ez,r.TuiLinkModule,r.TuiButtonModule,l.TuiInputMonthRangeModule,r.TuiTextfieldControllerModule,r.TuiHintModule,r.TuiNotificationModule,i.Bz.forChild((0,u.Ve)(G))]}),t})()}}]); \ No newline at end of file diff --git a/next/95437.be78e63389dccaba.js b/next/95437.be78e63389dccaba.js new file mode 100644 index 000000000000..6a22e5175f5b --- /dev/null +++ b/next/95437.be78e63389dccaba.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[95437],{95437:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiInputMonthRangeModule:()=>K});var o=n(88692),a=n(69900),i=n(91795),u=n(64500),r=n(73588),l=n(84479),d=n(75695),c=n(64537),m=n(53222),s=n(82880),p=n(98204),h=n(83074),g=n(10977),f=n(62840),x=n(60404),T=n(43560),y=n(93525),Z=n(38868),b=n(54218),_=n(12571),A=n(10638),C=n(64374),U=n(68874),V=n(10200),M=n(3729),P=n(84848),H=n(79121),w=n(91030);let I=(()=>{var e;class t{constructor(){this.control=new a.NI(null)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-month-range-example-1"]],decls:3,vars:2,consts:[[3,"formControl","tuiTextfieldCleaner"],["placeholder","3 months or more","tuiTextfield",""]],template:function(e,t){1&e&&(c.TgZ(0,"tui-input-month-range",0),c._uU(1," Choose a range of months "),c._UZ(2,"input",1),c.qZA()),2&e&&c.Q6J("formControl",t.control)("tuiTextfieldCleaner",!0)},dependencies:[a.JJ,a.oH,_.X,A.K,w.M,C.b],encapsulation:2,changeDetection:0}),t})(),q=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(null)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-input-month-range-example-2"]],decls:7,vars:1,consts:[[3,"formGroup"],["formControlName","testValue","tuiTextfieldSize","s",1,"tui-space_bottom-2"],["formControlName","testValue","tuiTextfieldSize","m",1,"tui-space_vertical-4"],["formControlName","testValue"]],template:function(e,t){1&e&&(c.TgZ(0,"form",0)(1,"tui-input-month-range",1),c._uU(2," Choose a range of months "),c.qZA(),c.TgZ(3,"tui-input-month-range",2),c._uU(4," Choose a range of months "),c.qZA(),c.TgZ(5,"tui-input-month-range",3),c._uU(6,"Choose a range of months"),c.qZA()()),2&e&&c.Q6J("formGroup",t.testForm)},dependencies:[a._Y,a.JJ,a.JL,a.sg,a.u,_.X,A.K,V.s],encapsulation:2,changeDetection:0}),t})(),J=(()=>{var e;class t{constructor(){this.testForm=new a.cw({testValue:new a.NI(null)}),this.disabledItemHandler=(e,t)=>!!t&&!!t.value&&t.value instanceof m.TuiMonthRange&&!!t.value.isSingleMonth&&e.month{var e;class t extends s.b{constructor(){super(...arguments),this.cleaner=!1,this.control=new a.NI(null,a.kI.required),this.exampleForm=n.e(45722).then(n.t.bind(n,45722,17)),this.exampleModule=n.e(22580).then(n.t.bind(n,22580,17)),this.exampleHtml=n.e(82082).then(n.t.bind(n,82082,17)),this.example1={TypeScript:n.e(11176).then(n.t.bind(n,11176,17)),HTML:n.e(57536).then(n.t.bind(n,57536,17))},this.example2={TypeScript:n.e(46649).then(n.t.bind(n,46649,17)),HTML:n.e(62394).then(n.t.bind(n,62394,17))},this.example3={TypeScript:n.e(59990).then(n.t.bind(n,59990,17)),HTML:n.e(5748).then(n.t.bind(n,5748,17))},this.minVariants=[m.TUI_FIRST_DAY,new m.TuiMonth(2019,2),new m.TuiMonth(2007,0),new m.TuiDay((new Date).getFullYear()+3,1,1)],this.maxVariants=[m.TUI_LAST_DAY,new m.TuiMonth(2017,2),new m.TuiMonth(2020,2),new m.TuiMonth(2023,0)],this.min=this.minVariants[0],this.max=this.maxVariants[0],this.disabledItemHandlerVariants=[m.ALWAYS_FALSE_HANDLER,({month:e})=>e%3==0],this.disabledItemHandler=this.disabledItemHandlerVariants[0]}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=c.n5z(e)))(n||e)}}(),e.ɵcmp=c.Xpm({type:e,selectors:[["example-tui-input-month-range"]],features:[c._Bn([{provide:p.x,useExisting:(0,c.Gpc)((()=>e))}]),c.qOj],decls:4,vars:0,consts:[["header","InputMonthRange","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"tui-space_bottom-4"],["id","sizes","heading","sizes",3,"content"],["id","context","heading","With a context usage in disabledItemHandler",3,"content"],[3,"control"],["documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabledItemHandler","documentationPropertyType","TuiBooleanHandlerWithContext",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","min","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","TuiMonth | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.text-align","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[3,"disabledItemHandler","focusable","formControl","max","min","pseudoActive","pseudoFocus","pseudoHover","pseudoInvalid","readOnly","tuiHintAppearance","tuiHintContent","tuiHintDirection","tuiTextfieldCleaner","tuiTextfieldIconLeft","tuiTextfieldLabelOutside","tuiTextfieldSize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,v,16,3,"ng-template",1),c.YNc(2,D,10,10,"ng-template",1),c.YNc(3,z,24,3,"ng-template",1),c.qZA())},dependencies:[h.c,g.F,f.z,x.B,T.q,y.n,Z.f,b.w,a.JJ,a.oH,_.X,A.K,C.b,U.x,V.s,M.a,P.bZ,H.L,I,q,J],encapsulation:2,changeDetection:0}),t})(),K=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[u.fV,d.f,a.UX,a.u5,o.ez,r.TuiLinkModule,r.TuiButtonModule,l.TuiInputMonthRangeModule,r.TuiTextfieldControllerModule,r.TuiHintModule,r.TuiNotificationModule,i.Bz.forChild((0,u.Ve)(G))]}),t})()}}]); \ No newline at end of file diff --git a/next/9604.712218fd98104d10.js b/next/9604.712218fd98104d10.js new file mode 100644 index 000000000000..15166e1443bb --- /dev/null +++ b/next/9604.712218fd98104d10.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[9604],{9604:e=>{e.exports='Type phone number\n
Form value: {{ control.value | json }}
\n'}}]); \ No newline at end of file diff --git a/next/9604.91488bcbcbd37afc.js b/next/9604.91488bcbcbd37afc.js deleted file mode 100644 index 22aca37b5f34..000000000000 --- a/next/9604.91488bcbcbd37afc.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[9604],{9604:n=>{n.exports='\n Type phone number\n\n
Form value: {{ control.value | json }}
\n'}}]); \ No newline at end of file diff --git a/next/96898.38b461f6c1bf08fd.js b/next/96898.38b461f6c1bf08fd.js deleted file mode 100644 index 667aa99f66df..000000000000 --- a/next/96898.38b461f6c1bf08fd.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[96898],{96898:t=>{t.exports='\n Star Wars persons\n \n\n'}}]); \ No newline at end of file diff --git a/next/96898.4f54133fa9ebd530.js b/next/96898.4f54133fa9ebd530.js new file mode 100644 index 000000000000..40f4dcaf7dc0 --- /dev/null +++ b/next/96898.4f54133fa9ebd530.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[96898],{96898:t=>{t.exports='\n Star Wars persons\n \n\n'}}]); \ No newline at end of file diff --git a/next/97671.100772185231743c.js b/next/97671.3d46fc0c4ca3c877.js similarity index 83% rename from next/97671.100772185231743c.js rename to next/97671.3d46fc0c4ca3c877.js index 1a12fb3e50c0..1dcc21bf16ed 100644 --- a/next/97671.100772185231743c.js +++ b/next/97671.3d46fc0c4ca3c877.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[97671],{97671:n=>{n.exports='\n \n \n \n \n \n {{ items[index].caption }}\n \n \n \n \n \n \n {{ items[index + items.length - max].caption }}\n \n \n\n

\n \n Max tabs\n \n

\n'}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[97671],{97671:n=>{n.exports='\n \n \n \n \n \n {{ items[index].caption }}\n \n \n \n \n \n \n {{ items[index + items.length - max].caption }}\n \n \n\n

\n \n Max tabs\n \n

\n'}}]); \ No newline at end of file diff --git a/next/98295.327e57e5c37a03b1.js b/next/98295.327e57e5c37a03b1.js deleted file mode 100644 index b0d5c2e0e614..000000000000 --- a/next/98295.327e57e5c37a03b1.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[98295],{98295:e=>{e.exports='Strings:\n\n\n Star Wars persons\n\n \n\n\n\n Star Wars persons\n\n \n\n\nObjects (stringify):\n\n Star Wars persons\n\n \n\n\n\n Star Wars persons\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/98295.6d42ec27c02db6b9.js b/next/98295.6d42ec27c02db6b9.js new file mode 100644 index 000000000000..1d3bdac09e8b --- /dev/null +++ b/next/98295.6d42ec27c02db6b9.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[98295],{98295:e=>{e.exports='Strings:\n\n\n Star Wars persons\n\n \n\n\n\n Star Wars persons\n\n \n\n\nObjects (stringify):\n\n Star Wars persons\n\n \n\n\n\n Star Wars persons\n\n \n\n'}}]); \ No newline at end of file diff --git a/next/98542.204f8871ae54248d.js b/next/98542.440755acde21d8e5.js similarity index 76% rename from next/98542.204f8871ae54248d.js rename to next/98542.440755acde21d8e5.js index d46a9aac194b..34419e1a433d 100644 --- a/next/98542.204f8871ae54248d.js +++ b/next/98542.440755acde21d8e5.js @@ -1 +1 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[98542],{98542:e=>{e.exports=".template {\n display: flex;\n align-items: center;\n}\n\n.avatar {\n margin: 0 0.5rem 0 -0.25rem;\n}\n"}}]); \ No newline at end of file +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[98542],{98542:e=>{e.exports=".template {\n display: flex;\n align-items: center;\n}\n\n.avatar {\n margin: 0 0.5rem 0 -0.25rem;\n}\n\ntui-multi-select {\n max-width: 20rem;\n}\n"}}]); \ No newline at end of file diff --git a/next/98559.09ee8bdd2b49dc9c.js b/next/98559.09ee8bdd2b49dc9c.js new file mode 100644 index 000000000000..2524cd67be62 --- /dev/null +++ b/next/98559.09ee8bdd2b49dc9c.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[98559],{98559:n=>{n.exports='
\n \n Type a password\n \n\n'}}]); \ No newline at end of file diff --git a/next/98559.35b356199b8d4136.js b/next/98559.35b356199b8d4136.js deleted file mode 100644 index c015f9205bf2..000000000000 --- a/next/98559.35b356199b8d4136.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[98559],{98559:n=>{n.exports='\n \n Type a password\n \n\n'}}]); \ No newline at end of file diff --git a/next/99226.8e9310f84d348cdf.js b/next/99226.8e9310f84d348cdf.js deleted file mode 100644 index e1279065ea01..000000000000 --- a/next/99226.8e9310f84d348cdf.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[99226],{99226:e=>{e.exports='\n

\n If a field is optional, but unfinished field should be marked as invalid, use\n tuiUnfinishedValidator\n directive\n

\n \n Choose a date\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/99226.cc852d5f237382bf.js b/next/99226.cc852d5f237382bf.js new file mode 100644 index 000000000000..4a27eecc18c1 --- /dev/null +++ b/next/99226.cc852d5f237382bf.js @@ -0,0 +1 @@ +(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[99226],{99226:e=>{e.exports='\n

\n If a field is optional, but unfinished field should be marked as invalid, use\n tuiUnfinishedValidator\n directive\n

\n \n Choose a date\n \n \n\n'}}]); \ No newline at end of file diff --git a/next/index.html b/next/index.html index aced17a1f880..95d12c1dd984 100644 --- a/next/index.html +++ b/next/index.html @@ -39,7 +39,7 @@ Taiga UI: A powerful set of open source components for Angular - taiga
topography
Make it
Customize design the way you like it
topography

Taiga UI ——
powerful set of
open source
components
for Angular

- + \ No newline at end of file diff --git a/next/index.original.html b/next/index.original.html index 8670d1f12c3d..aad16e68bcde 100644 --- a/next/index.original.html +++ b/next/index.original.html @@ -39,9 +39,9 @@ Taiga UI - + - + \ No newline at end of file diff --git a/next/runtime.edd1463d9e98c9b0.js b/next/runtime.5fe0988e9b899058.js similarity index 83% rename from next/runtime.edd1463d9e98c9b0.js rename to next/runtime.5fe0988e9b899058.js index 1a1d44d11088..77c28d610bd7 100644 --- a/next/runtime.edd1463d9e98c9b0.js +++ b/next/runtime.5fe0988e9b899058.js @@ -1 +1 @@ -(()=>{var e,a,d,f,b,c,n={},i={};function l(e){var a=i[e];if(void 0!==a)return a.exports;var d=i[e]={exports:{}};return n[e].call(d.exports,d,d.exports,l),d.exports}l.m=n,e=[],l.O=(a,d,f,b)=>{if(!d){var c=1/0;for(t=0;t=b)&&Object.keys(l.O).every((e=>l.O[e](d[i])))?d.splice(i--,1):(n=!1,b0&&e[t-1][2]>b;t--)e[t]=e[t-1];e[t]=[d,f,b]},l.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return l.d(a,{a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,f){if(1&f&&(e=this(e)),8&f)return e;if("object"==typeof e&&e){if(4&f&&e.__esModule)return e;if(16&f&&"function"==typeof e.then)return e}var b=Object.create(null);l.r(b);var c={};a=a||[null,d({}),d([]),d(d)];for(var n=2&f&&e;"object"==typeof n&&!~a.indexOf(n);n=d(n))Object.getOwnPropertyNames(n).forEach((a=>c[a]=()=>e[a]));return c.default=()=>e,l.d(b,c),b},l.d=(e,a)=>{for(var d in a)l.o(a,d)&&!l.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((a,d)=>(l.f[d](e,a),a)),[])),l.u=e=>(({342:"i18n-lazy-185",990:"i18n-lazy-183",1352:"i18n-lazy-181",3379:"i18n-lazy-319",3504:"i18n-lazy-197",4244:"i18n-lazy-311",4540:"i18n-lazy-91",4790:"i18n-lazy-227",6073:"i18n-lazy-41",6673:"i18n-lazy-55",6911:"i18n-lazy-207",7815:"i18n-lazy-331",7821:"i18n-lazy-333",8131:"i18n-lazy-249",8246:"i18n-lazy-273",10393:"i18n-lazy-241",10482:"i18n-lazy-237",15089:"i18n-lazy-187",15784:"i18n-lazy-271",15930:"i18n-lazy-143",16034:"i18n-lazy-339",16352:"i18n-lazy-137",16447:"i18n-lazy-115",17411:"i18n-lazy-225",19622:"i18n-lazy-347",20749:"i18n-lazy-201",21046:"i18n-lazy-135",21173:"i18n-lazy-297",21415:"i18n-lazy-73",21502:"i18n-lazy-175",27769:"i18n-lazy-85",28015:"i18n-lazy-77",28966:"i18n-lazy-287",29105:"i18n-lazy-109",29868:"i18n-lazy-9",31086:"i18n-lazy-325",31865:"i18n-lazy-93",32195:"i18n-lazy-7",33157:"i18n-lazy-127",33439:"i18n-lazy-49",33524:"i18n-lazy-295",35170:"i18n-lazy-159",35847:"i18n-lazy-163",36104:"i18n-lazy-231",36498:"i18n-lazy-13",37085:"i18n-lazy-303",38261:"i18n-lazy-247",38502:"i18n-lazy-179",39562:"i18n-lazy-121",39621:"i18n-lazy-153",40449:"i18n-lazy-117",40669:"i18n-lazy-113",41158:"i18n-lazy-129",42682:"i18n-lazy-205",42798:"i18n-lazy-27",43419:"i18n-lazy-251",44499:"i18n-lazy-269",47034:"i18n-lazy-345",49610:"i18n-lazy-291",50366:"i18n-lazy-99",50511:"i18n-lazy-337",50634:"i18n-lazy-215",50988:"i18n-lazy-219",51563:"i18n-lazy-275",53332:"i18n-lazy-315",54538:"i18n-lazy-119",55192:"i18n-lazy-19",56966:"i18n-lazy-75",57027:"i18n-lazy-3",58699:"i18n-lazy-335",58778:"i18n-lazy-157",59173:"i18n-lazy-25",59193:"i18n-lazy-21",59681:"i18n-lazy-29",60738:"i18n-lazy-305",61972:"i18n-lazy-151",62229:"i18n-lazy-223",62608:"i18n-lazy-43",64777:"i18n-lazy-313",66558:"i18n-lazy-173",66561:"i18n-lazy-267",68053:"i18n-lazy-161",68067:"i18n-lazy-263",68149:"i18n-lazy-139",68592:"common",69450:"i18n-lazy-259",70932:"i18n-lazy-51",71983:"i18n-lazy-31",74209:"i18n-lazy-95",74832:"i18n-lazy-317",74896:"i18n-lazy-299",74944:"i18n-lazy-193",75664:"i18n-lazy-293",76185:"i18n-lazy-63",77036:"i18n-lazy-165",79976:"i18n-lazy-107",80445:"i18n-lazy-5",84314:"i18n-lazy-209",85084:"i18n-lazy-323",85871:"i18n-lazy-245",86874:"i18n-lazy-229",87611:"i18n-lazy-69",88176:"i18n-lazy-141",89905:"i18n-lazy-65",92088:"i18n-lazy-253",93403:"i18n-lazy-47",93692:"i18n-lazy-97",93888:"i18n-lazy-71",94221:"i18n-lazy-203",95183:"i18n-lazy-53",96807:"i18n-lazy-281",96896:"i18n-lazy-35",97128:"i18n-lazy-285",97196:"i18n-lazy-87"}[e]||e)+"."+{101:"61623abe4cb324ce",136:"3d1fe006e4db464f",148:"cbd7254073f26dd6",270:"1f972478a2321699",288:"28afd4b4608cdf23",342:"3291654cdc053b55",420:"d6da47107d7189dd",422:"abc132a8822d4d8c",437:"6c426c70d0a0f32e",509:"4a76a8d53c4384cd",555:"05cae1b768b10e40",580:"03e3c2f27e76f6a1",592:"181f848f69561d49",614:"361252385ec68c4e",616:"d3f9190884b0f9b5",675:"37650175eac25997",720:"b9500c964404d16c",757:"b33c2180072ed610",763:"89f4fd524c08d751",764:"93f5762fb066a4df",893:"2d4e091977e760ce",904:"067b1681b565cffc",910:"cb80824cf8306b8d",953:"ceeb40297c1aa657",990:"b4567d9c5df95291",1114:"57794d2e5cc7ca5e",1129:"9b1739da4cec05d1",1141:"078c2ed1df7ae135",1161:"eaeab4ef3deaf75a",1182:"2984ef7833464c74",1246:"ebc99472b6027160",1322:"5231d74b2292f4ab",1336:"fd1d8ea11c2f52d3",1342:"e334901ace61df57",1352:"1e5ba32ce8c9cdbd",1393:"221d325b13bf8304",1425:"fbc14d3ea31b3896",1442:"25a7f297f7cab8ad",1468:"c837dd0a33c5f44e",1470:"2647599d8885e157",1514:"f5f632744150e106",1557:"80118f0ca17d774d",1605:"fe27eb1d6ddbade9",1606:"a85056ef497e0f1d",1674:"14e7d996db9d4be1",1697:"ce9adfca1a0c2982",1702:"461ed54cc2849380",1711:"482ddd4e6209e369",1737:"05989dc0f9d128de",1778:"7bbccde7a77edea8",1782:"bfb6cfdff59515a5",1843:"6d7d54f17f82ea56",1849:"c80a298c56fb3f85",1947:"93388d0508d75266",1964:"7e68749d25f0cd72",1971:"4323acc60645f764",1997:"e7327525d4a6acc9",2013:"002c9ec851ff6e40",2060:"88f3172cc5a1c7eb",2067:"e72c4a2872a07ffc",2105:"f4d770ac52f54666",2132:"9681b7007db57129",2145:"902a8e5fa7104d3c",2148:"4fe5e4e7e4fa14bf",2180:"716451bf6c006f74",2207:"47426e5af4179f50",2212:"d9898c45ba9357f2",2216:"8542823e0c57b5d6",2230:"a0caeb3671e69678",2276:"345b18471238615d",2337:"656505eab1279f68",2345:"4b0094050e53d931",2367:"93ffd823a47a17dd",2387:"b559b06ab8ed40cb",2442:"2c59703ce5994846",2447:"04c6b427243ee389",2475:"884e44adfbe7040b",2500:"6e0e2f40dac5489b",2509:"45662d24eb000074",2602:"675b27455d215db0",2642:"d15303971b4c1273",2646:"7aa553cc59169f5a",2791:"1451050e5b88335b",2828:"af203577a3babf19",2862:"8a75beede7ee58d4",2899:"42cf95a3cd67ad93",2973:"dd23c64028c44f34",2995:"aa6a89fe1d45df4f",3011:"a4d4b788c510e1a9",3018:"c97844c5f13703e7",3031:"30e49dd19082e87b",3079:"101aa4af87624426",3095:"f7f88179a0030e78",3138:"970fb9a9313469d8",3191:"32bf2fe4d904f04e",3233:"cbd8013f295c8ec5",3253:"e96d12c021ef4f7d",3303:"1b9082d2ac6dbed6",3322:"5eac1522e80f897b",3350:"29f6c81b30bc38a1",3379:"89f9dd7a908ae839",3391:"ab6e62e2ea8574a2",3423:"3352363ddb4746a0",3467:"9371f499a5acc543",3504:"3667395a2ab97753",3557:"5642bf0d2f366cb1",3578:"17d0d72260539e7e",3679:"34adcc89ee09fa48",3720:"33d0136fd4db94c9",3749:"60ffb8ecf0582006",3836:"7a0052b3ab7a2f8d",3956:"b3dabbfdd1c79ea0",3957:"c0926ca999ec61c1",3991:"a01fdeb26897e5cf",4011:"469b0dfc5a50eee0",4107:"b00eb7ce4168349c",4147:"8ebdb5ff173eda88",4159:"24a9022e5a3a618a",4211:"e049d2f4dab7ec39",4226:"12a8d6cc6373a3a0",4244:"987b4512ce2c0160",4272:"c71bd5a8f4dee8c2",4530:"399993d09c0b3c9f",4540:"2b2c175464428fa9",4564:"4a123981c11bb576",4628:"172fa6cf7c51f6e1",4697:"d766b75a3277f428",4755:"3a694deff22d7909",4759:"5fa6d74244557bc3",4782:"727aa8acaf353698",4790:"5cf5f0b2349c8572",4850:"8f788971a5d76deb",4886:"a00561abd5b81c7c",4902:"7ba97014519c03a9",4914:"5439c9885498b80c",4918:"a20d6ccb81cd3b22",4935:"5b1fd5b17c69351b",5135:"48ba901b86340286",5197:"4f487bcee1b758e8",5213:"d19c0b73776c0624",5232:"199b1db0023f9bd6",5280:"61ac034cb8db6f0e",5287:"13e26a5320cd9186",5382:"b440567b4c972b04",5440:"fc88d08eebafd70b",5488:"32fcdf2edfda0269",5608:"8db79da031678b94",5619:"d21a6e4531e2d7f3",5657:"82be8c38891f53a3",5680:"1628e4387133dcc7",5690:"000cb336cea5b8f9",5748:"2af88390efb7db94",5750:"459beed68e10c635",5758:"f56fbe737103824f",5768:"524bcbb3911e061b",5781:"f9823baa74ba1915",5859:"c43f5e34c3fe866a",5900:"24d93fb047f2bc0f",6010:"fd935187a5f1d290",6014:"6c055c792ed06978",6062:"2e1eee1c6e24d910",6073:"76c5428553d528f8",6225:"00386fd586413652",6245:"c5fe831cfee4b80f",6414:"e53e68649a004e8d",6442:"ca12adf07eda70a4",6456:"fd6953aa106048eb",6489:"268de498b5c72480",6492:"3a0cde9c21d55146",6583:"ee9b79e1316a654e",6594:"24aa36dcb0e0b8a0",6599:"d2cec636d24e1739",6630:"f56749b6c51072d4",6658:"ff7f602964f7b715",6665:"f256a55163a3dc60",6673:"16f3399b092e53de",6688:"eac9e5437d1bcffc",6690:"b772c1afeb0713c3",6696:"737c853d0a7f8cb3",6722:"5857261774b032a2",6726:"18410b717426986c",6740:"429d2598827b3d86",6812:"03d00c64a237e268",6857:"e30c39ecb59c2b2d",6911:"91d8b7d3f3dec560",6953:"0c389a3cef19c6c4",7019:"f8c301694461a611",7030:"cf967ce331413b99",7036:"78a13b82f0cadb6a",7077:"05837dc29abc0c4a",7182:"46479bf0679e6e6c",7190:"e7c66eeeec4d7064",7205:"19c101509c061384",7213:"d883b413d601441e",7214:"a31d3136467ac655",7220:"507e0c651d28b782",7228:"c373059c218e334d",7254:"8ea1cfa01cc06ada",7275:"e0309def9ad872f8",7283:"ffe67e2a731feaad",7411:"eaf184c5d93b4a76",7486:"3a0001db5d752b8d",7533:"5998aa3cfc59d6e7",7561:"441362346648b142",7588:"3715bc2b96b36cef",7633:"df84b683c1b1141a",7639:"787a4d88636e88f2",7705:"3bffe9a5d99b1f9b",7709:"7dc36ae27776f268",7724:"ed725f045c64bf56",7771:"f8fab39e77049da9",7777:"7a642cb7e7c76b2a",7815:"8d64a4895c1acadc",7821:"3d666782ac385c2e",7863:"fefa1285f778aea0",7916:"b3d748f0c89ce9f9",7950:"e486f3c0e524b94e",8018:"59915146b6bbe732",8019:"0b46534ec5c32c32",8028:"69ef1e9506615c39",8040:"543fe41c93ae4829",8046:"bd2923e8e9c04bd7",8074:"ef93ebcad694b5db",8077:"b894a490776ebccb",8088:"49baeaef2e0a1b05",8115:"357ce415d8ba2268",8131:"0909b3670d87c897",8145:"e4e933918e55b59c",8188:"d4db179ad334c651",8246:"6e69c0c55250a177",8289:"de405930330a9338",8302:"58e8a2872c7ace03",8310:"7c21d9dd5980ac65",8345:"55d7a5b97052389f",8354:"3ff4530572e0ca1f",8425:"61bde27911cfd623",8441:"dad423729543cd0e",8569:"e6d2666f89444d94",8590:"cd28b338d3572af5",8609:"9fc738ad8a3ccb89",8629:"c775c7fd6e2b0bd1",8763:"69a12b31eec583a1",8836:"2ee882649e09aca1",8853:"3ec9930fba7915e9",8863:"2fb4891dd4da55f8",8923:"68453a50b5de9887",8983:"e810e404856cbbe9",9008:"0e4a28f3ad7ece97",9028:"38ed209e0c86ccff",9057:"c2c3e180d1bceedd",9110:"b4cedb8992758de7",9125:"da7c209ea753a1c1",9179:"09130a4d22f0ddc8",9182:"53d88f1f51df19d8",9213:"b5ab7be6c4f24389",9254:"1dd7651eb94948eb",9273:"8fd113ba68823002",9295:"ee22b8e6322a241a",9307:"68df44e3237265c6",9361:"a3302c74614604e6",9370:"374ccef0fbd872de",9395:"e5852728ec65a625",9408:"1b65e5c70a6724bb",9502:"d3a398b48102870a",9600:"fbae0b688d2e213f",9604:"91488bcbcbd37afc",9755:"930ad03c4ec7d1e1",9771:"413f8af9dd39879f",9839:"533c8561de7a3578",9849:"4b1137e6b0131e68",9886:"42f7ae899e67b8af",9897:"e0dd9526e043f5b2",9959:"5b0ca100660e3fc1",9978:"b6d98ab0eb19cdb5",9981:"cf55c656b9f42eac",10089:"183b90edd013a611",10164:"f479d46e6d4dabda",10227:"d54cc8033711a247",10236:"d939c6a51c8aa456",10311:"b1ba0e034e8c6b40",10393:"9b9b85e7ae8cf38a",10419:"a02238b0e3c8a812",10428:"0b4d6e6ba554b591",10451:"0eeaca1c37fe630e",10458:"4a406dd4b5aa05dd",10475:"c1c3be8ff5531604",10482:"db43c45ffb6f61e3",10523:"2d162faa98b607e4",10530:"c5a666e309125838",10650:"a557155c059535e0",10686:"bbc82741906a0724",10736:"5b8c0c4ba5fc1836",10769:"9ee093fcea78235d",10856:"6e7d6ea4e7f8b56e",10875:"7ca3cc92a0a6e67e",10916:"f65a858fb15f33d6",10931:"5ecc66424abd43c3",11083:"44aef71fb4b134fb",11176:"ad3bd60f1b8d07f8",11227:"3d6abfa81ba43095",11350:"477bca8ff7d68544",11378:"e458b3858f6e08b9",11437:"21f069c9e2222c16",11453:"d0b5b4c0be142fc7",11471:"33586efed99cc37c",11495:"1e7ced125c650970",11533:"8966e217b1130a5a",11589:"e78320abd5204b91",11711:"464af59215f4f829",11752:"8a79d4d7d07e462f",11832:"9c0650cd0f339497",11836:"48a3b22d668d8389",11910:"39a79d14d762a7e3",11927:"4c3e32d204fc6aab",11962:"55907bd91ba52769",12039:"f834bc382e7cd8fa",12059:"9c47a14b50a2fb36",12258:"102bb8ad874ab2fe",12269:"2574ff1f63bef90f",12381:"4d03b2221ceed04c",12414:"e708267129cd5e12",12428:"2ff1a906924a8842",12510:"c0850fdc32793514",12513:"65ef18360c1a42b2",12572:"6809ab892bb9233a",12601:"2cb0780200e5e776",12634:"54dac7ecaf88ba0a",12661:"e4634fe7fcc1ffb9",12662:"83c9d801ba5e79b2",12682:"31d2c65e35d6e12b",12839:"be29b1db0067cc56",12878:"ae79def20d6e56d0",12989:"c835d651a094a535",13027:"0f404a16b84dde4a",13108:"22dbb94fa0384ce5",13110:"a66cd7a3de5a3451",13242:"719dacf2529eeda5",13283:"0ae2b59256a83376",13284:"a0bdc9c7ff601280",13320:"62be0c289def1307",13330:"e0c14c2177b1b2d9",13345:"75842a2f5724e5d4",13401:"44a72d71282b5eef",13406:"756c1b1c6e405dbb",13449:"9852b6837af54ef1",13453:"fd525db1e27e1e7b",13518:"4fd520f4d546b4f6",13531:"0785748e8f6078be",13540:"8e98f63b126cdc78",13568:"e1bda1497df4d5c4",13606:"d67cdcd273056c14",13744:"da40a244c5774760",13760:"27bacafa878dd57b",13763:"7c7b8c44807d39bb",13769:"24382520f9ed1c7c",13788:"376ad1a314e24ecd",13837:"d143c3462dd07510",13892:"0ded88f42896a4c7",13948:"5469e2ba0da41c7d",13964:"53de49dc7031437f",14022:"3126eab535fca534",14065:"33c779ad3d32dbb7",14164:"24e534d6f9b80015",14193:"6b8e3ee634c6aebe",14203:"59f4648c34559995",14228:"319d6fbecdf02307",14340:"82b1cbb5f24351e1",14347:"ca000c5de8f1265e",14378:"8856b6eeb7cd441e",14399:"5bcac6485c2a42e3",14425:"f55489ee26e9665f",14491:"c33a617f940720f6",14493:"ef4dd9c0df47ac83",14519:"0f8ce5c43de2ed47",14548:"7375992662bb25b9",14582:"de8e0df1e22f0c04",14604:"0d8b20285ca1c829",14628:"3b642e9a80468174",14652:"e4e4da9cb4c9f34c",14669:"84f9f44fa6fe3072",14720:"95e2e86a579bb5b9",14750:"ccc7849cbd296128",14756:"da27439218976bd5",14778:"94b6d3c02383318e",14802:"19326841b20437a7",14890:"5f24f8bf6638c989",14923:"f11654cc15a18c5e",15038:"5764733d79f736d8",15040:"768b0c1561b328c4",15088:"fe6c03f67324dacf",15089:"1803ae54050327d6",15153:"7e9f62127ec04c06",15199:"98b4b3dfa1ce222c",15203:"5254bf4475d5cf3b",15204:"b72ddd1ce8882e49",15240:"02792a0633d9f792",15294:"3dd876c18a356b10",15323:"6ecd2634234fb35c",15331:"46b75291d37ea1e2",15343:"ee7c69deed767bde",15347:"7030d153d393249d",15351:"af948286e40e0ac3",15376:"f9832957d5e92751",15522:"0a6d00f51776a2b7",15529:"719e17db6db8002d",15594:"a1bfb3e48d62dd3b",15599:"33bae082b96416b7",15646:"ef14a1bf50a710dd",15661:"ad95f06173855856",15742:"d601a2a19ab11ea3",15784:"b11ee341b73be2e8",15792:"edad7e1496d319b3",15814:"9d5bd8727c106914",15879:"60455e64d752fe1f",15930:"2c5860636d693cc5",15934:"b7999aa5e1012454",15947:"1623459737ab65fd",15979:"e24f6c70468cb0fa",15999:"f5363e555431a19d",16007:"cb6eaddfe25e011d",16023:"875520091d138cf2",16034:"96c0f53aa8a6bfe5",16096:"3dd695f21972382b",16131:"0969d09da53e72d7",16152:"fc15ceaa0d7fc8e9",16174:"135f6eb0ab7de2ba",16219:"6d3c25a7ffda0031",16320:"d6a8e48404a4cbd1",16352:"f83609f3c37d5863",16405:"8a71bee873f46797",16445:"383dd843852d666b",16447:"555e8723232d1693",16508:"b9e72ad9001888ff",16597:"b39e6dfe4b77c93c",16613:"938ba069ac5df29d",16649:"20d84965b366dfbb",16656:"97af52fea41f4718",16665:"2cf40d3ba175979b",16675:"efaacf990ef58352",16687:"2ad2adf47fbcd7f2",16699:"466046e7157fb54e",16725:"81aeb6f69bce3187",16808:"0a4ac4a8a43bdb01",17007:"f38a522f6eab0ba9",17080:"49714985751c7048",17130:"5b627de474309b24",17152:"8d51f639941cc4de",17154:"6bbfce214958b3cb",17161:"a96c8d812fc5c8bd",17183:"23c2dce95f94aefb",17210:"ff804ae7eecb4b40",17237:"06d9696699098845",17319:"9d84fce0ac30b63f",17339:"79f43fdd2729bc1b",17363:"f9ba5728ee43b10c",17372:"7f4253565dc417ad",17383:"3c93b8a47a9a243f",17393:"89510bc8ad28ffa7",17411:"831809f41af826fa",17483:"35380b31fd675957",17523:"407e85bdeeceabfc",17530:"c185794d94d561c8",17593:"36fcc8b3309bef65",17637:"12123800073a1626",17696:"a2904a6a2ec70c4b",17703:"84178954fafe3317",17715:"9b1246a01a6d32ef",17783:"684190f30baa9d29",17975:"284a7af9d1dfbb14",17981:"1f52981fe1500b2b",18006:"d9112c1102149508",18015:"6825eceb51291b30",18092:"0ff143011ad0eec2",18131:"67a4065a203a56c5",18164:"2c0a39054eb1b4ec",18224:"b3d9e7534950c043",18247:"abddc12d53d1eec2",18278:"109a86a1d6ebcca7",18279:"377c76ab1e67b21b",18290:"4c08598a03f070ae",18343:"f5be52204e1824f7",18396:"98524cb8c6e4a0d4",18404:"e0fb16a9860dc0af",18455:"bb367e9982542576",18463:"134752b646941fd7",18465:"e8a19305156cd828",18492:"3af442bce7cdad9f",18594:"a72f56eb38072fe3",18668:"81e7aa84f7747b76",18674:"d25ea114ce016b59",18677:"25501cda529ca1e4",18708:"f8711ba3915b17b2",18710:"d414f9ed7a696601",18746:"4da5b69c809fc72d",18777:"baa96522fffbb320",18807:"171723babd8edd51",18879:"8d5955bd97212e7a",18918:"dea5c6da41d88602",18973:"d87cb6ab5fd4da75",19016:"908d2d9bc17cd7b7",19073:"eff6e3529ac44b14",19101:"ed153dff5a7e0140",19102:"97c92a4edbde1bb5",19116:"9c1e9efa75f3062f",19124:"536c8d547bde4362",19149:"ed1d33a7d2dffd5d",19150:"6bcad0ac17a43874",19166:"63690c6a7576cf43",19175:"67c53b1bbf190ef9",19289:"dbf91300f0f255d9",19375:"5b1caa221f4f253d",19386:"e3ba5ee1db7831fe",19387:"cca4e744bda02639",19551:"1658891157104ae8",19592:"d551665e1a618dc1",19622:"fe1e9b48b0e320ea",19624:"55e2150680470c9d",19649:"b01b86a5e45caf58",19684:"bc6f5490677ad0fd",19696:"76b01db12b828518",19707:"175d04767e70a55b",19795:"6f22187a50e0909b",19856:"6e4a7e304efb0444",19864:"f9203bb8ccc038ab",19888:"60a65a8bede18b16",19897:"1d2abf44bd7ac636",19926:"0db5e88399824f53",19948:"241e0e959b7dec3e",20016:"447327e29769e3ec",20075:"ed67da1382b9a937",20139:"28c7cb948ae60903",20150:"4d4ab26654389972",20173:"0d9c006073166045",20226:"b79fc5978a14dbd5",20244:"f24525349af6f2dd",20330:"9d23ca18b0a8c96c",20336:"c29c295473bd914e",20392:"d3cbc4e680f82d3c",20477:"84408b9fe16a591c",20484:"b195ce1246a6f3ab",20604:"ed192765b9c8aec7",20622:"cd674cb7f60ac639",20632:"408eb675f53e5769",20672:"8c4baeee3e2b28e4",20704:"087ab80a60ab422c",20738:"e4e4d2b542786223",20741:"4ea81b1aa2e7034b",20749:"e16a8b548a1d20e7",20761:"ba9bab8f2eb9fac1",20855:"a59764e6120d8012",20861:"6600f61cf6410254",20862:"46e292f32672b167",20918:"e10ddaa7652c5802",20923:"e7c7520508b55cc4",20930:"4a48c33849db36e4",20938:"254544124fad32af",21005:"a6a8841efecaf4d6",21046:"22b7d88d0cb7b834",21050:"fa05ce43e21d68ed",21065:"bc1d776b8603ab21",21162:"b38ec017790a407b",21165:"fcc501f9f2f5f03d",21173:"383d480610242321",21210:"2e065373a74c185c",21311:"38a300883cdedbdc",21415:"716d3c8651e2c410",21457:"5c4f5ad13de43451",21502:"986e0f1dcc5e4478",21504:"03c66f136d913e5f",21505:"0176be50b72d1691",21509:"f352e6df64da9e87",21568:"2d18f84e60c1242b",21580:"9ac20a0a8459a86d",21664:"10574a9819f6342f",21727:"316856e801e2c004",21736:"16e1185aba689309",21812:"fb80a03aa44d6570",21825:"aaaef2f65c1b2c07",21863:"cb0d2376d4e5e3e7",21885:"fd420100037ec91e",21988:"55ba2d9876d3b1d2",22029:"8595bd4f4d11ddc8",22085:"bc7382e647425378",22106:"43683086ee9bca1b",22114:"8d885078b4c43cf0",22125:"3a98e11982fe7fb8",22134:"cc4419d4c84b73db",22165:"a4043c584b87c31f",22223:"ca8ad7eab10c0e45",22285:"d97372e492a60192",22314:"4ff3f68a6499f8be",22352:"a4c10937350d221f",22415:"f0047f94c9ce0994",22516:"ad3b327010e51d8c",22524:"5095a3f32cf6a781",22580:"7826c26298bb3c25",22614:"d6004fea4fcd7806",22647:"0dfad7b4d620c28c",22657:"853422d0d43eb6bb",22680:"110682dcdccc5213",22771:"c4365979670f99f5",22887:"6410e56490c7d773",22945:"6fec67ed8edd614e",22947:"9158a6a814a61ac0",22964:"c3fded467c935b9f",23027:"fdead30b6c4d901d",23028:"cd233a7276e06ce6",23073:"6ce0ffef6ee5e430",23080:"806f3199f1a1ba2c",23255:"27edf85fdd3c8eec",23272:"1e126fb74c772058",23274:"751fcc8f4b23f2b8",23284:"6167441b12e3a97b",23317:"4cf9699277ade848",23551:"0022dba0119b7e1a",23805:"909f2039b68d9e61",23856:"52fe726acc595563",23859:"eaa56c883b634cc1",23889:"7e6e793c856444ec",23962:"f437b8f364e0cd27",24001:"9f02d8f8b6717ead",24007:"c83acd142e8caac4",24047:"367e7508034fe359",24121:"fea553283ee0b31b",24214:"8c3ef6427a2c6a25",24303:"e8ca17e10cd88801",24304:"47ab14e122d91f30",24331:"d30b0b99d057861d",24361:"f6d35e751013e283",24402:"d740e6d1a9cff17d",24419:"abc306359f14e9bb",24460:"99013718bb506b3b",24573:"cb1b3a990472b14b",24704:"12ffb3813c2d55f9",24723:"83eb8a0d2edb0fc6",24793:"ef0e9d04febe8d90",24805:"48f6c5a56cc958a9",24829:"15f46fb8543548e6",24871:"9f0bed160fd7205e",24892:"ecb03ced5739af30",24946:"0e1f954cbc58a341",24975:"e797f52c3a2ae44f",25005:"1a67658c75084704",25011:"0f8dd323e7364f7f",25046:"60635db036a39d96",25090:"24a6a7c87619375b",25155:"3a3ecded911144dc",25174:"a8b86441ac7b6d5b",25195:"2e6820d347520e0f",25196:"26113486f5a0be32",25394:"ec756188f433b885",25450:"a2f9b73624da418e",25497:"f40068f1d0086915",25509:"5c09e9dd0e1019d4",25651:"0f53b25e9e861418",25662:"6dc925d998f771a6",25786:"8f11bb3204eda747",25803:"696ddfa5a1f48244",25924:"8501a3339555f467",25995:"612fe70e64d008b3",26021:"dd6f20239f81dc53",26027:"6b02339859fc4498",26117:"ac58eb309adfde09",26125:"28c773b40694e51e",26136:"7a8fba72ec50611b",26200:"fae392960cf6f2d9",26227:"2355935112aac1ee",26255:"2d735011718dc9e6",26285:"a2a6a220583375bb",26290:"b5eb408cb82b77ec",26293:"b75154d0bfd1dcb4",26307:"e611cca3982fdb42",26349:"f52d4614d663c03e",26402:"c777c799dc8fea75",26450:"d7cc9e685f0c5872",26472:"2826bbaac3a9279a",26481:"19afe0549dee9f36",26492:"67107c1ed49805f5",26521:"02cf290a3ae55ef7",26665:"af9d9c0dddddca58",26668:"8ce53998334455d7",26706:"a4cbdca34e7cde5d",26712:"6dac740a0765f614",26801:"b4024dba6751cc3f",26996:"c3587e5afab61e0a",27029:"900e9dde9d62328b",27092:"f6f5839ac2765cdd",27112:"494dbc818caa87c7",27113:"2382483dfbefda3a",27115:"2831429eec19b003",27177:"d964c87b972ed32d",27305:"e864e23451f289c0",27330:"46860b84af75b603",27334:"c765b6a04492aab7",27340:"4cc103d12bb5ab95",27364:"1ca732d3307cecfb",27404:"b7eddbabd0e7bf54",27406:"83fbe4132e6b70c8",27480:"fda53720019f33d7",27519:"f3578a96d2affcf6",27550:"b558605137b450f4",27648:"29566056f0dc462d",27695:"5e62296a7c7e6339",27696:"040e72026d6b9fa0",27714:"3ef9cf0255975d2b",27725:"f4b7e401bb4596ce",27730:"ef50ca5a05d94ccf",27769:"0df429a4491b2db2",27863:"7ee0058231d2e418",27870:"9cd81b5decbba3dd",27887:"72806d9aaf8bead2",27918:"35a387a9375bdfe2",27934:"a12864337192dcfd",27979:"06f9cd4c7c2d51d7",27980:"60022d86747d0213",28008:"cf22780fa4380313",28015:"64d553a47369dfba",28101:"9de7e4d34cddf3a3",28198:"c24d9e7b4899f675",28265:"bcc9606185c5ef03",28454:"6424cafdfd6cef48",28480:"3936b9291621c47e",28502:"767eed7e2b152b9a",28503:"3b1f180618b44167",28517:"8cd524d52af7deaa",28520:"7e6595780b4dc5b4",28747:"5f21f1455979678c",28753:"4e4d3f694800612f",28770:"6f74e08140aee86d",28777:"eede25e1dd05c700",28864:"2d4de6a610f4a4aa",28904:"e2f529e5ae9f2a70",28966:"e7c4fa6b8aaade93",28990:"253615b6684916b8",29035:"b20b8381172e6ca5",29057:"d9d6cb97949fcce0",29085:"de05bf782b7c45f8",29105:"6bcb1f960fb28ca2",29129:"fa7bf9a4f4edebf9",29156:"2f1978c4f91e31bb",29166:"d7f05d2fa2829377",29178:"34d3061b8e5b4231",29262:"14c473706458e8ee",29270:"f7309a6d884ee945",29297:"10a15c6092bfbf21",29304:"b407b381f60aee65",29352:"4ac15bafc306402e",29358:"12ffb030b4496ef1",29368:"fbfcd654c488fd8d",29386:"e3d2dae540c63f17",29433:"cad8f11317276749",29440:"62a94be0ca704f33",29456:"8d7955eb064e601f",29475:"010faa44b222b726",29483:"adaadd146f089618",29599:"a7867f76e7e1bf84",29677:"78c85b92aed1f727",29705:"4742e5f3b882c090",29739:"3d9efbfc6d7c7c5e",29749:"2ad38b578233decd",29773:"d15b71991ae3306c",29798:"6f88f1015eef8f6e",29861:"6bf1f6547cb119c7",29867:"7446804fa4aff096",29868:"b8d4100d150b45c5",29902:"7627229ad5aec694",29928:"3a0abab9a262039f",29931:"d6040dee03a5d206",29964:"368e2886281caa15",29966:"799c1ac70072d923",29969:"ebcf5bb44e83c2e7",29989:"978409851fa0fcda",29998:"0c2a43903599e309",30003:"e3cf3acf1dfb06cd",30179:"481b320e1bbea1e9",30222:"3b58feb10ca02f57",30312:"73cbc6d126750e31",30316:"bf8842ecbfd39833",30318:"3af900e55e630e39",30341:"503d00c1ee34a5d5",30419:"1a76f98e30148661",30439:"775ea8b83cecf685",30463:"6291e128af131276",30508:"8e6c9502e33cde2e",30573:"e8fa5d3492b35a3a",30591:"6fbe5ec264db35fc",30618:"737b34468da8acc3",30630:"3860f53e9d4cefa2",30734:"6ffae416709fa3c3",30737:"3940c723b7b5581c",30841:"e09432376795c217",30855:"62c162104b1190a4",30882:"75da6eb37cbf152c",30917:"4c859cff3ce3c53c",30955:"d83ef675c2bab801",31043:"e2f65e14de7ae2ff",31067:"3a576eb2f0ff28b2",31083:"9a4ba39cd095e222",31086:"47f7f830c284068f",31111:"a9a609f595f9d966",31119:"1d926bf1a7923b51",31241:"e395a307a7d2dd1e",31306:"5c1ae7fa25bc476d",31517:"df61b02c7189af81",31592:"000314493e852c1c",31617:"c7adc8344a7e5fd2",31623:"68237b9e807b1cbb",31649:"e8bc11f47ae94496",31706:"d3e2b27182c5be12",31739:"066a10bca16d375d",31865:"5cc1613b25614df5",31878:"314ec1c3d7688066",32033:"56021699f07319b2",32046:"4b5f32628edc0068",32119:"29f2abc8a662f49b",32124:"6a23c9be50f93e27",32132:"dd8738d9626e2404",32166:"d650b7bf9106601d",32174:"31d10cfb87a68033",32195:"631ac6582307d0e5",32316:"5592120cd0508d20",32353:"6044ea1942ba288f",32385:"48cd9bf1f6382139",32389:"0b8ab130eae0595a",32410:"9cf8616bfb6e3bac",32550:"b39f100c156a6283",32565:"8d7b56cf48bca71b",32569:"d2bc1ba7a2e3ad3c",32575:"1d9a39b957a2afbc",32679:"56e80ad21170ae0f",32746:"db26ccfa7e7cd19a",32766:"1eae5ba5f7a06a7b",32873:"c8e6ccc241c2d323",32920:"4f821675b13c4b5a",32927:"4a8b7ff965f8d3e7",32985:"2a5b75088f8b7336",32989:"30710e5b6a029795",33029:"99ec33c323aef8e7",33083:"3002c443880e3567",33133:"deda4e6e8e8cb021",33157:"ea1c8c1a1925c045",33214:"272246caf3eeb41a",33287:"642dae5cd6ee947e",33309:"7799771ada39dc4f",33311:"45afaa2bbd88a44c",33339:"f97d80d816f58602",33342:"742546b512248a89",33349:"a1a6b3c4466f854b",33402:"45bec2e13a853102",33438:"55fda7510b2e3699",33439:"af21588c22005405",33474:"9f31411028146f69",33524:"bae76fbb3bd7da12",33542:"0c901605d89439d0",33573:"1b3dd7b82fb1a035",33591:"d4d5e0323a3844cd",33608:"ae8e35c7004f512f",33610:"63e372569c8564dc",33654:"52317272c879e09d",33720:"3c80a4e061269cc8",33798:"bc6d917be6a0b704",33865:"8b8dce7b14bd7aca",34076:"ed6fd3bbe887bca7",34100:"22b360f55a76e49e",34142:"d76826e6b4142c28",34145:"c9b0473930708bf8",34183:"76a7e5e08640858f",34190:"348453c50066c9a3",34247:"54c122712d327720",34276:"38fa81d357df25ec",34336:"f78cdb95e57a7eee",34439:"dd6ed005c3cba302",34461:"efc094e85bb0dffe",34468:"c631aaa418a7e8d9",34473:"27d793a294ba238f",34516:"7b595db6c50abe12",34569:"c77485660478f122",34599:"cf026dab75cf1df3",34715:"42831ee91042bd07",34778:"4939d8eb02aebe22",34811:"db1b13751bb3bcd4",34856:"c277af5ee49bfadd",34933:"fa71809d113431ce",34943:"b9372a22f7862d85",34979:"45f730798d3e70c9",35047:"fc88d8a4f08cdc9e",35048:"a8bdd27255bb7186",35062:"365eb194f7e91b4e",35134:"b6bfb09409c88030",35170:"091df6245d128a8c",35204:"251c385e0aeeb121",35225:"d2bff4fe9bf89132",35232:"87e22aa9ec5f7456",35374:"f5789ca0402be5d8",35462:"4f79aa9ebb0396ce",35497:"3a553585f9d85c5f",35511:"aad5661014a6f50d",35512:"489e08d86a1ecb47",35534:"bfa48e00c57fc790",35545:"15516a07ec36e3e8",35602:"8e3fba581f7cb06a",35625:"c1f33158bced2127",35685:"93f1ba3f8bc2ccdf",35781:"14ea67cdcc8885f3",35795:"dd0970311912fa75",35798:"67334a0baf708a98",35847:"53abe1e7f80906ee",35861:"409fab303dfb2b59",35868:"05525cd2c791e720",35974:"a150501765d1542a",36032:"255dda6e2062a234",36037:"d8bfb8263fd1d320",36077:"6f3806853bc89082",36104:"ec572507ea094b19",36145:"e4331f12e05dcc7b",36178:"110a70b603745338",36349:"bfca2808651a1f66",36385:"6f66ee4cd00aef32",36403:"2d9d66aeab9434ba",36409:"13243427a7dcbfee",36493:"a8963d57410adac9",36498:"ec2f83398816d935",36558:"340e6ec5a0878b2e",36573:"b8acd5ee111df91d",36581:"7c749f5882af083b",36591:"bee6f087962f2675",36620:"80e09d070d989edb",36624:"0dddc2e79f0ebec8",36648:"184185c103701492",36703:"7c8667c008da7f7e",36754:"6c94178148e2655d",36801:"131fb750dac0439d",36817:"87669812a9acbaa2",36838:"7e797556e0ccf134",36867:"47ae3b287a71f5e6",36874:"5ad428f1a47d494d",36890:"9ecfc47439e2b2eb",36907:"92bfaf097fc2dc26",36909:"6f6fdc582b8fbf58",36917:"ddc2da734aa290a8",36934:"fdee3ab72e01b9f5",37025:"a49096e8194ac5c1",37073:"31cdbc5ad5a3f9d9",37079:"d266d718c123a8ec",37085:"fa7db87b723a5523",37086:"81f9d6449c7de080",37105:"9c30a522dcc3ab7f",37127:"67ce7ac6a508f2ef",37186:"122ab805c3197b8e",37202:"2cafb2969fd29e5b",37281:"0396542a2d2004db",37319:"39add63211d851e1",37320:"8ebc5c550da08d59",37370:"304fbc4296c9c053",37390:"6601898050ae1c5f",37397:"f873904c3517db52",37409:"6d60087890b5d4e1",37429:"a5e5412b0db6cde8",37517:"383f0c3c1e8a3a26",37519:"0aa4565d4b88d61a",37530:"b4bab43c57c47dd5",37555:"22d492aeb0511093",37583:"0ab2b617503ccb76",37595:"8052dfa0530665a3",37605:"bdac283336e9b056",37642:"d6ff22609ad30fce",37648:"0b3c77a4c8532277",37669:"b6c1e302d2a35582",37693:"28aa5b082578052f",37699:"05d48ff54c0c1440",37715:"62fd7f8d08fee35c",37803:"c8a659a27cdbc5fe",37815:"751a0a2484d1ef0c",37816:"8bff92e9ed70251d",37847:"d26e58fba9197335",37854:"54b0033a7e72e035",37863:"e73891151f1e2e6b",37887:"d4bda6a1368c8986",37900:"9b4ac4d0e78b3d46",37904:"1690768a4c42fa01",37914:"bb63ee887561f8b9",37958:"8fa867a5146b9a94",37998:"cfcc4792dd00e67b",38027:"8f891b528a985406",38079:"52f12adc4ab892a7",38143:"0a05ae6db2cabcfe",38145:"9683add8d8462836",38178:"711fef303f767232",38211:"6f8c7a0527540313",38261:"bce73a0c03c854cd",38277:"a7c00b72aef75c20",38309:"4d88271e6be2ff53",38346:"edaff6d4d00998ba",38399:"7d7e5d9677f59c48",38412:"f8857b6e141db3e7",38491:"69ea9847827935d8",38502:"e9eec486bb68281e",38503:"dc6f37975d75b45a",38511:"7661bc14532a3c1c",38558:"08796e9bb518281b",38596:"318a7e3ae4637a02",38657:"57d2c8f7332db3a9",38713:"fb886b2952e21f5e",38739:"124edf65c10d48c3",38782:"8ab12fc12fa50191",38840:"f2d0bd349e73b952",38863:"51be0d0c2cda3480",38869:"a9c1bcfb2ae55ef6",38898:"da2ddc9a05c705e3",38912:"35c583d4f049b629",38918:"5fbbf67743e6bb5e",38951:"0c2b4b9a39968eda",38955:"2bb1281cb9f8366b",38979:"23320a2b47f667f2",38994:"c01a0465902c1252",39023:"6f11d7b5fd6354b9",39057:"e297b4e6b09c3016",39097:"3424a862fd532155",39152:"ba886ac2b01241d0",39203:"9803c77d80a8a1d5",39218:"9b4c2077f45fc877",39277:"9dc9abe719ec49e1",39317:"8813af388fa8fbc5",39337:"0108d097286eda4b",39396:"197880d831c405c4",39401:"293c398fa8fa87d2",39403:"9417aa35ad1b01ac",39428:"b1c4ba9707aafbba",39551:"5e042518b563ad8d",39562:"4f9a686d2061ef5d",39585:"9bdbd3fc86598b07",39599:"eee498cfc46e77ce",39621:"be99ffa5623d8b2a",39635:"fd2bb1412e0dd6fd",39650:"e7d2cf2811868628",39688:"ad0efcc8d37897e6",39713:"3544fdf79d6fda5f",39758:"bec74078b19c436a",39798:"fcdfa20c88ee0769",39928:"8155f9c3d8407aa2",39954:"1a4a2c690eb3f589",40116:"2429efdf84bcb9c9",40180:"0f4f75391cb945d1",40229:"1f5efbe9c54b85c4",40328:"dc07fe77b22ff71d",40334:"5919cd0f144f01e4",40410:"6e280648ab2bef76",40427:"340e16f6c2fde4e1",40434:"becf80046cf680dc",40449:"c813efbbff795fbd",40489:"b54c99210fe78c89",40562:"f83bdd69b78355b7",40622:"d6cbc3124a7fafc9",40642:"0be524b001c9f122",40660:"af6faf66292d6cbc",40669:"d717dd1d08b1b864",40723:"dc9b04f6aa0d3d46",40821:"83f0a826f22e24dd",40870:"c85f6350724f38f4",40887:"1e5827867ff46e9e",40922:"42792187a3b93be8",40941:"8fb9438d3a51cb20",40969:"640201a3ab00fa8e",41018:"1b40ad0196ab7d6f",41064:"277901d0f30793a7",41077:"2b1d56c8f68fea54",41095:"339a131a8a31dcc2",41133:"2ac287828e367b41",41156:"8870eeb0a44a7ff7",41158:"e3dbbbda8c663622",41181:"0e95333693da987c",41220:"3a70253717d93c5f",41226:"500752fbbaa33885",41280:"73787885f38c69d9",41317:"05a3dd43c02eb56e",41349:"537df7e9fb8b5e34",41413:"de4ed89da114d52b",41598:"0acae9eeb93ff072",41661:"b98bb1ca817d6ada",41662:"d8febac04431d19f",41663:"cb40b3d9845ea37c",41709:"22bd15109860ed4c",41713:"6684959920176476",41762:"de5b722833e0a9fe",41816:"4751b7f3b7652e14",41825:"cf2941764a4f3b0d",41888:"79f069a81cfe2900",41895:"411252ebf4a8cd5f",41919:"c59e56290bda0343",41936:"4e7c65b12dda148b",41940:"3a905338a5b863cb",42102:"4287b84c4970d264",42112:"b1490d0a305e9a5f",42161:"5dfbad7a44575f07",42187:"cf9eeefdcd96561d",42231:"c72232f260485b81",42353:"6d04419ff5fe7339",42377:"be31f92c4de53cbd",42395:"8f9f1d119157f9b4",42430:"305f8c18446b021e",42461:"dc12104101def432",42549:"e00c97c1c7f5a6de",42559:"bffaba8768136eb4",42565:"4221bd3c15a23adc",42667:"bd60c858194ab6df",42673:"3021380f73a129bc",42677:"531c664bfbb883a6",42682:"2d76728f03651585",42709:"5cc7afef482dfe47",42758:"b6c8edd606548a32",42759:"f180ce3271d870ee",42777:"d25cb647a43e7c8a",42798:"7a11c77c608ff7b2",42835:"f9f7a4e718be4208",42899:"99ff7b24a1340b24",42944:"94f93e415389690c",42994:"7e951761c8774473",43035:"92a6a8230adf4ffb",43040:"89d251199fdbbc31",43072:"df93258c782f181c",43080:"75afbcad607fe03a",43279:"6f78fbfb19e12962",43386:"2cf472c5efcf800a",43390:"4b705dcda4a40898",43409:"9388914044976ded",43419:"3a9eb3aca4e88631",43428:"403d56c5047605d2",43475:"e5f231aba861ba03",43560:"a62c35eaf559cecc",43587:"87ba536566f487bd",43603:"0e8d06dad2864e96",43624:"f610f88092ebc4b9",43634:"865e4eaaae50f85d",43643:"21c44b89f945bf4d",43699:"17aa3804df26ce75",43719:"d99e7c24e3fffb03",43743:"f8df7307eb6c57ed",43784:"a28c5f293c02ee10",43787:"1a423432194d4448",43798:"bb3e58acb07ad825",43799:"2d1c3269ae06be48",43841:"ad2e93e8ffa7acc8",43846:"3658211f65e43840",43881:"3c221af3a4d20445",43949:"76ff92f34afe7c1e",43978:"3bee539ba20e1224",43988:"d74cb9190d9d3347",43993:"7ddbdd21f86fb139",44010:"5506e3231b3085c5",44045:"1410d0ec6b3f30a5",44046:"4bda6403a8010d2b",44146:"396d74f7643bf20f",44170:"71756ccf17044a69",44262:"58a6db9db6a31eda",44278:"dd9541a6fda076bc",44306:"7ebc3e7e4162a1a9",44335:"5e268f39cfdf6392",44453:"b35b635a742dc8de",44499:"1af38f3838389653",44671:"02a1d2afd8e1a575",44673:"a5bc72cefc0227fd",44676:"f01e9cbe1bb9acee",44686:"ed87c29129943b19",44694:"5a3c08d5721f9d81",44703:"d89d2a575f89ecb8",44734:"50ad6faa42a730a7",44819:"b31eafb7a1defe89",44860:"be56848f94228afa",44929:"9c301d9142039d14",44953:"9eab9f73264fd42c",44960:"8fdaf6526164eb07",44971:"25cae30fbc43c995",44974:"09ea1aa531bd3c6e",44998:"fb9183903a4b2dfe",45107:"9c6bca615ce13484",45116:"a4703c527486709b",45121:"461cc84cbb66405f",45192:"9024b884d14ac87d",45210:"ef2dd6622766fd51",45215:"0750dfa089b1a722",45259:"96040146f027f746",45263:"5a21befa8a8e7aa5",45316:"ab140d89b50a6642",45398:"fb79324dadce804a",45417:"a93393c82d1a3dda",45433:"9846240007d6c24e",45484:"8ba7cab7afd5b630",45490:"21ff3f19622b30cc",45502:"c21fa9aabbf09c41",45503:"5f4a241bf2b76a21",45564:"a52a309dcde3b8b6",45575:"bbe07231fec44a65",45589:"f75fc38e12a98f7c",45592:"cec54e00a172e42b",45623:"7eb2a83f5aee3ac8",45698:"37465b3090d95396",45722:"fe23a1720c6950a9",45746:"c6f7d3cc4b253f74",45754:"13062a5a7127038a",45827:"14231c18ca9557c9",45828:"51baab099002ef94",45858:"a299749c18b192be",45946:"d6cd529b4ff5d9e9",46029:"c0e0312e71f7811c",46048:"530a88a6744b8eba",46052:"9cf15e0bff52b5f1",46107:"5951422f69723c77",46179:"881a9bb945498180",46189:"759f839310ed3b5e",46199:"bc75bb9f0fc2afac",46223:"db4ec1beb5d4fcf7",46236:"b6bde34f6bf38d01",46284:"7a4a681c45740386",46303:"d81e28c5a7d70843",46370:"f3e173607d67dfe2",46381:"1b2c3315adb561ca",46408:"34583bccb3fd00ea",46464:"277ce7b623275609",46525:"573644b0b66b1f81",46528:"f35d489eec46e879",46620:"4b350fb52c0d6ef9",46623:"fdfe27c5164fe669",46649:"3e82c98839e3461a",46711:"7d244bcd3719e125",46770:"cb402ed41056c141",46783:"d631bbad525aeea0",46801:"c6c4eedce2837797",46823:"f0adcb7445f23144",46844:"274ebaccc0d8b5cf",46859:"960d256943ef3001",46893:"11f37319f4f60322",46908:"7b1eb51843a7a297",46931:"d54246e1679504ab",46939:"78257c06f89f9519",46948:"93cc9b1a671d95f8",46992:"c97e3d8f61f0bb14",47e3:"534c2a16f9f1da46",47026:"9639c0aa5749cbf9",47034:"d8b6ff53ed33e912",47052:"eb5017289aa9282e",47109:"86b10886d59437bf",47148:"50c0c476c4fbfadb",47152:"09bc88d50a40fdc7",47161:"d2b61adad50d23aa",47209:"5737b6aae5f32f5d",47302:"ba544674cf7de19a",47311:"bb78b7ac37dab249",47321:"e3872476802affe0",47322:"4484cccb990a6d52",47428:"d68e9eaa052632ae",47436:"92211b4b38613852",47455:"a474871e34a55a95",47462:"10b1b15c9d42cd98",47480:"f20fd17fc16153d8",47518:"02a3290d83577969",47542:"5c83020420ea501c",47621:"20f20fedc9bbe314",47696:"6f39af4614f85ee1",47711:"cbec6e1cb46a04ce",47736:"c0d45744ee55ac91",47773:"9d10564dd7656455",47797:"f2ee6e22a7855764",47867:"b85d915d3eb10f0e",47877:"d46c0f3a57a6585d",47922:"323fd51c47453eb8",47937:"8705488feb2df7f4",48030:"ad22c83ead13a14f",48042:"40c0b912e6108895",48044:"db535f67e22e975d",48064:"42b425305dae5b88",48065:"74dc838ffacfe0f6",48164:"ff5a776d2e63c01c",48182:"89f3b4c52e0f7981",48276:"044ddaae6755c680",48286:"0b563c4633273c79",48364:"e045cecb329355b3",48365:"b4a343bc644108bd",48385:"b9fb04401631e822",48536:"3e0703888878f6cb",48542:"cb810ca1347dc52d",48544:"8044c21f855ab15a",48552:"50b2cb34231648a9",48560:"854f31bf8382480f",48580:"106bf92d95d64f3a",48588:"0187570aa7817bae",48622:"69be1e4594b65ce4",48649:"f7e9b939c890a33c",48734:"1896e080482aab17",48805:"22ac98cf9d07fd95",48887:"7dc2aa3d6158900a",48901:"b8d12e6ad79ee9e1",48909:"cced3fe0c4ca2a2d",48962:"c057ce629519a4bd",48990:"408e0626d57e8d83",48991:"3bdfaf9c6dee8493",49004:"3eb54dfc7433a8b6",49129:"94b24d4340e76deb",49130:"81de9a09158d270a",49225:"57c043990b3e3c7d",49240:"2ad31ccb67962906",49267:"ee8cc54d94d3161e",49270:"335b14b34b0f6ac9",49307:"c30ea873829c92e8",49354:"11d9babcf49b11d6",49367:"ef5be7f52e73baca",49477:"5bca137be0beafcf",49513:"3b704db71dfb7668",49575:"2705e7683d97b33b",49576:"d312bd8c02c51523",49610:"6427b68f1553bd51",49626:"4b008c71308ac4a7",49671:"554ad541a92f926e",49767:"be508940ffa0e9ec",49808:"ae9bfc4091f15fc3",49901:"b79836f09d60c1d5",49937:"42c771323a945a4f",49991:"d4fdfbc8111f8588",50016:"3f72b2180c9d1abf",50028:"25044338d3f9b2fb",50166:"0a1b419e5762801e",50202:"605f103240006bee",50265:"e7c20b8e2879014f",50282:"31ca585fde65f056",50292:"716dc51465e2d1b6",50335:"eb6b0b1853eb092e",50366:"f1e52018aea1a3cb",50377:"cbb093167e0a4b34",50396:"e621ccf8b7d1651c",50399:"c906475c5a5e3201",50433:"94c6bb5bf0945409",50475:"662103cb09c7ddd2",50511:"9d0186bb6135d25a",50541:"af4bc69aa4359e15",50559:"0acf64aa53ddd27d",50584:"d7ddd7889f79b65e",50599:"e6092163802c105b",50623:"10466b5a1e9fa148",50634:"df49edc936fa6ddc",50646:"b10d8aa83482636d",50653:"1c719b91386f73f0",50702:"57d1ef2713bb4b27",50704:"309c6bc2f0ffd01f",50887:"9d494ac06e458ba1",50894:"94f99c482146a355",50988:"4da5d175d2ff20b1",50994:"6b8d4279005ef6ee",51079:"0fbc62bb5fe63a03",51099:"8b84387aac1e1421",51118:"dc909621bd100b89",51362:"b0bccd5262f8ddd9",51407:"bd9dc5e4231cb135",51463:"c75a806930e6ae98",51470:"e69128bfc6369d34",51483:"7f52eb85a1bfc21f",51488:"1f2754fb93d5e60f",51563:"f2b0cd92a29b4c6d",51620:"b7bd5b9344f9f06c",51633:"9e9891fd19353fd4",51642:"da0ed9ab696e717e",51652:"c18883e0999ce1b1",51676:"895d602dffb28860",51776:"fb0948bdadb8a4fd",51784:"7d87ba4378358768",51794:"5f1a2345f5d25dc7",51809:"36c6206f1d810d4d",51881:"f7dc44142db996a3",51968:"c98e2ef6ad63fb6b",51976:"b5b84b1be6100f7c",52026:"9fbf432d6da80181",52065:"501878b49d0b3715",52108:"70b7951c1d39daa4",52138:"a67cc1818a2d793c",52141:"bb691fa1027e0182",52261:"93a129f0d47b4723",52266:"b112fca05e7cd71e",52282:"fba9b6bdffff6871",52292:"c0cb43aeec30b427",52301:"cd1b1253c7e2ebd3",52352:"689498527d36199f",52410:"a31cc005eada20a1",52708:"8e4329689766548f",52758:"a9611ba815309af7",52828:"f223801f15e3e37b",52833:"660e38238ff37116",52856:"7849e5c7f61a55e3",52950:"03612cf80715ba90",53041:"4fba6f3dfe5292a9",53072:"1c0157348cb1df1d",53086:"8569305e616b4b09",53097:"398bcda481c4590e",53102:"dc1165ff45eff6e4",53141:"e57110b4e828d544",53191:"0fc28b5f8c347e97",53278:"0dae7f8712553ded",53332:"37159f79fb282dd6",53419:"30dede5a06b565cb",53425:"61d32952555164fa",53484:"28c3aed4113ec4f9",53499:"41827977f8124320",53510:"887851745a744061",53553:"aa4b56eef788df5a",53563:"0f982627f99450eb",53565:"d1fb16b9e0b6da08",53573:"62f41a73126f005d",53597:"86844d931396e826",53650:"a84bad782fa1d133",53656:"633b49b8d7e17ade",53702:"458fe477a3c92324",53769:"f259775326b2a3b1",53824:"534f4f1cab0b4226",53825:"30c0b1707625c781",53868:"903b5ab035d9edff",53909:"e189fbbe303746fa",53914:"ce771418d814bb64",53933:"b41e652d5f5f9a1b",54075:"000591ff18eb4576",54099:"dbb77174a0e8e238",54123:"12fdbbef59e59c02",54210:"e6ebfe4416141a8f",54332:"e8f4eceabe469ffa",54463:"0bafa5e441ff1974",54493:"efb394965c210e70",54538:"d9ed09c86818d5cd",54544:"12e4696366ba441b",54576:"e15a3a24f1ac0179",54610:"66c936aea61831ca",54621:"1e1946488cbbb031",54640:"5f672e61664e3f73",54742:"f6be8915e6e7c5a0",54796:"2a03e601a410dffe",54830:"c8929db3fb36d6d3",54879:"6be3e99e36af0d63",54884:"edfdf0b1281d851c",54889:"5a33fa1b44489dc6",54905:"f9e0bb8968db35d6",54906:"5d869dee2053d932",54914:"9c2ea410415c3d08",54973:"585181beddb23749",54991:"254aac30fb5de6d0",55040:"97bf0e52272e7e6e",55042:"b0430b2f12dfe655",55061:"f40d04695a3ff9a7",55077:"ff8c092acc435114",55170:"38793d84b3807e90",55174:"7a0365aa60cc8754",55176:"00e3aeb05553b41a",55192:"a4cd2572b5fa1cd6",55311:"4af72768b87ca128",55342:"1c606be36b0ddac8",55374:"c814267af8b77422",55378:"4200b4cb94339f83",55433:"203927ddbc0a36d5",55480:"46b13267b43edd58",55521:"144c1f513d615a03",55544:"e111c11697aeff8a",55548:"cb4ce56284ebfaa7",55553:"c4d97f5e4884dc34",55581:"fba062e2babf51c1",55609:"a9d5883d6aa94875",55620:"31939a489ed8dd24",55745:"65d613acb23b9919",55754:"bca299a006ef1e02",55759:"61ad2f78a4806e60",55778:"2f39f9ad7dac9684",55782:"31d289c0b813db6b",55886:"4ae181da3c91a105",55910:"bbd865e9372e0992",55981:"0cf6e4131d8710a9",56067:"0b98d8b965bdf098",56099:"28ec5261055f4e6c",56143:"5e477da42294e54c",56174:"05c71609044de802",56221:"d779200180f2ca60",56225:"dbed4881ba988323",56291:"ec40b8b430895ead",56292:"4faa9393f9faf704",56393:"909a6926c9d7ef22",56399:"bf141f91eca4f94a",56488:"0c8a95ccc13310f6",56490:"2599f12e97fb7aa8",56544:"f3b5574e831707fc",56554:"11aa27aa20ed9f8a",56560:"7f7e4538a6fda42e",56562:"0f22361d720e2bcc",56644:"15f794028fe46515",56710:"e3fe8b8fa9abee84",56726:"e6ded15c15368b49",56737:"b8bdac027d2b6fdd",56763:"c6cac4f1d188b90b",56782:"6a5cbdb622ce071d",56872:"b40978d39fa83186",56916:"3a0ce3645cdc898e",56920:"7e4101663f285218",56966:"c2da2f045dd5e816",57027:"f4175b5b2128c944",57048:"edd11d069f836b33",57066:"cc8a9798223f65e1",57084:"5771f7d9fedebc7e",57101:"ca9eae8b68c08b83",57150:"0f70abf4840417dc",57252:"fc9a23c5d4fca998",57363:"eb9d869c1b5e7649",57469:"061654ade8e00b13",57536:"562c517264164d3b",57614:"23463f7c36dfcd30",57659:"b96fd54c8e05b9d4",57683:"cbe35f3054a5aa6c",57749:"de7de31ce8763e2a",57790:"1b3a225d9cd1f0a7",57803:"77f4dcdc11963e2a",57824:"5efa15ac7811ba39",57831:"1f55cc9a080a0362",57888:"d3e8f8edd313f3e3",57904:"6dab70d6a2a67ce3",57911:"15fba5b32e5ad705",57929:"3048ae6eaa9baddd",57931:"839c9270580b337a",57933:"df13f1410d5749de",57953:"74c54e398b943298",58043:"12ae3832ec7c02b6",58130:"1f62647335a2c9e8",58202:"18955701d07ee5f8",58273:"bdb67c5544124b32",58335:"f4de73c5b4031391",58339:"3bcb71f79a004af3",58348:"20fe43a7249dd60a",58395:"8d00cec398d19f7a",58456:"47ff79f12d32451f",58458:"7807372e12dc9aa8",58574:"cf49a299bd376a25",58699:"5dab85fa85b64dd9",58739:"aee98b9e2d50ba54",58778:"ed3e2bae43b908ed",58781:"a09016b1f8325ebc",58794:"4f1a39b2af957437",58890:"42b78d68825e2672",58899:"f9e29dbba865b627",58923:"a18b6b6b6ed1d29c",58942:"7969bb462643b46f",58995:"59beebb8d1b5315b",58997:"e5720951b29c7b1d",59021:"627de24f5211c8fd",59059:"57ec651f493e74fb",59106:"758b3bb509cda461",59135:"85065e92b8b49969",59141:"fa78ef025c355af3",59173:"9f557af326791317",59182:"589067054718422c",59193:"38ce50076c631b3a",59257:"cba354124d2a96b4",59274:"094b88229f51e1d2",59352:"55e201fdc2fb48c6",59388:"60d2588a0fb1370f",59432:"4381c1eb0b850243",59450:"658dd8a56d0ef160",59455:"cc759a319417505e",59525:"9a188f60a319c763",59549:"056ef47a5eddb0db",59681:"b43e13f7eb04ae27",59734:"4e08149c49946513",59797:"f66d6c43925a8c91",59819:"d8cf7354f897da57",59834:"0cc95dab1695e85a",59969:"64bcaac07ab9e771",59979:"f38f9bd484c35dff",59982:"901a0b76174dce46",59990:"677e204a390c84ea",60077:"e7c463fa716737b7",60082:"30dbd5592a912b98",60104:"874dd3a875a1b34a",60136:"ff5f1770f37fce6d",60166:"6942d7ef74d61ed6",60214:"0073f2221a289e7c",60268:"e1c6f27af709765c",60330:"5acaa00a855d5ed5",60337:"8b6777d111528484",60344:"1e5d2461f842a3dc",60346:"8cb59ea34a0b2862",60409:"63708cac543d65ce",60458:"7351d8291e760d96",60489:"a386c47fa699b370",60491:"e5cfc67480509b48",60499:"bbee80b1ab6c1438",60516:"ae5a62e81cf0244a",60522:"d6eba85bbfde2249",60589:"7a52608b274de5aa",60620:"ba784cab7594bb66",60697:"5b86c5b8037dcb07",60737:"91cf28ea730b6609",60738:"2a561f743ad98c0b",60930:"ff904b828e989f5e",60989:"5d2166b79ff499f0",60995:"0a12d65151926a29",61118:"3307010bdcb24e3d",61223:"1d501fd3a8a119e2",61240:"424947eef7fb9cfc",61286:"84c1b34719a2a161",61307:"1a8ece3da17ed65d",61317:"b47468428b07d168",61323:"10956c33faf72692",61363:"dc02dc8270bb8ef3",61372:"09261587a6173990",61398:"6528d4698bfc353b",61402:"5e88ca2a638795e3",61406:"e827f225b637076e",61420:"9939f7a0e6abfdd1",61421:"7429241ca9ad9194",61422:"54db99ce5041b594",61476:"4bc69998e3f17065",61576:"da62332a1231f81b",61592:"5cd06f752df4bbcf",61644:"6e3f6d271f2f1517",61802:"d0add0643a26bc85",61916:"9be54869e13560de",61917:"10729942670987f5",61972:"b3c27522f4b0ece3",61979:"081047b9771e6aa1",62093:"f53f706d5cd3a7f9",62120:"14c9de9e5bad9cd2",62125:"85532f983022e535",62143:"29b6aff9a900fd5e",62147:"069fcf2ff0611b83",62183:"d97c13761be35f13",62186:"b66a218372c93722",62229:"164d417a3602815b",62246:"7d8a836c84579779",62309:"5b9dd520ef59024c",62361:"dd7292c49f1c3479",62369:"1ea67eadbda58844",62394:"50b88aef30ac1025",62451:"4b8bdaa2834c3cb5",62487:"5fb826e9976dff73",62531:"b1c2e6fa88d0416b",62592:"45deaa03219d425e",62608:"b72d7623111e2a28",62757:"d50841cac4c3883a",62772:"cd80ec2c09c81316",62848:"4484e2687631a968",62881:"89794ebdf6dfcde3",62965:"0c7549d28ad71211",62982:"acd7350da9454870",62995:"87093b221593ad61",62996:"e34742dd37fbd8db",63077:"726ab920a3dd7b55",63178:"ee1cab36f7655fc7",63321:"45312918d3c23133",63330:"e6c7c1d2ce192ea1",63344:"d976f8ee16dd9cd8",63360:"367394495debb2e0",63366:"b773bc49ba703a4e",63377:"e84749bb5b2708d8",63441:"e6e7d3a7c36b11f7",63480:"c8605a746c2ef95b",63531:"3abfd6ff04b8a19d",63563:"fa4960296773fd2c",63570:"d4b5a654bbc371fb",63598:"2e5143b01e900f69",63612:"8d6af375372018e7",63613:"381e5a68c077ed72",63624:"cc41663976aebb24",63653:"2e22b7e48857d69e",63660:"1c36477edb035db1",63708:"1304caf782d8259e",63717:"43f2181194566936",63731:"33639ac77d31f3c6",63735:"6084763ba6469e23",63758:"5959ffe14bbb42a8",63843:"190b6bcfe6a293a1",63883:"b8d3f34b06e653a7",63896:"ac2e57540a91bf70",63951:"841c008e8a8abd6a",63952:"289bca9fa819a3b0",64004:"1ab7d26abe266fcc",64068:"651570dcac9130a3",64104:"e8ce437ea13adb47",64172:"717cc10c602a226b",64207:"30844712e980edfb",64222:"66924bfefa4353b5",64235:"9a739af4c65c7711",64251:"370f17de2a669f8d",64257:"d7a69a3108575b34",64297:"197cbc0495d9ec1f",64308:"1ee11853518db157",64360:"59e960ad0ee03e78",64387:"2a86119674f79d0f",64483:"61039a03990ebd63",64576:"00beffafb9ef74d7",64615:"5659e0879187d4e4",64620:"a0897f735cf37a37",64645:"67da3ab181b9a14e",64669:"4cfb4a95537525fe",64697:"a65d51d895b2cc7d",64715:"425932944fab36e5",64723:"4d318c22f2367433",64737:"e1cfb583520d5ae4",64742:"fff5c988d788d701",64768:"f59fb791b407817f",64777:"a053a9a67fb9852a",64780:"65628f555d97920f",64792:"21482f9ec6debaec",64823:"b9cf1a05f7ff87f4",64867:"0f7a9fd25400861e",64905:"65206b5af574c710",64910:"a205c64be30b4655",64962:"3a30beb0da87b637",64992:"71480e8a6e3e1bc1",65035:"f87f4f3cdd403797",65043:"83ee086b8348c780",65046:"2727be7178dcc9c5",65061:"0e80dba92d438044",65094:"f0449abc7793af35",65117:"fef1937ddd972f29",65188:"c7ab797b8bdd0572",65236:"a1ae27b4f691149b",65243:"03bcf05ecc5905bf",65258:"a502becd2b6eaa9e",65382:"9562674a9745647c",65385:"1768a5e4b0bc214d",65498:"bfdb96227de04836",65499:"8bc4b7de57ba9eb5",65511:"1bd7fd6b7fc70a21",65521:"e6708ab323dc0101",65549:"4bea83c27fd94662",65672:"5c74be5b4b4ced72",65721:"5a80423bfd90a6af",65727:"11a971cdd4e7f567",65745:"85a3e55aed1aea9b",65757:"404bfa92687971fe",65775:"ba49e942e97a5f9b",65901:"1ece7c39a7482ad8",65945:"4f933597b8411214",65993:"3a8fe7e171d55956",66055:"5b85189ae2000fa0",66140:"c9a2a84a1af372dd",66147:"0841a33d98cef310",66161:"d716da8c5018eb3e",66240:"5ef953deb103a7de",66278:"b5bcd0e629600467",66292:"5cdb4080ca068261",66331:"6ca6393c10e714a8",66360:"792e41aa632d4540",66365:"4045e2a4cf64f4e3",66398:"293dcbe94fd2ada1",66408:"941128359de12029",66512:"781b180a8c0050ff",66534:"f8f592cd2fcd94fc",66558:"9b7f85a49c52531d",66561:"9f63fecd37c3374a",66635:"b240751126757d39",66693:"b427b197f87c1be3",66694:"10f4972ab2876970",66757:"8930edbc7e5d2a02",66769:"acbbb0a2db6a3f24",66926:"5f021f7e03771704",66984:"6db22c30e539e8bc",67112:"97adfadcabed2312",67129:"fe5be1a706d4ca0f",67130:"f5d9c7a2707e8d2e",67185:"c6fc7d69f15439d3",67200:"2a65f294d3d842d9",67206:"1069374d9b714418",67287:"f1771e191051e5a8",67298:"bc590c4164642cd0",67360:"f62908e060328184",67382:"28f106aea1dde04d",67419:"4fe04b71ff7c3271",67453:"43814c65443f84c9",67504:"f835fdc34177455b",67566:"5f721502853b51d5",67607:"070912e6bb482784",67610:"806b6eb683ad01fe",67613:"5939212a07f92eb0",67661:"e8f7aeeebd298447",67669:"587b5f92543b8b10",67696:"68422ec36152ec01",67698:"ee3255fb49486c02",67705:"90e68ffc3d43f721",67707:"e7bfb31e19fde14f",67743:"bba6092319ca1633",67820:"3a4b65bb254eb01c",67845:"6bfbab6fa4aa78dd",67869:"d26f2aae8c51ded1",67871:"2945b31ddaede8e8",67875:"3f62747e13a8a91b",67899:"9ce16a734e6bb3d0",67914:"f79962309f4265d5",67978:"6d57cd1c8c367acf",68002:"d39845727514b4d5",68053:"7c4c640226f996b9",68067:"e3d165793d9ea0d9",68075:"ddad6971479b27ac",68131:"a36fd9c120783eb0",68148:"7c0e3e69504f32bc",68149:"84e3cc5b75505449",68201:"c195d441fac0b1d4",68245:"7cd1630aef5bb9bd",68248:"39f38c6e07a9a21f",68281:"7bd063640d2e2719",68364:"7327b257ef8a4d47",68416:"8478f68a7bb9be30",68463:"358d7806765958c7",68480:"56b6e0238228df4b",68511:"5c4dca2ece940645",68516:"9bb6fa32c2e2302e",68592:"3982ebcc2e49d79d",68675:"be2771c104e6c6f5",68714:"80428511e8d860da",68814:"7248ebb68517b1a8",68817:"036281204b51d428",68853:"2aad965af590aa91",68855:"e18dfbd1ddf3a5b9",68874:"8734ee85445e8560",68909:"e8e3860710a74182",68943:"37d3af40aa26a133",68956:"46e69d42f0a2ee9f",68958:"38812fe2ef3a9783",68994:"c9a7175b2418f2d2",69003:"0bac99f92575d842",69031:"8a30639998b5bee7",69074:"2fe64924db59aa13",69118:"690e71745392433b",69143:"eedb11bb4ea42b54",69169:"cba48498943b3f4e",69201:"cf981cd5eb137c1c",69206:"2f61c3fc67049f3b",69211:"bc17da10472864ed",69213:"341a498be97cd66a",69240:"0e16cb77ca3fbc38",69252:"3c4cee857351b7d2",69278:"6dc55899cfab9d1c",69303:"de3818b6e0274212",69445:"153ad9a8efe49876",69447:"2d8ac8769b145da2",69450:"29b02f91fe8f556b",69452:"32f6f24647c0a70f",69464:"83144e3bb3acffb2",69599:"ca8bfad995bd1531",69615:"3a484362b7515afd",69667:"df56513eb246a566",69669:"9e28121ea4bd44ae",69676:"dad5b79adcf5669c",69735:"59d179ad365a6008",69787:"3b7eb776ded08ee8",69818:"2bc9424042124873",69821:"f9e1a45fe55b6212",69935:"e578d4de502118a8",69939:"66c93c83f28b809a",70086:"e49383eb6bbb6160",70093:"18e3468cb6e66ae5",70123:"0917768a8e53c822",70157:"ed394b8ad1976522",70162:"b8258a52c1389d66",70279:"c81870a3adfdeeb3",70350:"209af56cd7e97593",70382:"09212b00e1177bce",70391:"2c732b929540bac1",70542:"427913831412ec11",70610:"b663f66f308b18c9",70634:"91f9f7b045e8c088",70685:"4ece4c5bdda4b48d",70707:"619bfce44777226a",70827:"10c71fe99db00afc",70891:"e4d391670f0a148b",70913:"70a902c2af569f53",70932:"f842bb5f74573fd5",70951:"b2a2d76933a5a472",71006:"a62ba14b94cd5398",71019:"e6ffcd25d56e1f5c",71081:"08c617a2fd8e9b07",71119:"be6898be5f7ef538",71126:"78be0c490d53c5c8",71218:"2f5f0dad2506f3a6",71221:"6a020ad5d261a128",71370:"94db6e15e5fefae5",71416:"23c83075c09c10df",71441:"f1b1d21ad70c7d3e",71446:"0165efdd101417db",71448:"01b14a2ed0fe1d7b",71495:"d07df07bec56827a",71586:"867285f0384500b8",71713:"f0a91389bcbc0145",71744:"a7c74ad5aae6c9fb",71843:"db9c6381e73856c1",71932:"73b6e5c10db9d386",71970:"79532de8972927a7",71981:"78edc7740fcb4398",71983:"2c6a418b2d05ed76",72007:"0229971cf6a23fcd",72012:"89248f7062344702",72030:"b262b007f8f1c439",72032:"c8009ff62f60332d",72066:"519cef87fe2197e6",72084:"e9830c0ad142092f",72092:"30ca9a768438fd4d",72114:"53c1018eb2af3115",72138:"4343be65234d2970",72150:"2d597eae3a43f8bd",72178:"7cb6a1d92d586333",72181:"e06bab9982506773",72186:"175d26262bbc310f",72230:"23dc0b403823f364",72232:"6f36a857fe067ad4",72251:"6125bbf93ae73ed7",72297:"f76cb250a5b1be38",72298:"1423889a196077a0",72301:"1a1fc04e50179747",72329:"25e7c34388511798",72342:"e8b8a6f03a022246",72351:"406f0962a36807b1",72355:"da6b364c3b8b8c79",72394:"e8debf13d2c1fe34",72398:"5cc8795f6318c27e",72456:"b440a5dfa184c5e4",72468:"24c2f8d6a37a6faf",72523:"d5fc38bcd618f4eb",72530:"b61b388ddf8c7b26",72557:"b14649d225b8b43d",72570:"709730a9c8fd064f",72571:"3bb1a54e05950b1d",72605:"e326e0e86455bcdd",72627:"a36968bedb2e6288",72658:"ef685e115bbba07b",72722:"8e91b0a603a77ef9",72729:"b1b07ed2308ee540",72730:"4528bf63b24c2178",72796:"9f7735ca9143e9d6",72799:"4a03509b5dac5228",72882:"57bd361f31df5aa6",72901:"61cb539178c9e287",72963:"46e136272cc7dc0b",73070:"dbc2910386cb8b4d",73097:"9bc845a6fe0cf038",73106:"538ad8301b9e0512",73109:"d4a709df42622c0d",73140:"0fa9af32023920db",73150:"30ceaf347c3a39e3",73155:"5783ec09d0ff9a87",73226:"1ee2a9d1ab8a20e6",73254:"deb97cd4fb2b6677",73256:"2815d00a927a5287",73259:"943702a9870c7c2f",73321:"72cbe4756abe3914",73323:"b88d7c50162b22da",73396:"d55825ee77499a21",73493:"2e3d5ed4ca0ca672",73549:"3e8e1b58dc5858ac",73588:"99c04bb17e6c7b15",73626:"4f75edc3558dce16",73686:"5144a8c3eb0abd4e",73712:"de2863eb8598b89b",73773:"3cc68d71b15ba901",73949:"c101882eef311a6b",74008:"fcc33f2a178a5eef",74028:"f4098c27388392e7",74039:"94bb828f6a0f298c",74055:"a6b924f2cddc54a4",74073:"04a7027f46af1d8b",74088:"98d8196fe3ff5a1c",74089:"4736d7cf95560698",74121:"7096549e53809675",74187:"f9d146cdcb8e041c",74209:"8393d4beb0008b4a",74222:"7f58ea5aa37e6818",74250:"fac57f6a58ed36b9",74277:"2e4964bfbce1cdbe",74281:"9ec541f53ab2091e",74375:"86de6cb72f933e3b",74398:"5f3263c47579b672",74437:"8e3bd92730379cf7",74469:"923c6658face671d",74547:"478d4596ed180a61",74607:"ea6c55f30d0da318",74636:"e83577850e496a97",74699:"c2eedf1f5de85b0c",74777:"832aac093b2668d3",74832:"c6b3f704c159f54b",74852:"a493f04c4ed2f190",74862:"07c1f84a49513ff1",74870:"b075504248c9f079",74879:"5986b686bf39322c",74896:"3404920331ce7f5a",74924:"ca7089383721221d",74944:"7a71bb5ce2a79807",74958:"5616c5a8334a3f71",74997:"13a3e8c8c07b1f87",75002:"cf5e4d750236cf83",75016:"13aad7b04864d6b9",75033:"d682c5601cdb862e",75052:"b1526e4f9100b312",75093:"bcb73d6a53fb0f81",75106:"72722fc124472879",75154:"4a9afc1853e31fc2",75177:"69b34303cbd0bf17",75184:"ae73f1069386c4a5",75203:"052b250304c10523",75213:"d0f3b3a1de45bd8d",75247:"69666957db2a00f9",75273:"e0481a95105a6b31",75307:"efc268439c2e815f",75319:"04c26eef4512153b",75558:"a9e8bbcc358b6a9c",75664:"66c1653402caec5e",75767:"ec45ba4c859eee80",75800:"4dffe2d701898862",75832:"813423abf974a789",75843:"6b1d39bdc49fe9a1",75860:"e1c93ba2c40ac8cd",75923:"bf075b8eb9737301",75929:"404b802379962707",75945:"f6325ac7922fd8bf",76007:"20bc6aa6e04487c7",76020:"64bc5ac88a64bfde",76028:"10f89079dd292256",76030:"ad3e0aff16d4271e",76043:"6a0bb8ab150267db",76049:"17c643ff03054033",76069:"aa57358d96f6ac5a",76103:"c97a4903d627207a",76112:"80c7ef4be0fef172",76162:"92fbef742e910738",76185:"6d2a3327a490d4d1",76196:"a2061343b99f09b3",76205:"8608f10fbfba4fc5",76233:"e5186590d0393287",76247:"9dc7b462066a419f",76309:"9d77456a0a8a2f7c",76316:"c75c2328a41d185f",76421:"ea82e89f1de4e6cc",76440:"a75c3f5ad8afa090",76697:"96995da013071f71",76743:"8adbcf243426190c",76828:"78cbadf1f53ce8ca",76829:"3577e1d4acea2dc5",76897:"4d784a8555d77237",76989:"201167e60e360f66",77036:"29fed2026bb88800",77052:"6f5b0192c268b054",77057:"141e3bc0ee52d276",77077:"0f998f8631593a4e",77078:"34b8e6ce6679e132",77290:"42028955f0109bc6",77314:"dd569a341b5de03e",77340:"873408f92989cf85",77406:"95ffbd4bb8302fc4",77427:"f8b8000a719eadee",77438:"5b40ae93ea0f393d",77490:"da53e32545f8a5f0",77551:"3994bfa0e35b89db",77601:"8d1eb2fb8c737a75",77707:"b0b8c201debfa66c",77763:"da1ca772fb95fb7f",77781:"508c663110e33f6f",77783:"0f8e7e208f131a73",77789:"019135f910fa0a4d",77796:"6f7e732be6ffbeb8",77891:"83172c4cf27c0844",77900:"f017d54c2bf7814f",77926:"1737f97225b3602a",78061:"aa6c492bd48495fe",78146:"f945fa7e2c8eade4",78200:"c5d4786e9ac25097",78261:"6861c8660dbd35d7",78318:"7951f2248a9f4272",78359:"ca87de2712e875ac",78376:"b2bbad33549b3f66",78400:"8fefe21974e8522c",78407:"0cfc9b22096a22aa",78433:"24051ab7b090fe7b",78481:"f6aea07dd4760326",78607:"cd60fbddfaaaf5db",78761:"8d6715779abf96a6",78787:"9e0a18425fad721a",78900:"ba8d1ef60eb96ca8",78938:"ea28ca02dfe4d351",78946:"5c12afc5a5c27cf0",78997:"f8d960c03ccbfba1",79099:"03629052cd7d795b",79120:"244f01ff450f7f85",79140:"fec53dfdf543fc87",79147:"2ab433b91456adb2",79222:"fb1bab7fa54ead72",79251:"bc8616b5ef935bcd",79275:"d3faf99ded613b34",79285:"210a782fda80b147",79288:"1be34c97124183e8",79375:"a655d2f5203419f0",79380:"a366afe7138a214a",79399:"df2e32d11c4ed8e1",79400:"2a0ba822c45e45e2",79434:"59d77ee80a6f7474",79489:"dfa5e4a5515df215",79511:"987cbb2215125408",79530:"ed92f418a265a1b8",79569:"67bc15a9826a0bfc",79571:"d252d2f506f28bfb",79594:"5ddd57d2f4a953a4",79622:"1e0671ba563e012b",79702:"90b731405744c228",79710:"1e14a2e01b1a8652",79720:"e7d425d882ffa90e",79726:"4bc91816eb974bd9",79727:"f23fa7362fc3a3e3",79766:"3bb9a5d8a06251f4",79783:"fc88d1d30c05d006",79812:"8015aad6ee1c622f",79820:"73c923b8445f3f6b",79826:"fcd0bd972b8fa9fd",79848:"bc8ccfb7df8691cb",79869:"b6f9c0443c33be27",79922:"2981ded24d2bad4a",79939:"bce048bf768ef059",79976:"c19115606a778203",80006:"b7a81330591b1712",80036:"c7430bf745f90b2a",80053:"4b9cf55a5f56ca5a",80106:"e0c368af8067745f",80136:"a06d97f412c1e410",80162:"b0ef5df0ae5dbfd2",80169:"29d025b388bbe675",80176:"a14e2d73e1747a57",80184:"e3e693ccc3764013",80211:"390f99cb935a20df",80217:"aaa459cd94d331de",80250:"a4f5a4634419bbe2",80253:"a8e43650c372af23",80261:"f02f96a5e1e11289",80334:"4d98000c9a547d5b",80371:"8a01edda68d13998",80375:"7a6cce50cd410689",80379:"6132616e80239abb",80401:"8844f34bd6029204",80445:"8f5908527519980a",80472:"25ab93a85aae6d90",80548:"f81effafbb4ea89d",80570:"dacd4babc0374147",80627:"f1dbeca02c03565a",80701:"3f1ee01020027666",80708:"15065a2f712e00fb",80750:"efcc9b0120e4735d",80785:"36e685c0f02ee520",80788:"d1def846f0dd6e9a",80828:"29c147652387d830",80862:"8f1baf413c7fea17",81074:"6fcf5216c8c7e96e",81082:"0b700cd44833a6db",81142:"ce470183288bb6ec",81191:"3fd734f9d488e80d",81255:"8c7b12fe941ef83a",81273:"976a3d6b76fe23e1",81281:"ed638c56bf1cf0ee",81357:"367f11d619ddee7f",81427:"032d1fd3d3015b78",81470:"ee4c67b2fae29a2c",81486:"861154e36b895166",81498:"cfd7b01582d778c2",81551:"9d5795574429749d",81558:"42ad5924a94e5870",81568:"b8aa44b296d0915d",81576:"01be90790af3fa0f",81594:"fc19ec0ad1d67f07",81627:"f552fdbad5f9ba2b",81640:"d56152506fc5d4a7",81672:"8b3a08f1e18a3f4f",81679:"ec0422cae790b156",81697:"6c27b89bf9160a84",81715:"21235b7f7edc1ad1",81831:"e41bc38a6e2ae0f1",81949:"78ba0fe673d43e35",82016:"94b5779156c72fe3",82082:"cc7f41bfab2f785f",82089:"81b56974b4e1a330",82122:"4ca771e8a3bcf555",82142:"b95db2f88ed44481",82155:"9953538a58eda2cd",82190:"69062d226341e07d",82201:"8deb6992f528b69d",82215:"27cda9ac95129452",82236:"6ed98eb04ab21188",82248:"b4685a1461e9af17",82387:"3a5c296809088446",82409:"1de100e5f43480a1",82413:"84a317ec542848a1",82433:"91178f7ff1852564",82435:"effc20354e77d9d5",82509:"fedc0c9eba21b002",82551:"b9c0d004788f5aba",82563:"4fc9582e2b54b8e9",82574:"6a9b83d9cfd202d5",82584:"c838a5f728d8a8d5",82623:"2cb07b38d0c530da",82745:"55689dac518b2745",82776:"0522c355b84838de",82784:"414ee699d3fb50e2",82803:"288203ee5626592f",82871:"cd680a6df08be34d",82890:"c3ec25ddaa36dbef",82920:"433bf218b68f8859",82965:"7ee0cc6601baa1c4",82969:"9fbd5ba5ce09c845",83057:"351b16343706eb6e",83067:"6879db71b79acda0",83088:"f9a63d8f3d7f5c3c",83140:"41f68879a58e684a",83147:"99ee6bb0d536f5c0",83156:"4fcf68c82f377fe9",83165:"df2ded7f02dd7f44",83168:"0e2821b49a6fd62a",83200:"18012f5b5bbb1ad7",83211:"3e2f86eeefab034c",83339:"8752eac8e19ff897",83355:"68979bc3eaa5b63b",83380:"114f4b0a9f03ad01",83386:"e38b8846f768f215",83405:"7e1275cd715b003a",83429:"515b8ff3ce32547c",83446:"a579e1b43c84e1b6",83536:"51d90b87d506ee73",83638:"74cf849fdccfb5ef",83674:"32b918c458b5cce0",83690:"afe7d714071a0b48",83713:"0533e5202ab42cbf",83735:"b9c2c4ff1d297d45",83755:"bcec851a65fcbde3",83780:"251ef9303ad54e4d",83795:"1a4ae9a003ce386b",83889:"5aedf065285f0bec",83906:"7843cafbfd5e97e8",83914:"eafcd4664ec994a2",84034:"6fd8973ab4e45c0f",84137:"3d31f7cc5e8ca294",84147:"000aa7647c94af47",84154:"76660ca1fcd99ea2",84238:"0e69e0e112e3df7e",84254:"bee2aa0b99b7e255",84264:"b6f1cf415254c8c9",84308:"e332f079eacdaa41",84314:"123e599e880b742d",84340:"289bf84b6f27d774",84345:"7dea4b5a166adf2e",84350:"3e6ee3484d019a93",84372:"60980616a2b6aaaa",84379:"fc70d2061010b338",84471:"76a2e288fe9a45ad",84549:"bf5cbe906e0bdb80",84625:"f0a0a818f49550a7",84629:"f32360b09871b2f7",84691:"42d080fff5881131",84711:"e9188621579608a1",84726:"df9f79208decc25a",84948:"bfea668d4d1ce4d7",84959:"2b2a5c89eb141695",84963:"0b1e97bf635d7423",85009:"d2fe0355f7f97577",85019:"0dc33fe6b2b14127",85020:"fbc640ce612028b4",85076:"2177bb20e3152cea",85084:"922d1bdc30f170f8",85089:"beeb2839566d8788",85093:"f25a77d8f8068a15",85114:"e9d452528e6becc3",85125:"30b979c21cfa4138",85143:"f1c286b8b5fa12b2",85153:"9f83ec04b1b8a7cd",85177:"ad7c65ff1e8108e1",85190:"67094056a3637e2c",85193:"d134730c91275b42",85304:"9a63ff0f57b2f35c",85334:"ff43a4d270432f82",85407:"e31982ebbf547fd1",85455:"991c3b052ad155ba",85458:"cc04b8d633a0d77a",85468:"3087596b7298de88",85492:"ba0a2716cb0ddfe5",85543:"5adad00146553dd3",85578:"4cfe08045d10fff7",85626:"4522e47169b110bd",85640:"2da3fd37c739786f",85654:"99f486edadb72de2",85776:"e029ca934de03c21",85800:"13fdf16e1d6973e6",85857:"f0b8524af3b824df",85871:"05011459d7204b3d",85875:"08d38873e87d5868",85886:"306a268aba0d99d5",85890:"9cfc2e612815d40b",85901:"307acbe0601bfd28",86052:"fc931c39fa417c5e",86086:"ed524fcbcd8a2af1",86101:"35e77ac4fc945205",86138:"29c6317d418c7526",86159:"bcb76cf6818a8e42",86194:"868b6004024ef1c3",86198:"5ca6163249fbef62",86233:"06194c06aac6ce03",86320:"2e51b2e445526c9e",86337:"def35bd44fe636de",86359:"f4bcce0efbf8c156",86584:"b2402699cbf05d24",86622:"6b68ce5b803711b2",86695:"8a91412fed846010",86746:"5972e311bd313f4c",86805:"3970ac8df73d7116",86820:"a432be36a33dc0e4",86863:"3736c7f8b6934da7",86871:"b74d8dd875c0200f",86874:"742821d26403cb51",87011:"69a217d088a35833",87084:"b81869f6fa16b6a7",87147:"e97690057ad486be",87187:"8a358559593c3926",87218:"7830240d2f052438",87261:"57e22cf4760881eb",87290:"b32a08e284da0a2c",87293:"6e082fad5e083b2b",87298:"9560788f36c8e706",87408:"a81e1978bf50e446",87430:"900a97f42e2a9a16",87460:"c5835f5a53007be9",87466:"1a640889ebace00b",87533:"3c281ae919f690f6",87553:"7dbc93db6f396595",87577:"52fe5f7ba290f61e",87585:"c80a3931083d8e9c",87608:"ccd9549ec55ef38d",87611:"dbbc1c8599353fb0",87660:"538f9764f918de1a",87685:"fb9c5e5c141aaca8",87707:"3146e0fc1035229c",87723:"e494b39d23286835",87726:"2fa8ae89a8d32ea3",87770:"21b582589bc6c883",87801:"62e1b21fe41b9bc0",87808:"838344ba93289135",87837:"09729a3f38322a99",87871:"1fcec553fa150697",87902:"0704c060f3864292",87945:"860568e86c5ac244",87999:"ee53e319d05f272f",88035:"dd9225dc6fd2ff00",88133:"019400968d245102",88152:"86733aa75423ddda",88176:"2331120c00d9d76e",88205:"2efdd06ae855e923",88247:"0c72588c2bee47c5",88264:"fec067dc95bd1101",88267:"3b47fbf97b8887af",88382:"002d704caa8734e2",88396:"4723b98ebbdddba4",88486:"fb6d81efafade660",88501:"599b879803268a6b",88502:"f7abfff305017dfc",88550:"1bf216fcadcb5071",88574:"41440cc62351a236",88642:"9565fc9fc03fed60",88682:"8d9f2cc6001c0cd2",88753:"e908609931d06434",88761:"47425619187800f8",88767:"66fde712203b8806",88823:"4ee7af32ba3b57e9",88865:"b176859f17c4023b",88918:"1f89a89c2ae7aaad",88926:"c33eb540e54b3124",88939:"6058a0feff63db1d",88988:"a4147d817ce67ec3",89022:"b1607dc30bba617e",89031:"2971cbc6db18773b",89064:"68d9853246b394f6",89065:"21469683b539cc73",89207:"d70ccd10408fbd1f",89233:"eca6e9c51307a132",89300:"6070de139db19fe7",89302:"fecbebef345cfda8",89329:"11d4981b0d9af2ca",89367:"d4980ab7b66fe809",89388:"3bac0c020f01e032",89402:"6c2a5b58c28fe6d2",89409:"aeccd1113c1d88e4",89422:"13be4ad74e0ce56b",89479:"d17794611eccc51e",89520:"b7acdc5c41c10931",89524:"5b6c277dafed257b",89602:"5d68eab4ea4b23bc",89645:"85f407d72024faa5",89793:"4221d0ae1b340972",89821:"41020347b77d32cb",89842:"4bb2acdc38089424",89860:"bb543cbe8be4dcce",89876:"e559ff20e64ff6f2",89885:"f7e22e03eadb49b1",89905:"424b5380ebaa9a90",89923:"f5279d6b685fe759",89936:"ece4629631991ddb",89954:"1f579010b7c66e54",89998:"b7d2d4d2c377c233",90003:"822d4f4f83319e55",90024:"16c1e13ec69a7609",90089:"e04277e83133decc",90163:"249db743c11d52a2",90198:"3c112e43417267e8",90245:"409e2e32a5b2c63d",90247:"0daa1697a953dec2",90289:"1062c292e5d30e13",90351:"00901dc918a086b6",90374:"e4a9cd8ea4ba172a",90376:"70e1dc4c7980ad89",90393:"f847ef7c9ec0712f",90394:"74db69e7d4653a59",90422:"be9bc2b0e3e602b1",90457:"51c128607f8825e2",90461:"30a07a662412fce3",90463:"2f230aeb449aeadd",90469:"d9cae3fa1b41aeb3",90486:"2525b1ff44a496e4",90539:"7d1c6e8d06723e2c",90652:"2c4f7ffbbcddf014",90701:"fd7045af8227bb17",90719:"7f5c31ed505e06f1",90751:"99e7fca5105ed78d",90772:"462cb4751c2d79ca",90794:"b1383212bc01ad43",90817:"3640dc0f963b664a",90852:"6f7374ed952f93d1",90854:"3f13372eadc174e5",90871:"af3a861816bb2c7c",90874:"468425bb14c09f8d",90877:"342a2f05336f57da",90894:"2d4d6ae56420bd53",90903:"e76483872f6e7758",90918:"f04df44b027017f1",90947:"02ce98a21e4be5a7",90950:"639eed2d9527618a",90987:"a2d6522b5518345d",91058:"4e228b6d8dce5591",91068:"7cd3dc5ecf1bd7c8",91072:"7e4a60c888133811",91077:"012a9555d9285958",91173:"65df5d9167e5eec9",91197:"c5e82edc4a13184b",91208:"be66575bce645c15",91210:"77f46b053aa1c05c",91242:"3283611b2b33fff2",91246:"3421c81da5e0a46b",91371:"e7542c6dce31b119",91407:"abe5f33cdac57f74",91487:"7a9bbf068ada5ee8",91498:"3969f32ad5c7276e",91501:"838f1a1c3ce742f1",91504:"822d95f3e3496673",91571:"5e8ba8d81b68ee18",91612:"2643bb5bcc2b01a0",91624:"512712a7973d645f",91662:"b7e5d3ce67be2c9c",91760:"6214e90b85fa0778",91770:"edabfea8722c7de2",91839:"ea101daf79a2b4dc",91975:"05a61b60df458400",92043:"8d9d35f0daf2b795",92062:"7468a166ab23afcb",92088:"b54729cd44db5791",92102:"2b68dbd50aad13e2",92136:"214af134390d32ce",92178:"38d41a4ebee15a8f",92180:"7542d870eab7d71e",92190:"751ec2f79680ec02",92213:"b20b63ffb45fd9fd",92295:"f1f9ef0f916bf035",92432:"d69119d0de116474",92456:"76aa5ff16827101f",92515:"f0a1e17a4deb3457",92552:"f6bffb0492e5d0bc",92585:"12d9550e404ccfef",92593:"96979046ed6f9ffc",92606:"68898f3e1dd4c109",92633:"11e06fa32711ce71",92677:"15f28b342b6e8a64",92727:"faea5c1065dfaa75",92736:"daabbc1f8ad409f6",92768:"2935613e88d363d2",92845:"174665f41586b46e",92882:"dbe84e16e8c7cce0",92922:"89d0b0fb1d5e3234",92925:"4287a7bc5299808b",92959:"a82f2f54fe81663f",93017:"c618cec9fb727616",93030:"032f920b228a9a03",93041:"5d6582511f6f31cd",93046:"a0980ce745584fa1",93061:"95f02096bdfae7c5",93067:"db3b4b7b32c4d4fb",93177:"3ea8a8e249a0cd0c",93228:"b3a5c570f18e588c",93237:"2932ad7601ab8ced",93332:"63bb1a10d699ca0f",93362:"9ecc00fbb903e701",93379:"a891ec6c1603fb1b",93403:"3461929e356caf1b",93410:"4902761be8e43c34",93412:"6de437d1081b2496",93424:"914585fa07152f7f",93487:"3ae92a5fb1ef9584",93492:"9746e68191f29497",93511:"25b8eaac79124e21",93522:"f264750d54bbb9ae",93539:"10bbe1fa36a658bf",93557:"4cad04b7458ca79b",93606:"cf75ede8790dd35b",93653:"521a3b0edd5edcd6",93692:"b02a0f5c2a72f35b",93750:"decbbe4b49cf558f",93760:"2044eb33b18187e1",93793:"c93095912a810df2",93850:"7171617ae160629e",93853:"c40c98b8ccdc190a",93888:"c8137568bbe5740d",93995:"278946b1191961f4",94004:"cfb9d69209bdfd53",94054:"7c8641247548c9bc",94075:"7294a301224fed83",94118:"efa9ddcc5b67e4f9",94146:"a54ba5dfee5aff50",94159:"b1174077e2cc28e2",94221:"2f7a26c79b25ac80",94249:"9c5de7d620b9c6b9",94291:"9327185d944243f7",94359:"5537b53aa186a85e",94426:"84b7b34f688db8b5",94430:"e3e762ca0aea820a",94456:"32f40aa13f396b83",94492:"45aa4fd15410d2d4",94506:"21fda64893b2856e",94548:"858a22c8959b9ace",94583:"35309c6487ca5fa2",94598:"717e420e279c26a4",94611:"2c64cbd22d090f2b",94729:"420209f5c3dac2d5",94760:"4f1f37fd21d430dc",94780:"96411ec2ddb8d593",94880:"84a5e0b312ab0edf",94881:"6a26214faaf7ccdb",94892:"4b42f4e3175954b0",94912:"c4a05553d6e57761",94951:"64330a63c7e123fb",95018:"abccee3dbc0a7c2d",95030:"f582f12f051b33ad",95033:"1477ca1727682ab7",95087:"0563418d344218dd",95183:"93b9f4b72370f754",95249:"a0f664d3084f1cc3",95437:"6ad0f99bf32762f2",95441:"1580ddd206f4636c",95446:"041a7ff64d6003a7",95511:"210d701ab29f47e8",95545:"ae63e5c170857786",95560:"7b5a2603d1376505",95593:"b01f7e3e73067fde",95603:"6365bce62a0d053d",95604:"c7de3788056c54ee",95674:"087b8bd850dc81c0",95675:"ff06ee01916e684d",95725:"516f2c0186a0c71a",95760:"836af0fcdf0cd52d",95780:"3f2c3739353368c7",95829:"dd501a6817e72358",95839:"67a90dae0b7b439d",95840:"cb5fd244a7dd2924",95860:"ca9da04e023368af",95871:"90433c5dc39e79fd",95894:"75e66811245ae8e9",95928:"b622693ece5a6c00",95952:"f080e15899772a1b",95994:"e50f813f8a3e139d",96022:"4d9d9726d32b7643",96029:"17ba5ee942533e2a",96060:"8108cb79cd04946f",96068:"d20759eac3d6673e",96101:"48106cb69d05131c",96188:"cbd57af6ec17d0bb",96278:"a6a4748f4f2f4b0d",96372:"195d2f59eb065f08",96381:"3a7b9cdf05c63fc7",96434:"fc433606312bcbc2",96459:"c2eade21f7a853b6",96501:"bc90896951dd1add",96549:"db1190d400a7cf62",96570:"5fbc46fb15f269a0",96585:"fa6152c3f01d794d",96589:"b86c1a9db3eaec20",96591:"65824263c47aab57",96675:"5279585ca95cba74",96689:"85b56ef32180c4a7",96691:"eca7d8bf717146f7",96776:"2f42c3a7c9da589f",96790:"0dab18bb22cd3e93",96807:"a94000e3b8c45b23",96896:"8a61923f4b0cfc8b",96898:"38b461f6c1bf08fd",96912:"2345324d8d27c8f9",96927:"9861bd719c40e545",96966:"17f5f1324067cfb5",96985:"fd69f0e35f9edaf3",97011:"951a28fa7e60a6a5",97021:"5e5d65ae7772920c",97041:"74bde49d06c51864",97065:"0ee71e4a445dd263",97073:"30fd14e225d68631",97128:"1d9c0647a796749e",97139:"4c270f3e0e92efc5",97180:"17a42d0d1e975302",97196:"cafcb173a0402feb",97208:"7cd3b44e638d2e5c",97240:"8ce97d581ea21cf2",97244:"f3331a445461b96b",97278:"08840509abf8fa0a",97339:"521ada682471f478",97359:"97616f9ba26996f4",97409:"be9541cec383a9b5",97416:"de9134d52b0473c7",97417:"d6e40a9eed77e2fa",97481:"54b474301f60886f",97485:"e6a999741ae0790b",97539:"bdde383f057703f6",97571:"076b2d9ad73127ca",97609:"108b3d936f6c023e",97628:"81ddb24cbf0cafb9",97671:"100772185231743c",97683:"46efcb85b2ab7126",97764:"211c9904739330f6",97808:"f25d07a8f2ca8164",97832:"37c4b9077f7aa291",97921:"8beb27a556a8ca85",97948:"fd775388c0325f32",98087:"c3919e056593cdce",98131:"7926c9c6fcb76c98",98135:"d7e78784da362fac",98146:"1233eefc6f3f9ef4",98157:"1a303202843b7844",98252:"be37518d94c28e32",98274:"83867b49468e971c",98295:"327e57e5c37a03b1",98297:"cc2aedd049d2d122",98324:"9fa74e2dff2815ad",98330:"ff7a55b5128fa5aa",98377:"1647f6176e123014",98427:"e77d72da86f8c437",98472:"4f3bf1e7601cb876",98486:"db9c44f9f1a7dace",98504:"6436d5ff8391c51f",98517:"c7ba0cb6ffd80d85",98542:"204f8871ae54248d",98559:"35b356199b8d4136",98599:"7fbb22e57d091a7d",98678:"691eb52c82d19be5",98695:"48f185c52f08b8de",98701:"18f67efbf900c66b",98708:"e0c6312e760daeab",98768:"dfe5239a00486c69",98780:"8004595ba2cae486",98787:"3c09e89f4ce953b1",98837:"a86f6b787be6d3d9",98907:"6ff78745bc76b665",98917:"ad0852d65a12ccc3",98929:"16c7623bd2b11470",98997:"e8f050dd7b0b2859",99051:"a010a3f3c1457137",99056:"92412f82218d5b4c",99213:"10918a72687f2d85",99226:"8e9310f84d348cdf",99247:"554c14fa9c514b3c",99280:"17c4dbef952f1a76",99385:"1258066d78ce3b2e",99389:"5a7a42f7879de17f",99425:"76118f8405049bd8",99438:"53f030ee9069cfb4",99459:"241a31f7963ae4ef",99460:"703741fb0f90cd65",99468:"02f2ebee6b84d8d0",99470:"ed1b036b4a8570af",99662:"5c8fa5e0b4ef649d",99746:"d7919a29dbd1889a",99858:"2439b9f50447b14d",99861:"82e7223196cbe74e",99862:"27dbfaa1da636ff6",99877:"92af9d11e99e8673"}[e]+".js"),l.miniCssF=e=>{},l.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),f={},b="demo:",l.l=(e,a,d,c)=>{if(f[e])f[e].push(a);else{var n,i;if(void 0!==d)for(var y=document.getElementsByTagName("script"),t=0;t{n.onerror=n.onload=null,clearTimeout(o);var b=f[e];if(delete f[e],n.parentNode&&n.parentNode.removeChild(n),b&&b.forEach((e=>e(d))),a)return a(d)},o=setTimeout(z.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=z.bind(null,n.onerror),n.onload=z.bind(null,n.onload),i&&document.head.appendChild(n)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.tt=()=>(void 0===c&&(c={createScriptURL:e=>e},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(c=trustedTypes.createPolicy("angular#bundler",c))),c),l.tu=e=>l.tt().createScriptURL(e),l.p="",(()=>{var e={13666:0};l.f.j=(a,d)=>{var f=l.o(e,a)?e[a]:void 0;if(0!==f)if(f)d.push(f[2]);else if(13666!=a){var b=new Promise(((d,b)=>f=e[a]=[d,b]));d.push(f[2]=b);var c=l.p+l.u(a),n=new Error;l.l(c,(d=>{if(l.o(e,a)&&(0!==(f=e[a])&&(e[a]=void 0),f)){var b=d&&("load"===d.type?"missing":d.type),c=d&&d.target&&d.target.src;n.message="Loading chunk "+a+" failed.\n("+b+": "+c+")",n.name="ChunkLoadError",n.type=b,n.request=c,f[1](n)}}),"chunk-"+a,a)}else e[a]=0},l.O.j=a=>0===e[a];var a=(a,d)=>{var f,b,[c,n,i]=d,y=0;if(c.some((a=>0!==e[a]))){for(f in n)l.o(n,f)&&(l.m[f]=n[f]);if(i)var t=i(l)}for(a&&a(d);y{var e,a,d,c,b,f,n={},i={};function l(e){var a=i[e];if(void 0!==a)return a.exports;var d=i[e]={exports:{}};return n[e].call(d.exports,d,d.exports,l),d.exports}l.m=n,e=[],l.O=(a,d,c,b)=>{if(!d){var f=1/0;for(t=0;t=b)&&Object.keys(l.O).every((e=>l.O[e](d[i])))?d.splice(i--,1):(n=!1,b0&&e[t-1][2]>b;t--)e[t]=e[t-1];e[t]=[d,c,b]},l.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return l.d(a,{a}),a},d=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,l.t=function(e,c){if(1&c&&(e=this(e)),8&c)return e;if("object"==typeof e&&e){if(4&c&&e.__esModule)return e;if(16&c&&"function"==typeof e.then)return e}var b=Object.create(null);l.r(b);var f={};a=a||[null,d({}),d([]),d(d)];for(var n=2&c&&e;"object"==typeof n&&!~a.indexOf(n);n=d(n))Object.getOwnPropertyNames(n).forEach((a=>f[a]=()=>e[a]));return f.default=()=>e,l.d(b,f),b},l.d=(e,a)=>{for(var d in a)l.o(a,d)&&!l.o(e,d)&&Object.defineProperty(e,d,{enumerable:!0,get:a[d]})},l.f={},l.e=e=>Promise.all(Object.keys(l.f).reduce(((a,d)=>(l.f[d](e,a),a)),[])),l.u=e=>(({342:"i18n-lazy-185",990:"i18n-lazy-183",1352:"i18n-lazy-181",3379:"i18n-lazy-319",3504:"i18n-lazy-197",4244:"i18n-lazy-311",4540:"i18n-lazy-91",4790:"i18n-lazy-227",6073:"i18n-lazy-41",6673:"i18n-lazy-55",6911:"i18n-lazy-207",7815:"i18n-lazy-331",7821:"i18n-lazy-333",8131:"i18n-lazy-249",8246:"i18n-lazy-273",10393:"i18n-lazy-241",10482:"i18n-lazy-237",15089:"i18n-lazy-187",15784:"i18n-lazy-271",15930:"i18n-lazy-143",16034:"i18n-lazy-339",16352:"i18n-lazy-137",16447:"i18n-lazy-115",17411:"i18n-lazy-225",19622:"i18n-lazy-347",20749:"i18n-lazy-201",21046:"i18n-lazy-135",21173:"i18n-lazy-297",21415:"i18n-lazy-73",21502:"i18n-lazy-175",27769:"i18n-lazy-85",28015:"i18n-lazy-77",28966:"i18n-lazy-287",29105:"i18n-lazy-109",29868:"i18n-lazy-9",31086:"i18n-lazy-325",31865:"i18n-lazy-93",32195:"i18n-lazy-7",33157:"i18n-lazy-127",33439:"i18n-lazy-49",33524:"i18n-lazy-295",35170:"i18n-lazy-159",35847:"i18n-lazy-163",36104:"i18n-lazy-231",36498:"i18n-lazy-13",37085:"i18n-lazy-303",38261:"i18n-lazy-247",38502:"i18n-lazy-179",39562:"i18n-lazy-121",39621:"i18n-lazy-153",40449:"i18n-lazy-117",40669:"i18n-lazy-113",41158:"i18n-lazy-129",42682:"i18n-lazy-205",42798:"i18n-lazy-27",43419:"i18n-lazy-251",44499:"i18n-lazy-269",47034:"i18n-lazy-345",49610:"i18n-lazy-291",50366:"i18n-lazy-99",50511:"i18n-lazy-337",50634:"i18n-lazy-215",50988:"i18n-lazy-219",51563:"i18n-lazy-275",53332:"i18n-lazy-315",54538:"i18n-lazy-119",55192:"i18n-lazy-19",56966:"i18n-lazy-75",57027:"i18n-lazy-3",58699:"i18n-lazy-335",58778:"i18n-lazy-157",59173:"i18n-lazy-25",59193:"i18n-lazy-21",59681:"i18n-lazy-29",60738:"i18n-lazy-305",61972:"i18n-lazy-151",62229:"i18n-lazy-223",62608:"i18n-lazy-43",64777:"i18n-lazy-313",66558:"i18n-lazy-173",66561:"i18n-lazy-267",68053:"i18n-lazy-161",68067:"i18n-lazy-263",68149:"i18n-lazy-139",68592:"common",69450:"i18n-lazy-259",70932:"i18n-lazy-51",71983:"i18n-lazy-31",74209:"i18n-lazy-95",74832:"i18n-lazy-317",74896:"i18n-lazy-299",74944:"i18n-lazy-193",75664:"i18n-lazy-293",76185:"i18n-lazy-63",77036:"i18n-lazy-165",79976:"i18n-lazy-107",80445:"i18n-lazy-5",84314:"i18n-lazy-209",85084:"i18n-lazy-323",85871:"i18n-lazy-245",86874:"i18n-lazy-229",87611:"i18n-lazy-69",88176:"i18n-lazy-141",89905:"i18n-lazy-65",92088:"i18n-lazy-253",93403:"i18n-lazy-47",93692:"i18n-lazy-97",93888:"i18n-lazy-71",94221:"i18n-lazy-203",95183:"i18n-lazy-53",96807:"i18n-lazy-281",96896:"i18n-lazy-35",97128:"i18n-lazy-285",97196:"i18n-lazy-87"}[e]||e)+"."+{101:"61623abe4cb324ce",136:"3d1fe006e4db464f",148:"cbd7254073f26dd6",270:"1f972478a2321699",288:"28afd4b4608cdf23",342:"3291654cdc053b55",420:"d6da47107d7189dd",422:"abc132a8822d4d8c",437:"6c426c70d0a0f32e",509:"4a76a8d53c4384cd",555:"ffb7fb5303b73c38",580:"1a2065055fb3b665",592:"181f848f69561d49",614:"361252385ec68c4e",616:"d3f9190884b0f9b5",675:"37650175eac25997",720:"b9500c964404d16c",757:"b33c2180072ed610",763:"deb0e7dbaead93d7",764:"93f5762fb066a4df",893:"2d4e091977e760ce",904:"067b1681b565cffc",910:"cb80824cf8306b8d",953:"ceeb40297c1aa657",990:"b4567d9c5df95291",1114:"57794d2e5cc7ca5e",1129:"9b1739da4cec05d1",1141:"078c2ed1df7ae135",1161:"eaeab4ef3deaf75a",1182:"2984ef7833464c74",1246:"ebc99472b6027160",1322:"5231d74b2292f4ab",1336:"fd1d8ea11c2f52d3",1342:"e334901ace61df57",1352:"1e5ba32ce8c9cdbd",1393:"221d325b13bf8304",1425:"a9339a370275da7e",1442:"25a7f297f7cab8ad",1468:"c837dd0a33c5f44e",1470:"2647599d8885e157",1514:"f5f632744150e106",1557:"80118f0ca17d774d",1605:"fe27eb1d6ddbade9",1606:"a85056ef497e0f1d",1674:"14e7d996db9d4be1",1697:"ce9adfca1a0c2982",1702:"133d939a941e4c86",1711:"482ddd4e6209e369",1737:"05989dc0f9d128de",1778:"7bbccde7a77edea8",1782:"bfb6cfdff59515a5",1843:"6d7d54f17f82ea56",1849:"c80a298c56fb3f85",1947:"93388d0508d75266",1964:"7e68749d25f0cd72",1971:"4323acc60645f764",1997:"e7327525d4a6acc9",2013:"2a4d981546e1515f",2060:"88f3172cc5a1c7eb",2067:"e72c4a2872a07ffc",2105:"f4d770ac52f54666",2132:"9681b7007db57129",2145:"902a8e5fa7104d3c",2148:"4fe5e4e7e4fa14bf",2180:"716451bf6c006f74",2207:"47426e5af4179f50",2212:"d9898c45ba9357f2",2216:"98985cc9c2ba8f28",2230:"a0caeb3671e69678",2276:"345b18471238615d",2337:"656505eab1279f68",2345:"4b0094050e53d931",2367:"93ffd823a47a17dd",2387:"b559b06ab8ed40cb",2442:"2c59703ce5994846",2447:"04c6b427243ee389",2475:"884e44adfbe7040b",2500:"6e0e2f40dac5489b",2509:"45662d24eb000074",2602:"675b27455d215db0",2642:"d15303971b4c1273",2646:"7aa553cc59169f5a",2791:"1451050e5b88335b",2828:"af203577a3babf19",2862:"8a75beede7ee58d4",2899:"42cf95a3cd67ad93",2973:"dd23c64028c44f34",2995:"aa6a89fe1d45df4f",3011:"a4d4b788c510e1a9",3018:"c97844c5f13703e7",3031:"30e49dd19082e87b",3079:"101aa4af87624426",3095:"f7f88179a0030e78",3138:"970fb9a9313469d8",3191:"32bf2fe4d904f04e",3233:"cbd8013f295c8ec5",3253:"e96d12c021ef4f7d",3303:"1b9082d2ac6dbed6",3322:"5eac1522e80f897b",3350:"29f6c81b30bc38a1",3379:"89f9dd7a908ae839",3391:"214506f850634ea3",3423:"3352363ddb4746a0",3467:"9371f499a5acc543",3504:"3667395a2ab97753",3557:"5642bf0d2f366cb1",3578:"17d0d72260539e7e",3679:"34adcc89ee09fa48",3720:"33d0136fd4db94c9",3749:"60ffb8ecf0582006",3836:"7a0052b3ab7a2f8d",3956:"b3dabbfdd1c79ea0",3957:"c0926ca999ec61c1",3991:"a01fdeb26897e5cf",4011:"469b0dfc5a50eee0",4107:"b00eb7ce4168349c",4147:"8ebdb5ff173eda88",4159:"24a9022e5a3a618a",4211:"e049d2f4dab7ec39",4226:"12a8d6cc6373a3a0",4244:"987b4512ce2c0160",4272:"c71bd5a8f4dee8c2",4530:"399993d09c0b3c9f",4540:"2b2c175464428fa9",4564:"4a123981c11bb576",4628:"172fa6cf7c51f6e1",4697:"d766b75a3277f428",4755:"3a694deff22d7909",4759:"5fa6d74244557bc3",4782:"727aa8acaf353698",4790:"5cf5f0b2349c8572",4850:"8f788971a5d76deb",4886:"a00561abd5b81c7c",4902:"7ba97014519c03a9",4914:"5439c9885498b80c",4918:"a20d6ccb81cd3b22",4935:"5b1fd5b17c69351b",5135:"48ba901b86340286",5197:"4f487bcee1b758e8",5213:"d19c0b73776c0624",5232:"d7f58aef22a5a1ae",5280:"61ac034cb8db6f0e",5287:"13e26a5320cd9186",5382:"b440567b4c972b04",5440:"fc88d08eebafd70b",5488:"32fcdf2edfda0269",5608:"8db79da031678b94",5619:"d21a6e4531e2d7f3",5657:"82be8c38891f53a3",5680:"1628e4387133dcc7",5690:"000cb336cea5b8f9",5748:"dc4dc5e2430760f2",5750:"459beed68e10c635",5758:"f56fbe737103824f",5768:"524bcbb3911e061b",5781:"f9823baa74ba1915",5859:"c43f5e34c3fe866a",5900:"24d93fb047f2bc0f",6010:"fd935187a5f1d290",6014:"6c055c792ed06978",6062:"2e1eee1c6e24d910",6073:"76c5428553d528f8",6225:"00386fd586413652",6245:"c5fe831cfee4b80f",6414:"e53e68649a004e8d",6442:"6a08eb3c04e2994c",6456:"fd6953aa106048eb",6489:"268de498b5c72480",6492:"3a0cde9c21d55146",6583:"ee9b79e1316a654e",6594:"24aa36dcb0e0b8a0",6599:"d2cec636d24e1739",6630:"f56749b6c51072d4",6658:"ff7f602964f7b715",6665:"f256a55163a3dc60",6673:"16f3399b092e53de",6688:"eac9e5437d1bcffc",6690:"b772c1afeb0713c3",6696:"737c853d0a7f8cb3",6722:"5857261774b032a2",6726:"18410b717426986c",6740:"429d2598827b3d86",6812:"03d00c64a237e268",6857:"e30c39ecb59c2b2d",6911:"91d8b7d3f3dec560",6953:"0c389a3cef19c6c4",7019:"1aad3014fbb3c9f3",7030:"cf967ce331413b99",7036:"78a13b82f0cadb6a",7077:"05837dc29abc0c4a",7182:"46479bf0679e6e6c",7190:"e7c66eeeec4d7064",7205:"19c101509c061384",7213:"d883b413d601441e",7214:"a31d3136467ac655",7220:"507e0c651d28b782",7228:"c373059c218e334d",7254:"8ea1cfa01cc06ada",7275:"e0309def9ad872f8",7283:"ffe67e2a731feaad",7411:"eaf184c5d93b4a76",7486:"3a0001db5d752b8d",7533:"5998aa3cfc59d6e7",7561:"441362346648b142",7588:"3715bc2b96b36cef",7633:"d81a3f23809d69aa",7639:"787a4d88636e88f2",7705:"3bffe9a5d99b1f9b",7709:"7dc36ae27776f268",7724:"ed725f045c64bf56",7771:"f8fab39e77049da9",7777:"7a642cb7e7c76b2a",7815:"8d64a4895c1acadc",7821:"3d666782ac385c2e",7863:"fefa1285f778aea0",7916:"b3d748f0c89ce9f9",7950:"e486f3c0e524b94e",8018:"59915146b6bbe732",8019:"0b46534ec5c32c32",8028:"69ef1e9506615c39",8040:"543fe41c93ae4829",8046:"bd2923e8e9c04bd7",8074:"ef93ebcad694b5db",8077:"b894a490776ebccb",8088:"49baeaef2e0a1b05",8115:"357ce415d8ba2268",8131:"0909b3670d87c897",8145:"e4e933918e55b59c",8188:"d4db179ad334c651",8246:"6e69c0c55250a177",8289:"de405930330a9338",8302:"58e8a2872c7ace03",8310:"7c21d9dd5980ac65",8345:"55d7a5b97052389f",8354:"3ff4530572e0ca1f",8425:"61bde27911cfd623",8441:"dad423729543cd0e",8569:"e6d2666f89444d94",8590:"cd28b338d3572af5",8609:"6357f2784d4a6e51",8629:"c775c7fd6e2b0bd1",8763:"69a12b31eec583a1",8836:"2ee882649e09aca1",8853:"3ec9930fba7915e9",8863:"2fb4891dd4da55f8",8923:"68453a50b5de9887",8983:"e810e404856cbbe9",9008:"0e4a28f3ad7ece97",9028:"38ed209e0c86ccff",9057:"c2c3e180d1bceedd",9110:"b4cedb8992758de7",9125:"da7c209ea753a1c1",9179:"09130a4d22f0ddc8",9182:"53d88f1f51df19d8",9213:"b5ab7be6c4f24389",9254:"1dd7651eb94948eb",9273:"8fd113ba68823002",9295:"ee22b8e6322a241a",9307:"68df44e3237265c6",9361:"a3302c74614604e6",9370:"374ccef0fbd872de",9395:"e5852728ec65a625",9408:"1b65e5c70a6724bb",9502:"80fe737292f9e95d",9600:"fbae0b688d2e213f",9604:"712218fd98104d10",9755:"930ad03c4ec7d1e1",9771:"413f8af9dd39879f",9839:"533c8561de7a3578",9849:"4b1137e6b0131e68",9886:"42f7ae899e67b8af",9897:"e0dd9526e043f5b2",9959:"5b0ca100660e3fc1",9978:"b6d98ab0eb19cdb5",9981:"cf55c656b9f42eac",10089:"183b90edd013a611",10164:"f479d46e6d4dabda",10227:"d54cc8033711a247",10236:"d939c6a51c8aa456",10311:"b1ba0e034e8c6b40",10393:"9b9b85e7ae8cf38a",10419:"a02238b0e3c8a812",10428:"0b4d6e6ba554b591",10451:"0eeaca1c37fe630e",10458:"4a406dd4b5aa05dd",10475:"c1c3be8ff5531604",10482:"db43c45ffb6f61e3",10523:"2d162faa98b607e4",10530:"c5a666e309125838",10650:"a557155c059535e0",10686:"bbc82741906a0724",10736:"5b8c0c4ba5fc1836",10769:"9ee093fcea78235d",10856:"6e7d6ea4e7f8b56e",10875:"7ca3cc92a0a6e67e",10916:"f65a858fb15f33d6",10931:"5ecc66424abd43c3",11083:"44aef71fb4b134fb",11176:"ad3bd60f1b8d07f8",11227:"3d6abfa81ba43095",11350:"477bca8ff7d68544",11378:"e458b3858f6e08b9",11437:"21f069c9e2222c16",11453:"d0b5b4c0be142fc7",11471:"33586efed99cc37c",11495:"1e7ced125c650970",11533:"8966e217b1130a5a",11589:"e78320abd5204b91",11711:"464af59215f4f829",11752:"8a79d4d7d07e462f",11832:"9c0650cd0f339497",11836:"48a3b22d668d8389",11910:"39a79d14d762a7e3",11927:"4c3e32d204fc6aab",11962:"55907bd91ba52769",12039:"f834bc382e7cd8fa",12059:"b2056bd33d4978d2",12258:"102bb8ad874ab2fe",12269:"2574ff1f63bef90f",12381:"4d03b2221ceed04c",12414:"e708267129cd5e12",12428:"2ff1a906924a8842",12510:"c0850fdc32793514",12513:"65ef18360c1a42b2",12572:"6809ab892bb9233a",12601:"2cb0780200e5e776",12634:"54dac7ecaf88ba0a",12661:"e4634fe7fcc1ffb9",12662:"83c9d801ba5e79b2",12682:"31d2c65e35d6e12b",12839:"be29b1db0067cc56",12878:"ae79def20d6e56d0",12989:"c835d651a094a535",13027:"0f404a16b84dde4a",13108:"22dbb94fa0384ce5",13110:"a66cd7a3de5a3451",13242:"719dacf2529eeda5",13283:"0ae2b59256a83376",13284:"a0bdc9c7ff601280",13320:"62be0c289def1307",13330:"e0c14c2177b1b2d9",13345:"75842a2f5724e5d4",13401:"44a72d71282b5eef",13406:"756c1b1c6e405dbb",13449:"9852b6837af54ef1",13453:"fd525db1e27e1e7b",13518:"4fd520f4d546b4f6",13531:"0785748e8f6078be",13540:"8e98f63b126cdc78",13568:"e1bda1497df4d5c4",13606:"d67cdcd273056c14",13744:"da40a244c5774760",13760:"0187b2d931bc5206",13763:"7c7b8c44807d39bb",13769:"24382520f9ed1c7c",13788:"376ad1a314e24ecd",13837:"d143c3462dd07510",13892:"0ded88f42896a4c7",13948:"5469e2ba0da41c7d",13964:"53de49dc7031437f",14022:"3126eab535fca534",14065:"33c779ad3d32dbb7",14164:"24e534d6f9b80015",14193:"6b8e3ee634c6aebe",14203:"59f4648c34559995",14228:"319d6fbecdf02307",14340:"82b1cbb5f24351e1",14347:"ca000c5de8f1265e",14378:"8856b6eeb7cd441e",14399:"5bcac6485c2a42e3",14425:"f55489ee26e9665f",14491:"c33a617f940720f6",14493:"ef4dd9c0df47ac83",14519:"ddd41d3c4f2c13eb",14548:"6c1823939742b413",14582:"de8e0df1e22f0c04",14604:"0d8b20285ca1c829",14628:"3b642e9a80468174",14652:"e4e4da9cb4c9f34c",14669:"84f9f44fa6fe3072",14720:"95e2e86a579bb5b9",14750:"ccc7849cbd296128",14756:"da27439218976bd5",14778:"3c3872835587a54f",14802:"19326841b20437a7",14890:"5f24f8bf6638c989",14923:"f11654cc15a18c5e",15038:"5764733d79f736d8",15040:"d98c52bf7feb33d9",15088:"fe6c03f67324dacf",15089:"1803ae54050327d6",15153:"7e9f62127ec04c06",15199:"98b4b3dfa1ce222c",15203:"5254bf4475d5cf3b",15204:"b72ddd1ce8882e49",15240:"02792a0633d9f792",15294:"8bc4b70d4dc1b1e9",15323:"6ecd2634234fb35c",15331:"46b75291d37ea1e2",15343:"ee7c69deed767bde",15347:"7030d153d393249d",15351:"af948286e40e0ac3",15376:"f9832957d5e92751",15522:"0a6d00f51776a2b7",15529:"719e17db6db8002d",15594:"a1bfb3e48d62dd3b",15599:"33bae082b96416b7",15646:"ef14a1bf50a710dd",15661:"ad95f06173855856",15742:"040794db1d0f636f",15784:"b11ee341b73be2e8",15792:"edad7e1496d319b3",15814:"9d5bd8727c106914",15879:"60455e64d752fe1f",15930:"2c5860636d693cc5",15934:"b7999aa5e1012454",15947:"1623459737ab65fd",15979:"e24f6c70468cb0fa",15999:"f5363e555431a19d",16007:"cb6eaddfe25e011d",16023:"875520091d138cf2",16034:"96c0f53aa8a6bfe5",16096:"3dd695f21972382b",16131:"0969d09da53e72d7",16152:"dce5496f1b19aeed",16174:"135f6eb0ab7de2ba",16219:"6d3c25a7ffda0031",16320:"6d30c7eb420cee55",16352:"f83609f3c37d5863",16405:"8a71bee873f46797",16445:"383dd843852d666b",16447:"555e8723232d1693",16508:"b9e72ad9001888ff",16597:"9a3e9a4d1121ad61",16613:"938ba069ac5df29d",16649:"20d84965b366dfbb",16656:"97af52fea41f4718",16665:"2cf40d3ba175979b",16675:"efaacf990ef58352",16687:"2ad2adf47fbcd7f2",16699:"466046e7157fb54e",16725:"81aeb6f69bce3187",16808:"0a4ac4a8a43bdb01",17007:"f38a522f6eab0ba9",17080:"49714985751c7048",17130:"5b627de474309b24",17152:"a6d08d1f027a8e4b",17154:"6bbfce214958b3cb",17161:"a96c8d812fc5c8bd",17183:"23c2dce95f94aefb",17210:"ff804ae7eecb4b40",17237:"06d9696699098845",17319:"9d84fce0ac30b63f",17339:"79f43fdd2729bc1b",17363:"f9ba5728ee43b10c",17372:"7f4253565dc417ad",17383:"3c93b8a47a9a243f",17393:"89510bc8ad28ffa7",17411:"831809f41af826fa",17483:"35380b31fd675957",17523:"407e85bdeeceabfc",17530:"c185794d94d561c8",17593:"36fcc8b3309bef65",17637:"12123800073a1626",17696:"a2904a6a2ec70c4b",17703:"84178954fafe3317",17715:"9b1246a01a6d32ef",17783:"684190f30baa9d29",17975:"284a7af9d1dfbb14",17981:"1f52981fe1500b2b",18006:"d9112c1102149508",18015:"6825eceb51291b30",18092:"0ff143011ad0eec2",18131:"3c10a358f57ae913",18164:"2c0a39054eb1b4ec",18224:"b3d9e7534950c043",18247:"abddc12d53d1eec2",18278:"109a86a1d6ebcca7",18279:"377c76ab1e67b21b",18290:"4c08598a03f070ae",18343:"f5be52204e1824f7",18396:"98524cb8c6e4a0d4",18404:"e0fb16a9860dc0af",18455:"bb367e9982542576",18463:"134752b646941fd7",18465:"e8a19305156cd828",18492:"3af442bce7cdad9f",18594:"a72f56eb38072fe3",18668:"81e7aa84f7747b76",18674:"d25ea114ce016b59",18677:"25501cda529ca1e4",18708:"f8711ba3915b17b2",18710:"d414f9ed7a696601",18746:"4da5b69c809fc72d",18777:"e6bc35fe03e56cdb",18807:"171723babd8edd51",18879:"8d5955bd97212e7a",18918:"dea5c6da41d88602",18973:"d87cb6ab5fd4da75",19016:"908d2d9bc17cd7b7",19073:"eff6e3529ac44b14",19101:"ed153dff5a7e0140",19102:"97c92a4edbde1bb5",19116:"9c1e9efa75f3062f",19124:"536c8d547bde4362",19149:"ed1d33a7d2dffd5d",19150:"6bcad0ac17a43874",19166:"63690c6a7576cf43",19175:"67c53b1bbf190ef9",19289:"2a7210551dcbfe85",19375:"5b1caa221f4f253d",19386:"e3ba5ee1db7831fe",19387:"cca4e744bda02639",19551:"1658891157104ae8",19592:"d551665e1a618dc1",19622:"fe1e9b48b0e320ea",19624:"55e2150680470c9d",19649:"b01b86a5e45caf58",19684:"bc6f5490677ad0fd",19696:"76b01db12b828518",19707:"175d04767e70a55b",19795:"6f22187a50e0909b",19856:"6e4a7e304efb0444",19864:"f9203bb8ccc038ab",19888:"60a65a8bede18b16",19897:"1d2abf44bd7ac636",19926:"0db5e88399824f53",19948:"241e0e959b7dec3e",20016:"447327e29769e3ec",20075:"ed67da1382b9a937",20139:"28c7cb948ae60903",20150:"4d4ab26654389972",20173:"0d9c006073166045",20226:"b79fc5978a14dbd5",20244:"f24525349af6f2dd",20330:"9d23ca18b0a8c96c",20336:"c29c295473bd914e",20392:"d3cbc4e680f82d3c",20477:"84408b9fe16a591c",20484:"b195ce1246a6f3ab",20604:"ed192765b9c8aec7",20622:"cd674cb7f60ac639",20632:"408eb675f53e5769",20672:"8c4baeee3e2b28e4",20704:"087ab80a60ab422c",20738:"e4e4d2b542786223",20741:"4ea81b1aa2e7034b",20749:"e16a8b548a1d20e7",20761:"ba9bab8f2eb9fac1",20855:"a59764e6120d8012",20861:"6600f61cf6410254",20862:"46e292f32672b167",20918:"e10ddaa7652c5802",20923:"e7c7520508b55cc4",20930:"4a48c33849db36e4",20938:"254544124fad32af",21005:"a6a8841efecaf4d6",21046:"22b7d88d0cb7b834",21050:"fa05ce43e21d68ed",21065:"bc1d776b8603ab21",21162:"b38ec017790a407b",21165:"fcc501f9f2f5f03d",21173:"383d480610242321",21210:"2e065373a74c185c",21311:"38a300883cdedbdc",21415:"716d3c8651e2c410",21457:"5c4f5ad13de43451",21502:"986e0f1dcc5e4478",21504:"03c66f136d913e5f",21505:"0176be50b72d1691",21509:"f352e6df64da9e87",21568:"2d18f84e60c1242b",21580:"9ac20a0a8459a86d",21664:"10574a9819f6342f",21727:"316856e801e2c004",21736:"16e1185aba689309",21812:"fb80a03aa44d6570",21825:"aaaef2f65c1b2c07",21863:"cb0d2376d4e5e3e7",21885:"fd420100037ec91e",21988:"55ba2d9876d3b1d2",22029:"8595bd4f4d11ddc8",22085:"bc7382e647425378",22106:"43683086ee9bca1b",22114:"8d885078b4c43cf0",22125:"3a98e11982fe7fb8",22134:"cc4419d4c84b73db",22165:"a4043c584b87c31f",22223:"ca8ad7eab10c0e45",22285:"d97372e492a60192",22314:"4ff3f68a6499f8be",22352:"a4c10937350d221f",22415:"f0047f94c9ce0994",22516:"ad3b327010e51d8c",22524:"5095a3f32cf6a781",22580:"7826c26298bb3c25",22614:"d6004fea4fcd7806",22647:"0dfad7b4d620c28c",22657:"853422d0d43eb6bb",22680:"110682dcdccc5213",22771:"c4365979670f99f5",22887:"6410e56490c7d773",22945:"6fec67ed8edd614e",22947:"9158a6a814a61ac0",22964:"c3fded467c935b9f",23027:"fdead30b6c4d901d",23028:"cd233a7276e06ce6",23073:"6ce0ffef6ee5e430",23080:"806f3199f1a1ba2c",23255:"27edf85fdd3c8eec",23272:"1e126fb74c772058",23274:"751fcc8f4b23f2b8",23284:"6167441b12e3a97b",23317:"4cf9699277ade848",23551:"0022dba0119b7e1a",23805:"909f2039b68d9e61",23856:"52fe726acc595563",23859:"eaa56c883b634cc1",23889:"e58b74d097d3a4fa",23962:"f437b8f364e0cd27",24001:"9f02d8f8b6717ead",24007:"c83acd142e8caac4",24047:"367e7508034fe359",24121:"fea553283ee0b31b",24214:"8c3ef6427a2c6a25",24303:"e8ca17e10cd88801",24304:"47ab14e122d91f30",24331:"d30b0b99d057861d",24361:"f6d35e751013e283",24402:"d740e6d1a9cff17d",24419:"abc306359f14e9bb",24460:"99013718bb506b3b",24573:"cb1b3a990472b14b",24704:"12ffb3813c2d55f9",24723:"83eb8a0d2edb0fc6",24793:"ef0e9d04febe8d90",24805:"48f6c5a56cc958a9",24829:"15f46fb8543548e6",24871:"9f0bed160fd7205e",24892:"ecb03ced5739af30",24946:"0e1f954cbc58a341",24975:"e797f52c3a2ae44f",25005:"1a67658c75084704",25011:"0f8dd323e7364f7f",25046:"60635db036a39d96",25090:"24a6a7c87619375b",25155:"3a3ecded911144dc",25174:"a8b86441ac7b6d5b",25195:"2e6820d347520e0f",25196:"26113486f5a0be32",25394:"ec756188f433b885",25450:"a2f9b73624da418e",25497:"f40068f1d0086915",25509:"5c09e9dd0e1019d4",25651:"0f53b25e9e861418",25662:"6dc925d998f771a6",25786:"cbe30bd81b355864",25803:"696ddfa5a1f48244",25924:"8501a3339555f467",25995:"612fe70e64d008b3",26021:"dd6f20239f81dc53",26027:"6b02339859fc4498",26117:"ac58eb309adfde09",26125:"28c773b40694e51e",26136:"7a8fba72ec50611b",26200:"fae392960cf6f2d9",26227:"2355935112aac1ee",26255:"2d735011718dc9e6",26285:"a2a6a220583375bb",26290:"b5eb408cb82b77ec",26293:"b75154d0bfd1dcb4",26307:"e611cca3982fdb42",26349:"f52d4614d663c03e",26402:"c777c799dc8fea75",26450:"d7cc9e685f0c5872",26472:"2826bbaac3a9279a",26481:"19afe0549dee9f36",26492:"67107c1ed49805f5",26521:"02cf290a3ae55ef7",26665:"af9d9c0dddddca58",26668:"8ce53998334455d7",26706:"2ab6a94be14b7cad",26712:"6dac740a0765f614",26801:"b4024dba6751cc3f",26996:"c3587e5afab61e0a",27029:"900e9dde9d62328b",27092:"f6f5839ac2765cdd",27112:"494dbc818caa87c7",27113:"2382483dfbefda3a",27115:"2831429eec19b003",27177:"d964c87b972ed32d",27305:"e864e23451f289c0",27330:"46860b84af75b603",27334:"c765b6a04492aab7",27340:"4cc103d12bb5ab95",27364:"1ca732d3307cecfb",27404:"b7eddbabd0e7bf54",27406:"83fbe4132e6b70c8",27480:"fda53720019f33d7",27519:"f3578a96d2affcf6",27550:"b558605137b450f4",27648:"29566056f0dc462d",27695:"5e62296a7c7e6339",27696:"040e72026d6b9fa0",27714:"3ef9cf0255975d2b",27725:"7680bcf4901d5918",27730:"ef50ca5a05d94ccf",27769:"0df429a4491b2db2",27863:"7ee0058231d2e418",27870:"9cd81b5decbba3dd",27887:"72806d9aaf8bead2",27918:"9ad2c1f673505e2f",27934:"a12864337192dcfd",27979:"06f9cd4c7c2d51d7",27980:"60022d86747d0213",28008:"cf22780fa4380313",28015:"64d553a47369dfba",28101:"9de7e4d34cddf3a3",28198:"c24d9e7b4899f675",28265:"bcc9606185c5ef03",28454:"6424cafdfd6cef48",28480:"3936b9291621c47e",28502:"767eed7e2b152b9a",28503:"3b1f180618b44167",28517:"8cd524d52af7deaa",28520:"7e6595780b4dc5b4",28747:"5f21f1455979678c",28753:"4e4d3f694800612f",28770:"6f74e08140aee86d",28777:"eede25e1dd05c700",28864:"2d4de6a610f4a4aa",28904:"e2f529e5ae9f2a70",28966:"e7c4fa6b8aaade93",28990:"253615b6684916b8",29035:"b20b8381172e6ca5",29057:"d9d6cb97949fcce0",29085:"de05bf782b7c45f8",29105:"6bcb1f960fb28ca2",29129:"fd06d3982a02d78a",29156:"2f1978c4f91e31bb",29166:"d7f05d2fa2829377",29178:"34d3061b8e5b4231",29262:"14c473706458e8ee",29270:"f7309a6d884ee945",29297:"10a15c6092bfbf21",29304:"fa7231e72dcd15e6",29352:"4ac15bafc306402e",29358:"12ffb030b4496ef1",29368:"fbfcd654c488fd8d",29386:"e3d2dae540c63f17",29433:"cad8f11317276749",29440:"62a94be0ca704f33",29456:"8d7955eb064e601f",29475:"010faa44b222b726",29483:"adaadd146f089618",29599:"a7867f76e7e1bf84",29677:"78c85b92aed1f727",29705:"4742e5f3b882c090",29739:"3d9efbfc6d7c7c5e",29749:"2ad38b578233decd",29773:"d15b71991ae3306c",29798:"6f88f1015eef8f6e",29861:"6bf1f6547cb119c7",29867:"7446804fa4aff096",29868:"b8d4100d150b45c5",29902:"7627229ad5aec694",29928:"3a0abab9a262039f",29931:"d6040dee03a5d206",29964:"368e2886281caa15",29966:"799c1ac70072d923",29969:"ebcf5bb44e83c2e7",29989:"978409851fa0fcda",29998:"0c2a43903599e309",30003:"e3cf3acf1dfb06cd",30179:"481b320e1bbea1e9",30222:"3b58feb10ca02f57",30312:"73cbc6d126750e31",30316:"bf8842ecbfd39833",30318:"3af900e55e630e39",30341:"503d00c1ee34a5d5",30419:"1a76f98e30148661",30439:"775ea8b83cecf685",30463:"6291e128af131276",30508:"fd1b2c9bda5b11cd",30573:"e8fa5d3492b35a3a",30591:"6fbe5ec264db35fc",30618:"737b34468da8acc3",30630:"3860f53e9d4cefa2",30734:"6ffae416709fa3c3",30737:"3940c723b7b5581c",30841:"e09432376795c217",30855:"61261d4e10f40cc1",30882:"75da6eb37cbf152c",30917:"4c859cff3ce3c53c",30955:"d83ef675c2bab801",31043:"e2f65e14de7ae2ff",31067:"3a576eb2f0ff28b2",31083:"9a4ba39cd095e222",31086:"47f7f830c284068f",31111:"a9a609f595f9d966",31119:"1d926bf1a7923b51",31241:"149ff25f339762cc",31306:"5c1ae7fa25bc476d",31517:"df61b02c7189af81",31592:"000314493e852c1c",31617:"c7adc8344a7e5fd2",31623:"68237b9e807b1cbb",31649:"e8bc11f47ae94496",31706:"d3e2b27182c5be12",31739:"066a10bca16d375d",31865:"5cc1613b25614df5",31878:"314ec1c3d7688066",32033:"56021699f07319b2",32046:"4b5f32628edc0068",32119:"6e6111214ac749fc",32124:"6a23c9be50f93e27",32132:"dd8738d9626e2404",32166:"d650b7bf9106601d",32174:"31d10cfb87a68033",32195:"631ac6582307d0e5",32316:"5592120cd0508d20",32353:"094f2b416264c684",32385:"48cd9bf1f6382139",32389:"0b8ab130eae0595a",32410:"9cf8616bfb6e3bac",32550:"b39f100c156a6283",32565:"8d7b56cf48bca71b",32569:"4cbfed823815a447",32575:"1d9a39b957a2afbc",32679:"56e80ad21170ae0f",32746:"db26ccfa7e7cd19a",32766:"1eae5ba5f7a06a7b",32873:"c8e6ccc241c2d323",32920:"4f821675b13c4b5a",32927:"4a8b7ff965f8d3e7",32985:"2a5b75088f8b7336",32989:"30710e5b6a029795",33029:"99ec33c323aef8e7",33083:"3002c443880e3567",33133:"deda4e6e8e8cb021",33157:"ea1c8c1a1925c045",33214:"820ded882dc50ab8",33287:"642dae5cd6ee947e",33309:"7799771ada39dc4f",33311:"45afaa2bbd88a44c",33339:"f97d80d816f58602",33342:"742546b512248a89",33349:"a1a6b3c4466f854b",33402:"45bec2e13a853102",33438:"55fda7510b2e3699",33439:"af21588c22005405",33474:"9f31411028146f69",33524:"bae76fbb3bd7da12",33542:"0c901605d89439d0",33573:"1b3dd7b82fb1a035",33591:"d4d5e0323a3844cd",33608:"ae8e35c7004f512f",33610:"25e878257558c077",33654:"52317272c879e09d",33720:"3c80a4e061269cc8",33798:"bc6d917be6a0b704",33865:"8b8dce7b14bd7aca",34076:"ed6fd3bbe887bca7",34100:"22b360f55a76e49e",34142:"d76826e6b4142c28",34145:"c9b0473930708bf8",34183:"76a7e5e08640858f",34190:"348453c50066c9a3",34247:"54c122712d327720",34276:"38fa81d357df25ec",34336:"f78cdb95e57a7eee",34439:"dd6ed005c3cba302",34461:"efc094e85bb0dffe",34468:"c631aaa418a7e8d9",34473:"27d793a294ba238f",34516:"7b595db6c50abe12",34569:"c77485660478f122",34599:"cf026dab75cf1df3",34715:"42831ee91042bd07",34778:"4939d8eb02aebe22",34811:"db1b13751bb3bcd4",34856:"c277af5ee49bfadd",34933:"fa71809d113431ce",34943:"b9372a22f7862d85",34979:"45f730798d3e70c9",35047:"fc88d8a4f08cdc9e",35048:"a8bdd27255bb7186",35062:"365eb194f7e91b4e",35134:"b6bfb09409c88030",35170:"091df6245d128a8c",35204:"251c385e0aeeb121",35225:"d2bff4fe9bf89132",35232:"87e22aa9ec5f7456",35374:"f5789ca0402be5d8",35462:"4f79aa9ebb0396ce",35497:"3a553585f9d85c5f",35511:"aad5661014a6f50d",35512:"489e08d86a1ecb47",35534:"bfa48e00c57fc790",35545:"15516a07ec36e3e8",35602:"8e3fba581f7cb06a",35625:"c1f33158bced2127",35685:"93f1ba3f8bc2ccdf",35781:"14ea67cdcc8885f3",35795:"dd0970311912fa75",35798:"67334a0baf708a98",35847:"53abe1e7f80906ee",35861:"409fab303dfb2b59",35868:"05525cd2c791e720",35974:"a150501765d1542a",36032:"255dda6e2062a234",36037:"882cd6e61342214a",36077:"6f3806853bc89082",36104:"ec572507ea094b19",36145:"e4331f12e05dcc7b",36178:"110a70b603745338",36349:"bfca2808651a1f66",36385:"6f66ee4cd00aef32",36403:"2d9d66aeab9434ba",36409:"77b5fe9188a2d7a3",36493:"a8963d57410adac9",36498:"ec2f83398816d935",36558:"340e6ec5a0878b2e",36573:"b8acd5ee111df91d",36581:"d890d3b1c0ffaef3",36591:"bee6f087962f2675",36620:"80e09d070d989edb",36624:"0dddc2e79f0ebec8",36648:"184185c103701492",36703:"7c8667c008da7f7e",36754:"6c94178148e2655d",36801:"131fb750dac0439d",36817:"87669812a9acbaa2",36838:"7e797556e0ccf134",36867:"47ae3b287a71f5e6",36874:"5ad428f1a47d494d",36890:"9ecfc47439e2b2eb",36907:"92bfaf097fc2dc26",36909:"3bdc008cdfd17998",36917:"ddc2da734aa290a8",36934:"fdee3ab72e01b9f5",37025:"a49096e8194ac5c1",37073:"31cdbc5ad5a3f9d9",37079:"d266d718c123a8ec",37085:"fa7db87b723a5523",37086:"81f9d6449c7de080",37105:"9c30a522dcc3ab7f",37127:"67ce7ac6a508f2ef",37186:"122ab805c3197b8e",37202:"2cafb2969fd29e5b",37281:"0396542a2d2004db",37319:"39add63211d851e1",37320:"8ebc5c550da08d59",37370:"304fbc4296c9c053",37390:"6601898050ae1c5f",37397:"f873904c3517db52",37409:"6d60087890b5d4e1",37429:"a5e5412b0db6cde8",37517:"383f0c3c1e8a3a26",37519:"ec909dde36ddbcec",37530:"b4bab43c57c47dd5",37555:"22d492aeb0511093",37583:"0ab2b617503ccb76",37595:"8052dfa0530665a3",37605:"bdac283336e9b056",37642:"d6ff22609ad30fce",37648:"0b3c77a4c8532277",37669:"b6c1e302d2a35582",37693:"28aa5b082578052f",37699:"05d48ff54c0c1440",37715:"62fd7f8d08fee35c",37803:"c8a659a27cdbc5fe",37815:"751a0a2484d1ef0c",37816:"8bff92e9ed70251d",37847:"d26e58fba9197335",37854:"54b0033a7e72e035",37863:"e73891151f1e2e6b",37887:"d4bda6a1368c8986",37900:"9b4ac4d0e78b3d46",37904:"1690768a4c42fa01",37914:"9c304ffaa017341a",37958:"8fa867a5146b9a94",37998:"ff8bf0e45ece7366",38027:"8f891b528a985406",38079:"52f12adc4ab892a7",38143:"0a05ae6db2cabcfe",38145:"9683add8d8462836",38178:"711fef303f767232",38211:"6f8c7a0527540313",38261:"bce73a0c03c854cd",38277:"a7c00b72aef75c20",38309:"4d88271e6be2ff53",38346:"edaff6d4d00998ba",38399:"7d7e5d9677f59c48",38412:"f8857b6e141db3e7",38491:"69ea9847827935d8",38502:"e9eec486bb68281e",38503:"dc6f37975d75b45a",38511:"7661bc14532a3c1c",38558:"08796e9bb518281b",38596:"318a7e3ae4637a02",38657:"57d2c8f7332db3a9",38713:"fb886b2952e21f5e",38739:"124edf65c10d48c3",38782:"8ab12fc12fa50191",38840:"f2d0bd349e73b952",38863:"51be0d0c2cda3480",38869:"a9c1bcfb2ae55ef6",38898:"da2ddc9a05c705e3",38912:"35c583d4f049b629",38918:"5fbbf67743e6bb5e",38951:"0c2b4b9a39968eda",38955:"2bb1281cb9f8366b",38979:"23320a2b47f667f2",38994:"c01a0465902c1252",39023:"6f11d7b5fd6354b9",39057:"e297b4e6b09c3016",39097:"3fa89ed60b67144a",39152:"ba886ac2b01241d0",39203:"9803c77d80a8a1d5",39218:"9b4c2077f45fc877",39277:"9dc9abe719ec49e1",39317:"8813af388fa8fbc5",39337:"0108d097286eda4b",39396:"197880d831c405c4",39401:"293c398fa8fa87d2",39403:"9417aa35ad1b01ac",39428:"b1c4ba9707aafbba",39551:"5e042518b563ad8d",39562:"4f9a686d2061ef5d",39585:"9bdbd3fc86598b07",39599:"eee498cfc46e77ce",39621:"be99ffa5623d8b2a",39635:"fd2bb1412e0dd6fd",39650:"e7d2cf2811868628",39688:"ad0efcc8d37897e6",39713:"3544fdf79d6fda5f",39758:"bec74078b19c436a",39798:"fcdfa20c88ee0769",39928:"8155f9c3d8407aa2",39954:"1a4a2c690eb3f589",40116:"945500cbcae0fb9e",40180:"0f4f75391cb945d1",40229:"1f5efbe9c54b85c4",40328:"dc07fe77b22ff71d",40334:"5919cd0f144f01e4",40410:"6e280648ab2bef76",40427:"340e16f6c2fde4e1",40434:"becf80046cf680dc",40449:"c813efbbff795fbd",40489:"b54c99210fe78c89",40562:"f83bdd69b78355b7",40622:"d6cbc3124a7fafc9",40642:"0be524b001c9f122",40660:"af6faf66292d6cbc",40669:"d717dd1d08b1b864",40723:"dc9b04f6aa0d3d46",40821:"83f0a826f22e24dd",40870:"c85f6350724f38f4",40887:"1e5827867ff46e9e",40922:"42792187a3b93be8",40941:"8fb9438d3a51cb20",40969:"640201a3ab00fa8e",41018:"82e0ab4b9d87f3f1",41064:"277901d0f30793a7",41077:"2b1d56c8f68fea54",41095:"339a131a8a31dcc2",41133:"2ac287828e367b41",41156:"8870eeb0a44a7ff7",41158:"e3dbbbda8c663622",41181:"0e95333693da987c",41220:"3a70253717d93c5f",41226:"500752fbbaa33885",41280:"73787885f38c69d9",41317:"05a3dd43c02eb56e",41349:"537df7e9fb8b5e34",41413:"de4ed89da114d52b",41598:"0acae9eeb93ff072",41661:"b98bb1ca817d6ada",41662:"d8febac04431d19f",41663:"cb40b3d9845ea37c",41709:"22bd15109860ed4c",41713:"6684959920176476",41762:"de5b722833e0a9fe",41816:"4751b7f3b7652e14",41825:"cf2941764a4f3b0d",41888:"79f069a81cfe2900",41895:"411252ebf4a8cd5f",41919:"c59e56290bda0343",41936:"4e7c65b12dda148b",41940:"3a905338a5b863cb",42102:"4287b84c4970d264",42112:"b1490d0a305e9a5f",42161:"5dfbad7a44575f07",42187:"cf9eeefdcd96561d",42231:"c72232f260485b81",42353:"6d04419ff5fe7339",42377:"be31f92c4de53cbd",42395:"8f9f1d119157f9b4",42430:"305f8c18446b021e",42461:"dc12104101def432",42549:"e00c97c1c7f5a6de",42559:"bffaba8768136eb4",42565:"4221bd3c15a23adc",42667:"bd60c858194ab6df",42673:"3021380f73a129bc",42677:"531c664bfbb883a6",42682:"2d76728f03651585",42709:"dea6f2b52c462b54",42758:"b6c8edd606548a32",42759:"f180ce3271d870ee",42777:"d25cb647a43e7c8a",42798:"7a11c77c608ff7b2",42835:"f9f7a4e718be4208",42899:"99ff7b24a1340b24",42944:"94f93e415389690c",42994:"7e951761c8774473",43035:"92a6a8230adf4ffb",43040:"89d251199fdbbc31",43072:"df93258c782f181c",43080:"75afbcad607fe03a",43279:"6f78fbfb19e12962",43386:"2cf472c5efcf800a",43390:"4b705dcda4a40898",43409:"9388914044976ded",43419:"3a9eb3aca4e88631",43428:"8e90011316b76d05",43475:"e5f231aba861ba03",43560:"a62c35eaf559cecc",43587:"87ba536566f487bd",43603:"0e8d06dad2864e96",43624:"f610f88092ebc4b9",43634:"865e4eaaae50f85d",43643:"21c44b89f945bf4d",43699:"17aa3804df26ce75",43719:"d99e7c24e3fffb03",43743:"f8df7307eb6c57ed",43784:"a28c5f293c02ee10",43787:"1a423432194d4448",43798:"bb3e58acb07ad825",43799:"2d1c3269ae06be48",43841:"ad2e93e8ffa7acc8",43846:"3658211f65e43840",43881:"3c221af3a4d20445",43949:"76ff92f34afe7c1e",43978:"3bee539ba20e1224",43988:"d74cb9190d9d3347",43993:"7ddbdd21f86fb139",44010:"5506e3231b3085c5",44045:"1410d0ec6b3f30a5",44046:"4bda6403a8010d2b",44146:"396d74f7643bf20f",44170:"71756ccf17044a69",44262:"3533e81d3dadeb52",44278:"dd9541a6fda076bc",44306:"7ebc3e7e4162a1a9",44335:"5e268f39cfdf6392",44453:"b35b635a742dc8de",44499:"1af38f3838389653",44671:"02a1d2afd8e1a575",44673:"a5bc72cefc0227fd",44676:"f01e9cbe1bb9acee",44686:"ed87c29129943b19",44694:"5a3c08d5721f9d81",44703:"d89d2a575f89ecb8",44734:"36b195745c570e3c",44819:"b31eafb7a1defe89",44860:"be56848f94228afa",44929:"9c301d9142039d14",44953:"9eab9f73264fd42c",44960:"8fdaf6526164eb07",44971:"25cae30fbc43c995",44974:"09ea1aa531bd3c6e",44998:"fb9183903a4b2dfe",45107:"9c6bca615ce13484",45116:"a4703c527486709b",45121:"461cc84cbb66405f",45192:"9024b884d14ac87d",45210:"ef2dd6622766fd51",45215:"0750dfa089b1a722",45259:"96040146f027f746",45263:"5a21befa8a8e7aa5",45316:"ab140d89b50a6642",45398:"fb79324dadce804a",45417:"a93393c82d1a3dda",45433:"9846240007d6c24e",45484:"8ba7cab7afd5b630",45490:"21ff3f19622b30cc",45502:"c21fa9aabbf09c41",45503:"5f4a241bf2b76a21",45564:"a52a309dcde3b8b6",45575:"bbe07231fec44a65",45589:"f75fc38e12a98f7c",45592:"cec54e00a172e42b",45623:"7eb2a83f5aee3ac8",45698:"37465b3090d95396",45722:"fe23a1720c6950a9",45746:"c6f7d3cc4b253f74",45754:"13062a5a7127038a",45827:"14231c18ca9557c9",45828:"51baab099002ef94",45858:"a299749c18b192be",45946:"d6cd529b4ff5d9e9",46029:"c0e0312e71f7811c",46048:"530a88a6744b8eba",46052:"9cf15e0bff52b5f1",46107:"5951422f69723c77",46179:"881a9bb945498180",46189:"759f839310ed3b5e",46199:"bc75bb9f0fc2afac",46223:"db4ec1beb5d4fcf7",46236:"b6bde34f6bf38d01",46284:"7a4a681c45740386",46303:"d81e28c5a7d70843",46370:"a26d794f9649809f",46381:"1b2c3315adb561ca",46408:"34583bccb3fd00ea",46464:"277ce7b623275609",46525:"573644b0b66b1f81",46528:"f35d489eec46e879",46620:"4b350fb52c0d6ef9",46623:"fdfe27c5164fe669",46649:"3e82c98839e3461a",46711:"7d244bcd3719e125",46770:"cb402ed41056c141",46783:"d631bbad525aeea0",46801:"c6c4eedce2837797",46823:"f0adcb7445f23144",46844:"274ebaccc0d8b5cf",46859:"960d256943ef3001",46893:"11f37319f4f60322",46908:"7b1eb51843a7a297",46931:"d54246e1679504ab",46939:"78257c06f89f9519",46948:"93cc9b1a671d95f8",46992:"c97e3d8f61f0bb14",47e3:"534c2a16f9f1da46",47026:"9639c0aa5749cbf9",47034:"d8b6ff53ed33e912",47052:"eb5017289aa9282e",47109:"86b10886d59437bf",47148:"50c0c476c4fbfadb",47152:"09bc88d50a40fdc7",47161:"d2b61adad50d23aa",47209:"5737b6aae5f32f5d",47302:"ba544674cf7de19a",47311:"bb78b7ac37dab249",47321:"e3872476802affe0",47322:"4484cccb990a6d52",47428:"d68e9eaa052632ae",47436:"92211b4b38613852",47455:"a474871e34a55a95",47462:"10b1b15c9d42cd98",47480:"f20fd17fc16153d8",47518:"02a3290d83577969",47542:"5c83020420ea501c",47621:"20f20fedc9bbe314",47696:"6f39af4614f85ee1",47711:"cbec6e1cb46a04ce",47736:"c0d45744ee55ac91",47773:"9d10564dd7656455",47797:"f2ee6e22a7855764",47867:"b85d915d3eb10f0e",47877:"d46c0f3a57a6585d",47922:"323fd51c47453eb8",47937:"8705488feb2df7f4",48030:"ad22c83ead13a14f",48042:"40c0b912e6108895",48044:"db535f67e22e975d",48064:"42b425305dae5b88",48065:"74dc838ffacfe0f6",48164:"ff5a776d2e63c01c",48182:"89f3b4c52e0f7981",48276:"044ddaae6755c680",48286:"0b563c4633273c79",48364:"e045cecb329355b3",48365:"b4a343bc644108bd",48385:"b9fb04401631e822",48536:"3e0703888878f6cb",48542:"cb810ca1347dc52d",48544:"8044c21f855ab15a",48552:"50b2cb34231648a9",48560:"854f31bf8382480f",48580:"106bf92d95d64f3a",48588:"0187570aa7817bae",48622:"69be1e4594b65ce4",48649:"f7e9b939c890a33c",48734:"1896e080482aab17",48805:"22ac98cf9d07fd95",48887:"7dc2aa3d6158900a",48901:"b8d12e6ad79ee9e1",48909:"cced3fe0c4ca2a2d",48962:"c057ce629519a4bd",48990:"e23c6cb92fa47292",48991:"3bdfaf9c6dee8493",49004:"3eb54dfc7433a8b6",49129:"94b24d4340e76deb",49130:"0dfaf2ee92db4dd9",49225:"57c043990b3e3c7d",49240:"2ad31ccb67962906",49267:"ee8cc54d94d3161e",49270:"335b14b34b0f6ac9",49307:"c30ea873829c92e8",49354:"11d9babcf49b11d6",49367:"9150b683de13bf2f",49477:"5bca137be0beafcf",49513:"3b704db71dfb7668",49575:"2705e7683d97b33b",49576:"d312bd8c02c51523",49610:"6427b68f1553bd51",49626:"4b008c71308ac4a7",49671:"554ad541a92f926e",49767:"be508940ffa0e9ec",49808:"ae9bfc4091f15fc3",49901:"b79836f09d60c1d5",49937:"a5333b8f02f0951a",49991:"d4fdfbc8111f8588",50016:"3f72b2180c9d1abf",50028:"25044338d3f9b2fb",50166:"0a1b419e5762801e",50202:"605f103240006bee",50265:"e7c20b8e2879014f",50282:"31ca585fde65f056",50292:"5b82d3a11336bea6",50335:"eb6b0b1853eb092e",50366:"f1e52018aea1a3cb",50377:"cbb093167e0a4b34",50396:"e621ccf8b7d1651c",50399:"c906475c5a5e3201",50433:"94c6bb5bf0945409",50475:"662103cb09c7ddd2",50511:"9d0186bb6135d25a",50541:"af4bc69aa4359e15",50559:"0acf64aa53ddd27d",50584:"d7ddd7889f79b65e",50599:"e6092163802c105b",50623:"10466b5a1e9fa148",50634:"df49edc936fa6ddc",50646:"b10d8aa83482636d",50653:"1c719b91386f73f0",50702:"57d1ef2713bb4b27",50704:"309c6bc2f0ffd01f",50887:"9d494ac06e458ba1",50894:"94f99c482146a355",50988:"4da5d175d2ff20b1",50994:"6b8d4279005ef6ee",51079:"0fbc62bb5fe63a03",51099:"8b84387aac1e1421",51118:"dc909621bd100b89",51362:"b0bccd5262f8ddd9",51407:"63aa783c27ebb438",51463:"c75a806930e6ae98",51470:"e69128bfc6369d34",51483:"7f52eb85a1bfc21f",51488:"1f2754fb93d5e60f",51563:"f2b0cd92a29b4c6d",51620:"b7bd5b9344f9f06c",51633:"9e9891fd19353fd4",51642:"da0ed9ab696e717e",51652:"c18883e0999ce1b1",51676:"895d602dffb28860",51776:"fb0948bdadb8a4fd",51784:"7d87ba4378358768",51794:"5f1a2345f5d25dc7",51809:"36c6206f1d810d4d",51881:"f7dc44142db996a3",51968:"e6bb637d54b4d793",51976:"b5b84b1be6100f7c",52026:"9fbf432d6da80181",52065:"501878b49d0b3715",52108:"70b7951c1d39daa4",52138:"a67cc1818a2d793c",52141:"bb691fa1027e0182",52261:"93a129f0d47b4723",52266:"b112fca05e7cd71e",52282:"fba9b6bdffff6871",52292:"c0cb43aeec30b427",52301:"cd1b1253c7e2ebd3",52352:"689498527d36199f",52410:"a31cc005eada20a1",52708:"8e4329689766548f",52758:"a9611ba815309af7",52828:"f223801f15e3e37b",52833:"660e38238ff37116",52856:"7849e5c7f61a55e3",52950:"03612cf80715ba90",53041:"4fba6f3dfe5292a9",53072:"1c0157348cb1df1d",53086:"8569305e616b4b09",53097:"398bcda481c4590e",53102:"9c5f96245e681099",53141:"e57110b4e828d544",53191:"0fc28b5f8c347e97",53278:"0dae7f8712553ded",53332:"37159f79fb282dd6",53419:"a00997b6b9352536",53425:"61d32952555164fa",53484:"28c3aed4113ec4f9",53499:"41827977f8124320",53510:"fee5727fc98996d3",53553:"aa4b56eef788df5a",53563:"0f982627f99450eb",53565:"d1fb16b9e0b6da08",53573:"62f41a73126f005d",53597:"86844d931396e826",53650:"a84bad782fa1d133",53656:"633b49b8d7e17ade",53702:"458fe477a3c92324",53769:"f259775326b2a3b1",53824:"534f4f1cab0b4226",53825:"30c0b1707625c781",53868:"903b5ab035d9edff",53909:"e189fbbe303746fa",53914:"ce771418d814bb64",53933:"b41e652d5f5f9a1b",54075:"2e535d59a71d115f",54099:"dbb77174a0e8e238",54123:"12fdbbef59e59c02",54210:"e6ebfe4416141a8f",54332:"e8f4eceabe469ffa",54463:"0bafa5e441ff1974",54493:"efb394965c210e70",54538:"d9ed09c86818d5cd",54544:"e62762bbfa71d600",54576:"e15a3a24f1ac0179",54610:"66c936aea61831ca",54621:"1e1946488cbbb031",54640:"5f672e61664e3f73",54742:"f6be8915e6e7c5a0",54796:"2a03e601a410dffe",54830:"c8929db3fb36d6d3",54879:"1d8e312fba2c30f0",54884:"edfdf0b1281d851c",54889:"5a33fa1b44489dc6",54905:"f9e0bb8968db35d6",54906:"5d869dee2053d932",54914:"9c2ea410415c3d08",54973:"585181beddb23749",54991:"254aac30fb5de6d0",55040:"97bf0e52272e7e6e",55042:"b0430b2f12dfe655",55061:"f40d04695a3ff9a7",55077:"ff8c092acc435114",55170:"38793d84b3807e90",55174:"255b445d417a10c6",55176:"00e3aeb05553b41a",55192:"a4cd2572b5fa1cd6",55311:"4af72768b87ca128",55342:"1c606be36b0ddac8",55374:"c814267af8b77422",55378:"4200b4cb94339f83",55433:"203927ddbc0a36d5",55480:"46b13267b43edd58",55521:"144c1f513d615a03",55544:"e111c11697aeff8a",55548:"cb4ce56284ebfaa7",55553:"c4d97f5e4884dc34",55581:"fba062e2babf51c1",55609:"4c5b8494df37fc3b",55620:"31939a489ed8dd24",55745:"65d613acb23b9919",55754:"bca299a006ef1e02",55759:"61ad2f78a4806e60",55778:"2f39f9ad7dac9684",55782:"31d289c0b813db6b",55886:"4ae181da3c91a105",55910:"bbd865e9372e0992",55981:"0cf6e4131d8710a9",56067:"0b98d8b965bdf098",56099:"10a381e0639bb0ab",56143:"5e477da42294e54c",56174:"05c71609044de802",56221:"d779200180f2ca60",56225:"dbed4881ba988323",56291:"ec40b8b430895ead",56292:"4faa9393f9faf704",56393:"909a6926c9d7ef22",56399:"bf141f91eca4f94a",56488:"0c8a95ccc13310f6",56490:"2599f12e97fb7aa8",56544:"f3b5574e831707fc",56554:"11aa27aa20ed9f8a",56560:"7f7e4538a6fda42e",56562:"0f22361d720e2bcc",56644:"15f794028fe46515",56710:"e3fe8b8fa9abee84",56726:"e6ded15c15368b49",56737:"b8bdac027d2b6fdd",56763:"c6cac4f1d188b90b",56782:"6a5cbdb622ce071d",56872:"b40978d39fa83186",56916:"3a0ce3645cdc898e",56920:"7e4101663f285218",56966:"c2da2f045dd5e816",57027:"f4175b5b2128c944",57048:"edd11d069f836b33",57066:"cc8a9798223f65e1",57084:"5771f7d9fedebc7e",57101:"ca9eae8b68c08b83",57150:"0f70abf4840417dc",57252:"fc9a23c5d4fca998",57363:"eb9d869c1b5e7649",57469:"061654ade8e00b13",57536:"5bee0471585db49a",57614:"23463f7c36dfcd30",57659:"a2265b9e9a0217ae",57683:"cbe35f3054a5aa6c",57749:"7c1e054c9eec93b9",57790:"1b3a225d9cd1f0a7",57803:"77f4dcdc11963e2a",57824:"5efa15ac7811ba39",57831:"1f55cc9a080a0362",57888:"d3e8f8edd313f3e3",57904:"6dab70d6a2a67ce3",57911:"15fba5b32e5ad705",57929:"3048ae6eaa9baddd",57931:"839c9270580b337a",57933:"df13f1410d5749de",57953:"74c54e398b943298",58043:"12ae3832ec7c02b6",58130:"1f62647335a2c9e8",58202:"18955701d07ee5f8",58273:"bdb67c5544124b32",58335:"f4de73c5b4031391",58339:"3bcb71f79a004af3",58348:"20fe43a7249dd60a",58395:"8d00cec398d19f7a",58456:"47ff79f12d32451f",58458:"7807372e12dc9aa8",58574:"cf49a299bd376a25",58699:"5dab85fa85b64dd9",58739:"aee98b9e2d50ba54",58778:"ed3e2bae43b908ed",58781:"a09016b1f8325ebc",58794:"4f1a39b2af957437",58890:"42b78d68825e2672",58899:"f9e29dbba865b627",58923:"a18b6b6b6ed1d29c",58942:"7969bb462643b46f",58995:"59beebb8d1b5315b",58997:"e5720951b29c7b1d",59021:"627de24f5211c8fd",59059:"57ec651f493e74fb",59106:"758b3bb509cda461",59135:"85065e92b8b49969",59141:"fa78ef025c355af3",59173:"9f557af326791317",59182:"589067054718422c",59193:"38ce50076c631b3a",59257:"cba354124d2a96b4",59274:"094b88229f51e1d2",59352:"55e201fdc2fb48c6",59388:"60d2588a0fb1370f",59432:"4381c1eb0b850243",59450:"658dd8a56d0ef160",59455:"cc759a319417505e",59525:"9a188f60a319c763",59549:"056ef47a5eddb0db",59681:"b43e13f7eb04ae27",59734:"4e08149c49946513",59797:"f66d6c43925a8c91",59819:"d8cf7354f897da57",59834:"0cc95dab1695e85a",59969:"64bcaac07ab9e771",59979:"f38f9bd484c35dff",59982:"901a0b76174dce46",59990:"677e204a390c84ea",60077:"e7c463fa716737b7",60082:"30dbd5592a912b98",60104:"874dd3a875a1b34a",60136:"ff5f1770f37fce6d",60166:"6942d7ef74d61ed6",60214:"0073f2221a289e7c",60268:"e1c6f27af709765c",60330:"5acaa00a855d5ed5",60337:"8b6777d111528484",60344:"1e5d2461f842a3dc",60346:"8cb59ea34a0b2862",60409:"63708cac543d65ce",60458:"7351d8291e760d96",60489:"a386c47fa699b370",60491:"e5cfc67480509b48",60499:"bbee80b1ab6c1438",60516:"ae5a62e81cf0244a",60522:"d6eba85bbfde2249",60589:"abcb80dac1576ded",60620:"da642fa64f9264d7",60697:"5b86c5b8037dcb07",60737:"91cf28ea730b6609",60738:"2a561f743ad98c0b",60930:"ff904b828e989f5e",60989:"5d2166b79ff499f0",60995:"0a12d65151926a29",61118:"3307010bdcb24e3d",61223:"1d501fd3a8a119e2",61240:"eff8837b28beb6ec",61286:"84c1b34719a2a161",61307:"1a8ece3da17ed65d",61317:"b47468428b07d168",61323:"10956c33faf72692",61363:"dc02dc8270bb8ef3",61372:"09261587a6173990",61398:"6528d4698bfc353b",61402:"5e88ca2a638795e3",61406:"e827f225b637076e",61420:"9939f7a0e6abfdd1",61421:"7429241ca9ad9194",61422:"54db99ce5041b594",61476:"4bc69998e3f17065",61576:"da62332a1231f81b",61592:"5cd06f752df4bbcf",61644:"6e3f6d271f2f1517",61802:"d0add0643a26bc85",61916:"9be54869e13560de",61917:"10729942670987f5",61972:"b3c27522f4b0ece3",61979:"081047b9771e6aa1",62093:"f53f706d5cd3a7f9",62120:"14c9de9e5bad9cd2",62125:"85532f983022e535",62143:"29b6aff9a900fd5e",62147:"069fcf2ff0611b83",62183:"d97c13761be35f13",62186:"b66a218372c93722",62229:"164d417a3602815b",62246:"7d8a836c84579779",62309:"5b9dd520ef59024c",62361:"dd7292c49f1c3479",62369:"db9e1ed0d7be3aca",62394:"8e6d65dc8774c3bb",62451:"4b8bdaa2834c3cb5",62487:"5fb826e9976dff73",62531:"b1c2e6fa88d0416b",62592:"45deaa03219d425e",62608:"b72d7623111e2a28",62757:"d50841cac4c3883a",62772:"cd80ec2c09c81316",62848:"4484e2687631a968",62881:"89794ebdf6dfcde3",62965:"0c7549d28ad71211",62982:"acd7350da9454870",62995:"87093b221593ad61",62996:"e34742dd37fbd8db",63077:"726ab920a3dd7b55",63178:"ee1cab36f7655fc7",63321:"39b3932029add128",63330:"e6c7c1d2ce192ea1",63344:"d976f8ee16dd9cd8",63360:"367394495debb2e0",63366:"b773bc49ba703a4e",63377:"e84749bb5b2708d8",63441:"e6e7d3a7c36b11f7",63480:"c8605a746c2ef95b",63531:"3abfd6ff04b8a19d",63563:"fa4960296773fd2c",63570:"70f0b5f3ea94df21",63598:"2e5143b01e900f69",63612:"8d6af375372018e7",63613:"381e5a68c077ed72",63624:"cc41663976aebb24",63653:"2e22b7e48857d69e",63660:"1c36477edb035db1",63708:"1304caf782d8259e",63717:"43f2181194566936",63731:"33639ac77d31f3c6",63735:"6084763ba6469e23",63758:"5959ffe14bbb42a8",63843:"190b6bcfe6a293a1",63883:"b8d3f34b06e653a7",63896:"ac2e57540a91bf70",63951:"841c008e8a8abd6a",63952:"289bca9fa819a3b0",64004:"1ab7d26abe266fcc",64068:"651570dcac9130a3",64104:"e8ce437ea13adb47",64172:"717cc10c602a226b",64207:"ada5185ccd22ab88",64222:"66924bfefa4353b5",64235:"9a739af4c65c7711",64251:"370f17de2a669f8d",64257:"d7a69a3108575b34",64297:"197cbc0495d9ec1f",64308:"1ee11853518db157",64360:"59e960ad0ee03e78",64387:"2a86119674f79d0f",64483:"61039a03990ebd63",64576:"10184ae8116d45f4",64615:"5659e0879187d4e4",64620:"a0897f735cf37a37",64645:"67da3ab181b9a14e",64669:"4cfb4a95537525fe",64697:"a65d51d895b2cc7d",64715:"425932944fab36e5",64723:"4d318c22f2367433",64737:"e1cfb583520d5ae4",64742:"fff5c988d788d701",64768:"f59fb791b407817f",64777:"a053a9a67fb9852a",64780:"6b01db2c25c04a8d",64792:"21482f9ec6debaec",64823:"b9cf1a05f7ff87f4",64867:"4dfb978577f5e3bd",64905:"65206b5af574c710",64910:"a205c64be30b4655",64962:"3a30beb0da87b637",64992:"71480e8a6e3e1bc1",65035:"f87f4f3cdd403797",65043:"83ee086b8348c780",65046:"2727be7178dcc9c5",65061:"0e80dba92d438044",65094:"f0449abc7793af35",65117:"fef1937ddd972f29",65188:"c7ab797b8bdd0572",65236:"a1ae27b4f691149b",65243:"03bcf05ecc5905bf",65258:"a502becd2b6eaa9e",65382:"9562674a9745647c",65385:"1768a5e4b0bc214d",65498:"bfdb96227de04836",65499:"8bc4b7de57ba9eb5",65511:"1bd7fd6b7fc70a21",65521:"e6708ab323dc0101",65549:"4bea83c27fd94662",65672:"24b37acd8aab27e2",65721:"5a80423bfd90a6af",65727:"11a971cdd4e7f567",65745:"85a3e55aed1aea9b",65757:"404bfa92687971fe",65775:"ba49e942e97a5f9b",65901:"1ece7c39a7482ad8",65945:"698ecdd3222e04e5",65993:"3a8fe7e171d55956",66055:"5b85189ae2000fa0",66140:"c9a2a84a1af372dd",66147:"0841a33d98cef310",66161:"0b0b3652a885b5a6",66240:"5ef953deb103a7de",66278:"b5bcd0e629600467",66292:"5cdb4080ca068261",66331:"6ca6393c10e714a8",66360:"792e41aa632d4540",66365:"4045e2a4cf64f4e3",66398:"293dcbe94fd2ada1",66408:"941128359de12029",66512:"781b180a8c0050ff",66534:"f8f592cd2fcd94fc",66558:"9b7f85a49c52531d",66561:"9f63fecd37c3374a",66635:"b240751126757d39",66693:"b427b197f87c1be3",66694:"10f4972ab2876970",66757:"8930edbc7e5d2a02",66769:"acbbb0a2db6a3f24",66926:"5f021f7e03771704",66984:"6db22c30e539e8bc",67112:"97adfadcabed2312",67129:"fe5be1a706d4ca0f",67130:"f5d9c7a2707e8d2e",67185:"c6fc7d69f15439d3",67200:"2a65f294d3d842d9",67206:"1069374d9b714418",67287:"f1771e191051e5a8",67298:"bc590c4164642cd0",67360:"f62908e060328184",67382:"28f106aea1dde04d",67419:"4fe04b71ff7c3271",67453:"43814c65443f84c9",67504:"f835fdc34177455b",67566:"5f721502853b51d5",67607:"070912e6bb482784",67610:"806b6eb683ad01fe",67613:"5939212a07f92eb0",67661:"6cce5d3344dc2743",67669:"587b5f92543b8b10",67696:"68422ec36152ec01",67698:"ee3255fb49486c02",67705:"984747233f0783e2",67707:"e7bfb31e19fde14f",67743:"bba6092319ca1633",67820:"3a4b65bb254eb01c",67845:"6bfbab6fa4aa78dd",67869:"d26f2aae8c51ded1",67871:"2945b31ddaede8e8",67875:"3f62747e13a8a91b",67899:"9ce16a734e6bb3d0",67914:"f79962309f4265d5",67978:"6d57cd1c8c367acf",68002:"d39845727514b4d5",68053:"7c4c640226f996b9",68067:"e3d165793d9ea0d9",68075:"ddad6971479b27ac",68131:"a36fd9c120783eb0",68148:"7c0e3e69504f32bc",68149:"84e3cc5b75505449",68201:"c195d441fac0b1d4",68245:"7cd1630aef5bb9bd",68248:"39f38c6e07a9a21f",68281:"7bd063640d2e2719",68364:"7327b257ef8a4d47",68416:"8478f68a7bb9be30",68463:"358d7806765958c7",68480:"56b6e0238228df4b",68511:"5c4dca2ece940645",68516:"9bb6fa32c2e2302e",68592:"3982ebcc2e49d79d",68675:"be2771c104e6c6f5",68714:"80428511e8d860da",68814:"7248ebb68517b1a8",68817:"036281204b51d428",68853:"2aad965af590aa91",68855:"e18dfbd1ddf3a5b9",68874:"8734ee85445e8560",68909:"e8e3860710a74182",68943:"79b3432a876ecad9",68956:"46e69d42f0a2ee9f",68958:"38812fe2ef3a9783",68994:"c9a7175b2418f2d2",69003:"a437721b19c74103",69031:"8a30639998b5bee7",69074:"2fe64924db59aa13",69118:"690e71745392433b",69143:"eedb11bb4ea42b54",69169:"cba48498943b3f4e",69201:"cf981cd5eb137c1c",69206:"2f61c3fc67049f3b",69211:"bc17da10472864ed",69213:"341a498be97cd66a",69240:"0e16cb77ca3fbc38",69252:"3c4cee857351b7d2",69278:"6dc55899cfab9d1c",69303:"de3818b6e0274212",69445:"153ad9a8efe49876",69447:"2d8ac8769b145da2",69450:"29b02f91fe8f556b",69452:"32f6f24647c0a70f",69464:"83144e3bb3acffb2",69599:"ca8bfad995bd1531",69615:"3a484362b7515afd",69667:"df56513eb246a566",69669:"9e28121ea4bd44ae",69676:"dad5b79adcf5669c",69735:"59d179ad365a6008",69787:"3b7eb776ded08ee8",69818:"2bc9424042124873",69821:"f9e1a45fe55b6212",69935:"e578d4de502118a8",69939:"66c93c83f28b809a",70086:"0404aef846733c46",70093:"18e3468cb6e66ae5",70123:"0917768a8e53c822",70157:"ed394b8ad1976522",70162:"b8258a52c1389d66",70279:"c81870a3adfdeeb3",70350:"209af56cd7e97593",70382:"09212b00e1177bce",70391:"2c732b929540bac1",70542:"427913831412ec11",70610:"b663f66f308b18c9",70634:"91f9f7b045e8c088",70685:"4ece4c5bdda4b48d",70707:"619bfce44777226a",70827:"10c71fe99db00afc",70891:"e4d391670f0a148b",70913:"2b4e9ae97e6a3df0",70932:"f842bb5f74573fd5",70951:"b2a2d76933a5a472",71006:"a62ba14b94cd5398",71019:"9d4ac4da546249e6",71081:"7e9143840bfdcf89",71119:"be6898be5f7ef538",71126:"78be0c490d53c5c8",71218:"2f5f0dad2506f3a6",71221:"6a020ad5d261a128",71370:"94db6e15e5fefae5",71416:"23c83075c09c10df",71441:"f1b1d21ad70c7d3e",71446:"0165efdd101417db",71448:"01b14a2ed0fe1d7b",71495:"d07df07bec56827a",71586:"867285f0384500b8",71713:"f0a91389bcbc0145",71744:"a7c74ad5aae6c9fb",71843:"db9c6381e73856c1",71932:"73b6e5c10db9d386",71970:"79532de8972927a7",71981:"78edc7740fcb4398",71983:"2c6a418b2d05ed76",72007:"0229971cf6a23fcd",72012:"89248f7062344702",72030:"b262b007f8f1c439",72032:"c8009ff62f60332d",72066:"519cef87fe2197e6",72084:"e9830c0ad142092f",72092:"30ca9a768438fd4d",72114:"1ab64ebfb8b8e322",72138:"4343be65234d2970",72150:"2d597eae3a43f8bd",72178:"67c47121597ffd99",72181:"e06bab9982506773",72186:"175d26262bbc310f",72230:"23dc0b403823f364",72232:"6f36a857fe067ad4",72251:"6125bbf93ae73ed7",72297:"f76cb250a5b1be38",72298:"94d4feab86b7b715",72301:"1a1fc04e50179747",72329:"25e7c34388511798",72342:"e8b8a6f03a022246",72351:"406f0962a36807b1",72355:"da6b364c3b8b8c79",72394:"e8debf13d2c1fe34",72398:"5cc8795f6318c27e",72456:"b440a5dfa184c5e4",72468:"24c2f8d6a37a6faf",72523:"d5fc38bcd618f4eb",72530:"b61b388ddf8c7b26",72557:"b14649d225b8b43d",72570:"709730a9c8fd064f",72571:"3bb1a54e05950b1d",72605:"e326e0e86455bcdd",72627:"a36968bedb2e6288",72658:"ef685e115bbba07b",72722:"8e91b0a603a77ef9",72729:"b1b07ed2308ee540",72730:"4528bf63b24c2178",72796:"9f7735ca9143e9d6",72799:"4a03509b5dac5228",72882:"57bd361f31df5aa6",72901:"61cb539178c9e287",72963:"cf483bf8c00796e3",73070:"dbc2910386cb8b4d",73097:"9bc845a6fe0cf038",73106:"538ad8301b9e0512",73109:"d4a709df42622c0d",73140:"0fa9af32023920db",73150:"30ceaf347c3a39e3",73155:"5783ec09d0ff9a87",73226:"1ee2a9d1ab8a20e6",73254:"c9f76902696b0946",73256:"2815d00a927a5287",73259:"943702a9870c7c2f",73321:"72cbe4756abe3914",73323:"b88d7c50162b22da",73396:"d55825ee77499a21",73493:"2e3d5ed4ca0ca672",73549:"3e8e1b58dc5858ac",73588:"99c04bb17e6c7b15",73626:"4f75edc3558dce16",73686:"5144a8c3eb0abd4e",73712:"de2863eb8598b89b",73773:"3cc68d71b15ba901",73949:"c101882eef311a6b",74008:"fcc33f2a178a5eef",74028:"f4098c27388392e7",74039:"94bb828f6a0f298c",74055:"a6b924f2cddc54a4",74073:"04a7027f46af1d8b",74088:"98d8196fe3ff5a1c",74089:"4736d7cf95560698",74121:"7096549e53809675",74187:"c7cc1799a3648263",74209:"8393d4beb0008b4a",74222:"7f58ea5aa37e6818",74250:"fac57f6a58ed36b9",74277:"2e4964bfbce1cdbe",74281:"9ec541f53ab2091e",74375:"86de6cb72f933e3b",74398:"5f3263c47579b672",74437:"8e3bd92730379cf7",74469:"923c6658face671d",74547:"478d4596ed180a61",74607:"ea6c55f30d0da318",74636:"e83577850e496a97",74699:"c2eedf1f5de85b0c",74777:"832aac093b2668d3",74832:"c6b3f704c159f54b",74852:"a493f04c4ed2f190",74862:"07c1f84a49513ff1",74870:"b075504248c9f079",74879:"5986b686bf39322c",74896:"3404920331ce7f5a",74924:"ca7089383721221d",74944:"7a71bb5ce2a79807",74958:"5616c5a8334a3f71",74997:"13a3e8c8c07b1f87",75002:"cf5e4d750236cf83",75016:"13aad7b04864d6b9",75033:"d682c5601cdb862e",75052:"b1526e4f9100b312",75093:"bcb73d6a53fb0f81",75106:"72722fc124472879",75154:"4a9afc1853e31fc2",75177:"69b34303cbd0bf17",75184:"ae73f1069386c4a5",75203:"052b250304c10523",75213:"d0f3b3a1de45bd8d",75247:"69666957db2a00f9",75273:"e0481a95105a6b31",75307:"efc268439c2e815f",75319:"04c26eef4512153b",75558:"a9e8bbcc358b6a9c",75664:"66c1653402caec5e",75767:"ec45ba4c859eee80",75800:"4dffe2d701898862",75832:"813423abf974a789",75843:"6b1d39bdc49fe9a1",75860:"e1c93ba2c40ac8cd",75923:"bf075b8eb9737301",75929:"404b802379962707",75945:"f6325ac7922fd8bf",76007:"20bc6aa6e04487c7",76020:"64bc5ac88a64bfde",76028:"10f89079dd292256",76030:"ad3e0aff16d4271e",76043:"6a0bb8ab150267db",76049:"17c643ff03054033",76069:"aa57358d96f6ac5a",76103:"c97a4903d627207a",76112:"80c7ef4be0fef172",76162:"92fbef742e910738",76185:"6d2a3327a490d4d1",76196:"a2061343b99f09b3",76205:"8608f10fbfba4fc5",76233:"e5186590d0393287",76247:"9dc7b462066a419f",76309:"9d77456a0a8a2f7c",76316:"c75c2328a41d185f",76421:"ea82e89f1de4e6cc",76440:"a75c3f5ad8afa090",76697:"96995da013071f71",76743:"8adbcf243426190c",76828:"78cbadf1f53ce8ca",76829:"3577e1d4acea2dc5",76897:"4d784a8555d77237",76989:"201167e60e360f66",77036:"29fed2026bb88800",77052:"6f5b0192c268b054",77057:"141e3bc0ee52d276",77077:"0f998f8631593a4e",77078:"34b8e6ce6679e132",77290:"42028955f0109bc6",77314:"dd569a341b5de03e",77340:"873408f92989cf85",77406:"95ffbd4bb8302fc4",77427:"f8b8000a719eadee",77438:"5b40ae93ea0f393d",77490:"da53e32545f8a5f0",77551:"3994bfa0e35b89db",77601:"8d1eb2fb8c737a75",77707:"4ca61f4e0071b09c",77763:"da1ca772fb95fb7f",77781:"508c663110e33f6f",77783:"0f8e7e208f131a73",77789:"019135f910fa0a4d",77796:"6f7e732be6ffbeb8",77891:"83172c4cf27c0844",77900:"f017d54c2bf7814f",77926:"1737f97225b3602a",78061:"aa6c492bd48495fe",78146:"f945fa7e2c8eade4",78200:"c5d4786e9ac25097",78261:"6861c8660dbd35d7",78318:"7951f2248a9f4272",78359:"ca87de2712e875ac",78376:"b2bbad33549b3f66",78400:"8fefe21974e8522c",78407:"0cfc9b22096a22aa",78433:"24051ab7b090fe7b",78481:"f6aea07dd4760326",78607:"56bff687ba1d4473",78761:"8d6715779abf96a6",78787:"9e0a18425fad721a",78900:"ba8d1ef60eb96ca8",78938:"ea28ca02dfe4d351",78946:"5c12afc5a5c27cf0",78997:"f8d960c03ccbfba1",79099:"6bf1ab61d020e520",79120:"244f01ff450f7f85",79140:"fec53dfdf543fc87",79147:"2ab433b91456adb2",79222:"fb1bab7fa54ead72",79251:"bc8616b5ef935bcd",79275:"d3faf99ded613b34",79285:"210a782fda80b147",79288:"1be34c97124183e8",79375:"a655d2f5203419f0",79380:"a366afe7138a214a",79399:"df2e32d11c4ed8e1",79400:"2a0ba822c45e45e2",79434:"59d77ee80a6f7474",79489:"dfa5e4a5515df215",79511:"987cbb2215125408",79530:"afe616a4c0e732c5",79569:"67bc15a9826a0bfc",79571:"d252d2f506f28bfb",79594:"5ddd57d2f4a953a4",79622:"1e0671ba563e012b",79702:"90b731405744c228",79710:"1e14a2e01b1a8652",79720:"e7d425d882ffa90e",79726:"4bc91816eb974bd9",79727:"f23fa7362fc3a3e3",79766:"3bb9a5d8a06251f4",79783:"fc88d1d30c05d006",79812:"8015aad6ee1c622f",79820:"73c923b8445f3f6b",79826:"fcd0bd972b8fa9fd",79848:"bc8ccfb7df8691cb",79869:"b6f9c0443c33be27",79922:"2981ded24d2bad4a",79939:"bce048bf768ef059",79976:"c19115606a778203",80006:"b7a81330591b1712",80036:"7f18bd081aa08c04",80053:"4b9cf55a5f56ca5a",80106:"e0c368af8067745f",80136:"a06d97f412c1e410",80162:"b0ef5df0ae5dbfd2",80169:"29d025b388bbe675",80176:"a14e2d73e1747a57",80184:"e3e693ccc3764013",80211:"390f99cb935a20df",80217:"aaa459cd94d331de",80250:"a4f5a4634419bbe2",80253:"eaa30bb6fc172ae7",80261:"f02f96a5e1e11289",80334:"4d98000c9a547d5b",80371:"8a01edda68d13998",80375:"7a6cce50cd410689",80379:"6132616e80239abb",80401:"8844f34bd6029204",80445:"8f5908527519980a",80472:"25ab93a85aae6d90",80548:"f81effafbb4ea89d",80570:"dacd4babc0374147",80627:"f1dbeca02c03565a",80701:"3f1ee01020027666",80708:"15065a2f712e00fb",80750:"efcc9b0120e4735d",80785:"36e685c0f02ee520",80788:"d1def846f0dd6e9a",80828:"29c147652387d830",80862:"8f1baf413c7fea17",81074:"6fcf5216c8c7e96e",81082:"0b700cd44833a6db",81142:"cc281ba4acaca4d6",81191:"3fd734f9d488e80d",81255:"8c7b12fe941ef83a",81273:"976a3d6b76fe23e1",81281:"ed638c56bf1cf0ee",81357:"367f11d619ddee7f",81427:"032d1fd3d3015b78",81470:"ee4c67b2fae29a2c",81486:"861154e36b895166",81498:"cfd7b01582d778c2",81551:"9d5795574429749d",81558:"42ad5924a94e5870",81568:"b8aa44b296d0915d",81576:"01be90790af3fa0f",81594:"fc19ec0ad1d67f07",81627:"f552fdbad5f9ba2b",81640:"d56152506fc5d4a7",81672:"8b3a08f1e18a3f4f",81679:"ec0422cae790b156",81697:"6c27b89bf9160a84",81715:"21235b7f7edc1ad1",81831:"e41bc38a6e2ae0f1",81949:"78ba0fe673d43e35",82016:"94b5779156c72fe3",82082:"cc7f41bfab2f785f",82089:"81b56974b4e1a330",82122:"e65e8e86d41dcd87",82142:"b95db2f88ed44481",82155:"9953538a58eda2cd",82190:"69062d226341e07d",82201:"8deb6992f528b69d",82215:"27cda9ac95129452",82236:"6ed98eb04ab21188",82248:"b4685a1461e9af17",82387:"3a5c296809088446",82409:"1de100e5f43480a1",82413:"84a317ec542848a1",82433:"91178f7ff1852564",82435:"ffc9989b4caa2b41",82509:"fedc0c9eba21b002",82551:"b9c0d004788f5aba",82563:"4fc9582e2b54b8e9",82574:"6a9b83d9cfd202d5",82584:"c838a5f728d8a8d5",82623:"2cb07b38d0c530da",82745:"54067ced65304c0d",82776:"0522c355b84838de",82784:"414ee699d3fb50e2",82803:"288203ee5626592f",82871:"cd680a6df08be34d",82890:"c3ec25ddaa36dbef",82920:"433bf218b68f8859",82965:"7ee0cc6601baa1c4",82969:"9fbd5ba5ce09c845",83057:"351b16343706eb6e",83067:"6879db71b79acda0",83088:"f9a63d8f3d7f5c3c",83140:"08fa5f2ece312e1e",83147:"99ee6bb0d536f5c0",83156:"4fcf68c82f377fe9",83165:"df2ded7f02dd7f44",83168:"0e2821b49a6fd62a",83200:"18012f5b5bbb1ad7",83211:"3e2f86eeefab034c",83339:"6fd7d2e6b0085278",83355:"68979bc3eaa5b63b",83380:"114f4b0a9f03ad01",83386:"e38b8846f768f215",83405:"7e1275cd715b003a",83429:"515b8ff3ce32547c",83446:"a579e1b43c84e1b6",83536:"51d90b87d506ee73",83638:"74cf849fdccfb5ef",83674:"32b918c458b5cce0",83690:"afe7d714071a0b48",83713:"0533e5202ab42cbf",83735:"b9c2c4ff1d297d45",83755:"bcec851a65fcbde3",83780:"251ef9303ad54e4d",83795:"1a4ae9a003ce386b",83889:"7a4062c92915b188",83906:"7843cafbfd5e97e8",83914:"eafcd4664ec994a2",84034:"6fd8973ab4e45c0f",84137:"3d31f7cc5e8ca294",84147:"000aa7647c94af47",84154:"76660ca1fcd99ea2",84238:"0e69e0e112e3df7e",84254:"bee2aa0b99b7e255",84264:"b6f1cf415254c8c9",84308:"e332f079eacdaa41",84314:"123e599e880b742d",84340:"289bf84b6f27d774",84345:"7dea4b5a166adf2e",84350:"3e6ee3484d019a93",84372:"60980616a2b6aaaa",84379:"fc70d2061010b338",84471:"76a2e288fe9a45ad",84549:"bf5cbe906e0bdb80",84625:"f0a0a818f49550a7",84629:"f32360b09871b2f7",84691:"42d080fff5881131",84711:"e9188621579608a1",84726:"df9f79208decc25a",84948:"bfea668d4d1ce4d7",84959:"2b2a5c89eb141695",84963:"0b1e97bf635d7423",85009:"d2fe0355f7f97577",85019:"0dc33fe6b2b14127",85020:"fbc640ce612028b4",85076:"2177bb20e3152cea",85084:"922d1bdc30f170f8",85089:"beeb2839566d8788",85093:"f25a77d8f8068a15",85114:"e9d452528e6becc3",85125:"30b979c21cfa4138",85143:"f1c286b8b5fa12b2",85153:"9f83ec04b1b8a7cd",85177:"ad7c65ff1e8108e1",85190:"67094056a3637e2c",85193:"d134730c91275b42",85304:"9a63ff0f57b2f35c",85334:"ff43a4d270432f82",85407:"e31982ebbf547fd1",85455:"991c3b052ad155ba",85458:"cc04b8d633a0d77a",85468:"3087596b7298de88",85492:"ba0a2716cb0ddfe5",85543:"5adad00146553dd3",85578:"4cfe08045d10fff7",85626:"4522e47169b110bd",85640:"2da3fd37c739786f",85654:"bb5be1b30fbdbb75",85776:"e029ca934de03c21",85800:"13fdf16e1d6973e6",85857:"f0b8524af3b824df",85871:"05011459d7204b3d",85875:"08d38873e87d5868",85886:"306a268aba0d99d5",85890:"9cfc2e612815d40b",85901:"307acbe0601bfd28",86052:"fc931c39fa417c5e",86086:"ed524fcbcd8a2af1",86101:"35e77ac4fc945205",86138:"29c6317d418c7526",86159:"bcb76cf6818a8e42",86194:"868b6004024ef1c3",86198:"5ca6163249fbef62",86233:"06194c06aac6ce03",86320:"2e51b2e445526c9e",86337:"def35bd44fe636de",86359:"f4bcce0efbf8c156",86584:"b2402699cbf05d24",86622:"6b68ce5b803711b2",86695:"8a91412fed846010",86746:"5972e311bd313f4c",86805:"3970ac8df73d7116",86820:"a432be36a33dc0e4",86863:"3736c7f8b6934da7",86871:"b74d8dd875c0200f",86874:"742821d26403cb51",87011:"69a217d088a35833",87084:"b81869f6fa16b6a7",87147:"e97690057ad486be",87187:"8a358559593c3926",87218:"7830240d2f052438",87261:"57e22cf4760881eb",87290:"b32a08e284da0a2c",87293:"6e082fad5e083b2b",87298:"9560788f36c8e706",87408:"a81e1978bf50e446",87430:"900a97f42e2a9a16",87460:"c5835f5a53007be9",87466:"1a640889ebace00b",87533:"3c281ae919f690f6",87553:"7dbc93db6f396595",87577:"52fe5f7ba290f61e",87585:"c80a3931083d8e9c",87608:"ccd9549ec55ef38d",87611:"dbbc1c8599353fb0",87660:"538f9764f918de1a",87685:"fb9c5e5c141aaca8",87707:"3146e0fc1035229c",87723:"e494b39d23286835",87726:"2fa8ae89a8d32ea3",87770:"21b582589bc6c883",87801:"62e1b21fe41b9bc0",87808:"838344ba93289135",87837:"09729a3f38322a99",87871:"7b17b92d54e8f26e",87902:"0704c060f3864292",87945:"860568e86c5ac244",87999:"ee53e319d05f272f",88035:"dd9225dc6fd2ff00",88133:"019400968d245102",88152:"86733aa75423ddda",88176:"2331120c00d9d76e",88205:"2efdd06ae855e923",88247:"0c72588c2bee47c5",88264:"fec067dc95bd1101",88267:"3b47fbf97b8887af",88382:"002d704caa8734e2",88396:"4723b98ebbdddba4",88486:"fb6d81efafade660",88501:"599b879803268a6b",88502:"f7abfff305017dfc",88550:"d643b28155ad6840",88574:"41440cc62351a236",88642:"9565fc9fc03fed60",88682:"8d9f2cc6001c0cd2",88753:"98e0c8f41dc6fe3f",88761:"47425619187800f8",88767:"66fde712203b8806",88823:"4ee7af32ba3b57e9",88865:"b176859f17c4023b",88918:"1f89a89c2ae7aaad",88926:"c33eb540e54b3124",88939:"fbc6b34ae14c8bad",88988:"a4147d817ce67ec3",89022:"b1607dc30bba617e",89031:"2971cbc6db18773b",89064:"68d9853246b394f6",89065:"21469683b539cc73",89207:"d70ccd10408fbd1f",89233:"eca6e9c51307a132",89300:"6070de139db19fe7",89302:"fecbebef345cfda8",89329:"11d4981b0d9af2ca",89367:"d4980ab7b66fe809",89388:"3bac0c020f01e032",89402:"6c2a5b58c28fe6d2",89409:"aeccd1113c1d88e4",89422:"13be4ad74e0ce56b",89479:"d17794611eccc51e",89520:"b7acdc5c41c10931",89524:"5b6c277dafed257b",89602:"5d68eab4ea4b23bc",89645:"85f407d72024faa5",89793:"4221d0ae1b340972",89821:"41020347b77d32cb",89842:"4bb2acdc38089424",89860:"bb543cbe8be4dcce",89876:"e559ff20e64ff6f2",89885:"f7e22e03eadb49b1",89905:"424b5380ebaa9a90",89923:"f5279d6b685fe759",89936:"ece4629631991ddb",89954:"1f579010b7c66e54",89998:"b7d2d4d2c377c233",90003:"822d4f4f83319e55",90024:"16c1e13ec69a7609",90089:"e04277e83133decc",90163:"249db743c11d52a2",90198:"3c112e43417267e8",90245:"409e2e32a5b2c63d",90247:"0daa1697a953dec2",90289:"1062c292e5d30e13",90351:"00901dc918a086b6",90374:"e4a9cd8ea4ba172a",90376:"70e1dc4c7980ad89",90393:"f847ef7c9ec0712f",90394:"74db69e7d4653a59",90422:"be9bc2b0e3e602b1",90457:"51c128607f8825e2",90461:"30a07a662412fce3",90463:"2f230aeb449aeadd",90469:"d9cae3fa1b41aeb3",90486:"2525b1ff44a496e4",90539:"7d1c6e8d06723e2c",90652:"2c4f7ffbbcddf014",90701:"fd7045af8227bb17",90719:"7f5c31ed505e06f1",90751:"99e7fca5105ed78d",90772:"4242386b95ebe166",90794:"b1383212bc01ad43",90817:"3640dc0f963b664a",90852:"6f7374ed952f93d1",90854:"3f13372eadc174e5",90871:"af3a861816bb2c7c",90874:"468425bb14c09f8d",90877:"342a2f05336f57da",90894:"2d4d6ae56420bd53",90903:"e76483872f6e7758",90918:"f04df44b027017f1",90947:"02ce98a21e4be5a7",90950:"639eed2d9527618a",90987:"a2d6522b5518345d",91058:"4e228b6d8dce5591",91068:"7cd3dc5ecf1bd7c8",91072:"7e4a60c888133811",91077:"012a9555d9285958",91173:"65df5d9167e5eec9",91197:"c5e82edc4a13184b",91208:"be66575bce645c15",91210:"77f46b053aa1c05c",91242:"3283611b2b33fff2",91246:"3421c81da5e0a46b",91371:"e7542c6dce31b119",91407:"abe5f33cdac57f74",91487:"7a9bbf068ada5ee8",91498:"3969f32ad5c7276e",91501:"838f1a1c3ce742f1",91504:"822d95f3e3496673",91571:"5e8ba8d81b68ee18",91612:"2643bb5bcc2b01a0",91624:"512712a7973d645f",91662:"b7e5d3ce67be2c9c",91760:"f9e17a82a6e1e1b8",91770:"edabfea8722c7de2",91839:"add267f34d8d5960",91975:"05a61b60df458400",92043:"8d9d35f0daf2b795",92062:"7468a166ab23afcb",92088:"b54729cd44db5791",92102:"2b68dbd50aad13e2",92136:"214af134390d32ce",92178:"38d41a4ebee15a8f",92180:"7542d870eab7d71e",92190:"751ec2f79680ec02",92213:"b20b63ffb45fd9fd",92295:"f1f9ef0f916bf035",92432:"d69119d0de116474",92456:"76aa5ff16827101f",92515:"f0a1e17a4deb3457",92552:"f6bffb0492e5d0bc",92585:"12d9550e404ccfef",92593:"96979046ed6f9ffc",92606:"68898f3e1dd4c109",92633:"11e06fa32711ce71",92677:"15f28b342b6e8a64",92727:"faea5c1065dfaa75",92736:"daabbc1f8ad409f6",92768:"2935613e88d363d2",92845:"174665f41586b46e",92882:"dbe84e16e8c7cce0",92922:"89d0b0fb1d5e3234",92925:"4287a7bc5299808b",92959:"a82f2f54fe81663f",93017:"c618cec9fb727616",93030:"032f920b228a9a03",93041:"5d6582511f6f31cd",93046:"a0980ce745584fa1",93061:"95f02096bdfae7c5",93067:"db3b4b7b32c4d4fb",93177:"3ea8a8e249a0cd0c",93228:"9a979008b0a966c0",93237:"2932ad7601ab8ced",93332:"63bb1a10d699ca0f",93362:"9ecc00fbb903e701",93379:"a891ec6c1603fb1b",93403:"3461929e356caf1b",93410:"4902761be8e43c34",93412:"6de437d1081b2496",93424:"ab041a80951e7c97",93487:"3ae92a5fb1ef9584",93492:"9746e68191f29497",93511:"25b8eaac79124e21",93522:"f264750d54bbb9ae",93539:"10bbe1fa36a658bf",93557:"4cad04b7458ca79b",93606:"cf75ede8790dd35b",93653:"521a3b0edd5edcd6",93692:"b02a0f5c2a72f35b",93750:"decbbe4b49cf558f",93760:"2044eb33b18187e1",93793:"c93095912a810df2",93850:"d5a92d0ef86fd4e4",93853:"c40c98b8ccdc190a",93888:"c8137568bbe5740d",93995:"278946b1191961f4",94004:"cfb9d69209bdfd53",94054:"7c8641247548c9bc",94075:"7294a301224fed83",94118:"efa9ddcc5b67e4f9",94146:"a54ba5dfee5aff50",94159:"b1174077e2cc28e2",94221:"2f7a26c79b25ac80",94249:"9c5de7d620b9c6b9",94291:"9327185d944243f7",94359:"5537b53aa186a85e",94426:"84b7b34f688db8b5",94430:"e3e762ca0aea820a",94456:"32f40aa13f396b83",94492:"45aa4fd15410d2d4",94506:"21fda64893b2856e",94548:"858a22c8959b9ace",94583:"35309c6487ca5fa2",94598:"717e420e279c26a4",94611:"2c64cbd22d090f2b",94729:"420209f5c3dac2d5",94760:"4f1f37fd21d430dc",94780:"96411ec2ddb8d593",94880:"84a5e0b312ab0edf",94881:"6a26214faaf7ccdb",94892:"4b42f4e3175954b0",94912:"c4a05553d6e57761",94951:"64330a63c7e123fb",95018:"abccee3dbc0a7c2d",95030:"f582f12f051b33ad",95033:"1477ca1727682ab7",95087:"0563418d344218dd",95183:"93b9f4b72370f754",95249:"a0f664d3084f1cc3",95437:"be78e63389dccaba",95441:"1580ddd206f4636c",95446:"041a7ff64d6003a7",95511:"210d701ab29f47e8",95545:"ae63e5c170857786",95560:"7b5a2603d1376505",95593:"b01f7e3e73067fde",95603:"6365bce62a0d053d",95604:"c7de3788056c54ee",95674:"087b8bd850dc81c0",95675:"ff06ee01916e684d",95725:"516f2c0186a0c71a",95760:"836af0fcdf0cd52d",95780:"3f2c3739353368c7",95829:"dd501a6817e72358",95839:"67a90dae0b7b439d",95840:"cb5fd244a7dd2924",95860:"ca9da04e023368af",95871:"90433c5dc39e79fd",95894:"75e66811245ae8e9",95928:"b622693ece5a6c00",95952:"f080e15899772a1b",95994:"e50f813f8a3e139d",96022:"4d9d9726d32b7643",96029:"17ba5ee942533e2a",96060:"8108cb79cd04946f",96068:"d20759eac3d6673e",96101:"48106cb69d05131c",96188:"cbd57af6ec17d0bb",96278:"a6a4748f4f2f4b0d",96372:"195d2f59eb065f08",96381:"3a7b9cdf05c63fc7",96434:"fc433606312bcbc2",96459:"c2eade21f7a853b6",96501:"bc90896951dd1add",96549:"db1190d400a7cf62",96570:"5fbc46fb15f269a0",96585:"fa6152c3f01d794d",96589:"b86c1a9db3eaec20",96591:"65824263c47aab57",96675:"5279585ca95cba74",96689:"85b56ef32180c4a7",96691:"eca7d8bf717146f7",96776:"2f42c3a7c9da589f",96790:"0dab18bb22cd3e93",96807:"a94000e3b8c45b23",96896:"8a61923f4b0cfc8b",96898:"4f54133fa9ebd530",96912:"2345324d8d27c8f9",96927:"9861bd719c40e545",96966:"17f5f1324067cfb5",96985:"fd69f0e35f9edaf3",97011:"951a28fa7e60a6a5",97021:"5e5d65ae7772920c",97041:"74bde49d06c51864",97065:"0ee71e4a445dd263",97073:"30fd14e225d68631",97128:"1d9c0647a796749e",97139:"4c270f3e0e92efc5",97180:"17a42d0d1e975302",97196:"cafcb173a0402feb",97208:"7cd3b44e638d2e5c",97240:"8ce97d581ea21cf2",97244:"f3331a445461b96b",97278:"08840509abf8fa0a",97339:"521ada682471f478",97359:"97616f9ba26996f4",97409:"be9541cec383a9b5",97416:"de9134d52b0473c7",97417:"d6e40a9eed77e2fa",97481:"54b474301f60886f",97485:"e6a999741ae0790b",97539:"bdde383f057703f6",97571:"076b2d9ad73127ca",97609:"108b3d936f6c023e",97628:"81ddb24cbf0cafb9",97671:"3d46fc0c4ca3c877",97683:"46efcb85b2ab7126",97764:"211c9904739330f6",97808:"f25d07a8f2ca8164",97832:"37c4b9077f7aa291",97921:"8beb27a556a8ca85",97948:"fd775388c0325f32",98087:"c3919e056593cdce",98131:"7926c9c6fcb76c98",98135:"d7e78784da362fac",98146:"1233eefc6f3f9ef4",98157:"1a303202843b7844",98252:"be37518d94c28e32",98274:"83867b49468e971c",98295:"6d42ec27c02db6b9",98297:"cc2aedd049d2d122",98324:"9fa74e2dff2815ad",98330:"ff7a55b5128fa5aa",98377:"1647f6176e123014",98427:"e77d72da86f8c437",98472:"4f3bf1e7601cb876",98486:"db9c44f9f1a7dace",98504:"6436d5ff8391c51f",98517:"c7ba0cb6ffd80d85",98542:"440755acde21d8e5",98559:"09ee8bdd2b49dc9c",98599:"7fbb22e57d091a7d",98678:"691eb52c82d19be5",98695:"48f185c52f08b8de",98701:"18f67efbf900c66b",98708:"e0c6312e760daeab",98768:"dfe5239a00486c69",98780:"8004595ba2cae486",98787:"3c09e89f4ce953b1",98837:"a86f6b787be6d3d9",98907:"6ff78745bc76b665",98917:"ad0852d65a12ccc3",98929:"16c7623bd2b11470",98997:"e8f050dd7b0b2859",99051:"a010a3f3c1457137",99056:"92412f82218d5b4c",99213:"10918a72687f2d85",99226:"cc852d5f237382bf",99247:"554c14fa9c514b3c",99280:"17c4dbef952f1a76",99385:"1258066d78ce3b2e",99389:"5a7a42f7879de17f",99425:"76118f8405049bd8",99438:"53f030ee9069cfb4",99459:"241a31f7963ae4ef",99460:"703741fb0f90cd65",99468:"02f2ebee6b84d8d0",99470:"ed1b036b4a8570af",99662:"5c8fa5e0b4ef649d",99746:"d7919a29dbd1889a",99858:"2439b9f50447b14d",99861:"82e7223196cbe74e",99862:"27dbfaa1da636ff6",99877:"92af9d11e99e8673"}[e]+".js"),l.miniCssF=e=>{},l.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),c={},b="demo:",l.l=(e,a,d,f)=>{if(c[e])c[e].push(a);else{var n,i;if(void 0!==d)for(var y=document.getElementsByTagName("script"),t=0;t{n.onerror=n.onload=null,clearTimeout(o);var b=c[e];if(delete c[e],n.parentNode&&n.parentNode.removeChild(n),b&&b.forEach((e=>e(d))),a)return a(d)},o=setTimeout(z.bind(null,void 0,{type:"timeout",target:n}),12e4);n.onerror=z.bind(null,n.onerror),n.onload=z.bind(null,n.onload),i&&document.head.appendChild(n)}},l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.tt=()=>(void 0===f&&(f={createScriptURL:e=>e},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(f=trustedTypes.createPolicy("angular#bundler",f))),f),l.tu=e=>l.tt().createScriptURL(e),l.p="",(()=>{var e={13666:0};l.f.j=(a,d)=>{var c=l.o(e,a)?e[a]:void 0;if(0!==c)if(c)d.push(c[2]);else if(13666!=a){var b=new Promise(((d,b)=>c=e[a]=[d,b]));d.push(c[2]=b);var f=l.p+l.u(a),n=new Error;l.l(f,(d=>{if(l.o(e,a)&&(0!==(c=e[a])&&(e[a]=void 0),c)){var b=d&&("load"===d.type?"missing":d.type),f=d&&d.target&&d.target.src;n.message="Loading chunk "+a+" failed.\n("+b+": "+f+")",n.name="ChunkLoadError",n.type=b,n.request=f,c[1](n)}}),"chunk-"+a,a)}else e[a]=0},l.O.j=a=>0===e[a];var a=(a,d)=>{var c,b,[f,n,i]=d,y=0;if(f.some((a=>0!==e[a]))){for(c in n)l.o(n,c)&&(l.m[c]=n[c]);if(i)var t=i(l)}for(a&&a(d);y[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]{--tui-focus: var(--tui-base-01)}[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-base-01)}[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-base-01)}@media (hover: hover){[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark][data-state=hover]{opacity:1}}@media (hover: hover){[tuiWrapper][data-appearance=icon][data-appearance=icon]:hover:not(._no-hover),[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=hover]{opacity:.65}}[tuiWrapper][data-appearance=icon][data-appearance=icon]:active:not(._no-active),[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active],[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active]:hover{opacity:1}[tuiWrapper][data-appearance=icon][data-appearance=icon]:disabled:disabled,[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=disabled][data-state=disabled]{opacity:calc(.5 * var(--tui-disabled-opacity))}[tuiWrapper][data-appearance=outline]{background:transparent;color:var(--tui-text-01)}[tuiWrapper][data-appearance=outline]:after{color:var(--tui-base-04)}[tuiWrapper][data-appearance=outline][data-mode=onDark]{color:var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:after{color:var(--tui-text-01-night)}@media (hover: hover){[tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover]{background:var(--tui-clear-inverse-hover)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover]:after{color:var(--tui-text-03-night)}}[tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover{background:var(--tui-clear-inverse-active)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active):after,[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:after,[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover:after{color:var(--tui-text-03-night)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=outline][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=outline][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onLight]{color:var(--tui-text-01)}[tuiWrapper][data-appearance=outline][data-mode=onLight]:after{color:var(--tui-text-01)}@media (hover: hover){[tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover]{background:var(--tui-clear-hover)}[tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover]:after{color:var(--tui-text-03)}}[tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover{background:var(--tui-clear-active)}[tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active):after,[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:after,[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover:after{color:var(--tui-text-03)}@media (hover: hover){[tuiWrapper][data-appearance=outline]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=outline][data-state=hover]:after{color:var(--tui-base-05)}}[tuiWrapper][data-appearance=outline]:active:not(._no-active):after,[tuiWrapper][data-appearance=outline][data-state=active]:after,[tuiWrapper][data-appearance=outline][data-state=active]:hover:after{color:var(--tui-base-06)}[tuiWrapper][data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}@media (hover: hover){[tuiWrapper][data-appearance=primary]:hover:not(._no-hover),[tuiWrapper][data-appearance=primary][data-state=hover]{background:var(--tui-primary-hover)}}[tuiWrapper][data-appearance=primary]:active:not(._no-active),[tuiWrapper][data-appearance=primary][data-state=active],[tuiWrapper][data-appearance=primary][data-state=active]:hover{background:var(--tui-primary-active)}[tuiWrapper][data-appearance=primary]:invalid:invalid,[tuiWrapper][data-appearance=primary]._invalid._invalid{color:var(--tui-negative-night);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=primary]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=primary]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=hover]{background:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=primary]:invalid:invalid:active:not(._no-active),[tuiWrapper][data-appearance=primary]._invalid._invalid:active:not(._no-active),[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active],[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active],[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active]:hover,[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active]:hover{background:var(--tui-error-bg-hover)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=primary]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=primary]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=primary]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=primary]._invalid._invalid{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=primary]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=primary]._invalid._invalid:focus-visible:focus-visible{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=primary]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=primary]._invalid._invalid._focused._focused{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}@media (hover: hover){[tuiWrapper][data-appearance=accent]:hover:not(._no-hover),[tuiWrapper][data-appearance=accent][data-state=hover]{background:var(--tui-accent-hover)}}[tuiWrapper][data-appearance=accent]:active:not(._no-active),[tuiWrapper][data-appearance=accent][data-state=active],[tuiWrapper][data-appearance=accent][data-state=active]:hover{background:var(--tui-accent-active)}[tuiWrapper][data-appearance=accent]:invalid:invalid,[tuiWrapper][data-appearance=accent]._invalid._invalid{color:var(--tui-negative-night);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=accent]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=accent]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=accent]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=accent]._invalid._invalid[data-state=hover]{background:var(--tui-error-bg-hover)}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=accent]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=accent]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=accent]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=accent]._invalid._invalid{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=accent]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=accent]._invalid._invalid:focus-visible:focus-visible{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=accent]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=accent]._invalid._invalid._focused._focused{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=floating]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:#fff;color:#000c;box-shadow:0 .25rem 1.25rem #0000001a}@media (hover: hover){[tuiWrapper][data-appearance=floating]:hover:not(._no-hover),[tuiWrapper][data-appearance=floating][data-state=hover]{box-shadow:0 .875rem 2.625rem #00000024}}[tuiWrapper][data-appearance=floating]:active:not(._no-active),[tuiWrapper][data-appearance=floating][data-state=active],[tuiWrapper][data-appearance=floating][data-state=active]:hover{background:#f6f7f8;box-shadow:0 .25rem 1.25rem #0000001a}[tuiWrapper][data-appearance=glass]{background:rgba(0,0,0,.4);color:#fff;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);--tui-focus: rgba(255, 255, 255, .64)}@media (hover: hover){[tuiWrapper][data-appearance=glass]:hover:not(._no-hover),[tuiWrapper][data-appearance=glass][data-state=hover]{background:rgba(0,0,0,.48)}}[tuiWrapper][data-appearance=glass]:active:not(._no-active),[tuiWrapper][data-appearance=glass][data-state=active],[tuiWrapper][data-appearance=glass][data-state=active]:hover{background:rgba(0,0,0,.6)}[tuiWrapper][data-appearance=glass][data-mode=onDark]{background:rgba(255,255,255,.3)}@media (hover: hover){[tuiWrapper][data-appearance=glass][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=hover]{background:rgba(255,255,255,.4)}}[tuiWrapper][data-appearance=glass][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active]:hover{background:rgba(255,255,255,.5)}[tuiWrapper][data-appearance=secondary],[tuiWrapper][data-appearance=flat],[tuiWrapper][data-appearance=destructive]{background:var(--tui-secondary);color:var(--tui-link)}[tuiWrapper][data-appearance=secondary][data-mode=onDark],[tuiWrapper][data-appearance=flat][data-mode=onDark],[tuiWrapper][data-appearance=destructive][data-mode=onDark]{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}@media (hover: hover){[tuiWrapper][data-appearance=secondary][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=hover],[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=hover],[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover]{background:var(--tui-clear-inverse-hover)}}[tuiWrapper][data-appearance=secondary][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=flat][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active]:hover,[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active]:hover,[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover{background:var(--tui-clear-inverse-active)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=secondary][data-mode=onDark],:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=flat][data-mode=onDark],:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=destructive][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=secondary][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=flat][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=destructive][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=secondary][data-mode=onDark]:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat][data-mode=onDark]:focus-visible:focus-visible,[tuiWrapper][data-appearance=destructive][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=secondary][data-mode=onDark]._focused._focused,[tuiWrapper][data-appearance=flat][data-mode=onDark]._focused._focused,[tuiWrapper][data-appearance=destructive][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=secondary][data-mode=onLight],[tuiWrapper][data-appearance=flat][data-mode=onLight],[tuiWrapper][data-appearance=destructive][data-mode=onLight]{background:var(--tui-clear);color:var(--tui-text-01)}@media (hover: hover){[tuiWrapper][data-appearance=secondary][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=hover],[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=hover],[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=hover]{background:var(--tui-clear-hover)}}[tuiWrapper][data-appearance=secondary][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=flat][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active]:hover,[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active]:hover,[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active]:hover{background:var(--tui-clear-active)}@media (hover: hover){[tuiWrapper][data-appearance=secondary]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary][data-state=hover],[tuiWrapper][data-appearance=flat][data-state=hover],[tuiWrapper][data-appearance=destructive][data-state=hover]{background:var(--tui-secondary-hover)}}[tuiWrapper][data-appearance=secondary]:active:not(._no-active),[tuiWrapper][data-appearance=flat]:active:not(._no-active),[tuiWrapper][data-appearance=destructive]:active:not(._no-active),[tuiWrapper][data-appearance=secondary][data-state=active],[tuiWrapper][data-appearance=flat][data-state=active],[tuiWrapper][data-appearance=destructive][data-state=active],[tuiWrapper][data-appearance=secondary][data-state=active]:hover,[tuiWrapper][data-appearance=flat][data-state=active]:hover,[tuiWrapper][data-appearance=destructive][data-state=active]:hover{background:var(--tui-secondary-active)}[tuiWrapper][data-appearance=secondary]:invalid:invalid,[tuiWrapper][data-appearance=flat]:invalid:invalid,[tuiWrapper][data-appearance=destructive]:invalid:invalid,[tuiWrapper][data-appearance=secondary]._invalid._invalid,[tuiWrapper][data-appearance=flat]._invalid._invalid,[tuiWrapper][data-appearance=destructive]._invalid._invalid{color:var(--tui-negative);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=secondary]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=flat]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=destructive]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=secondary]._invalid._invalid[data-state=hover],[tuiWrapper][data-appearance=flat]._invalid._invalid[data-state=hover],[tuiWrapper][data-appearance=destructive]._invalid._invalid[data-state=hover]{background:var(--tui-error-bg-hover)}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=secondary]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=flat]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=destructive]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=secondary]._invalid._invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=flat]._invalid._invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=destructive]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=secondary]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=flat]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=destructive]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=secondary]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=flat]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=destructive]._invalid._invalid{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=secondary]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=destructive]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=secondary]._invalid._invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat]._invalid._invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=destructive]._invalid._invalid:focus-visible:focus-visible{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=secondary]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=flat]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=destructive]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=secondary]._invalid._invalid._focused._focused,[tuiWrapper][data-appearance=flat]._invalid._invalid._focused._focused,[tuiWrapper][data-appearance=destructive]._invalid._invalid._focused._focused{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=flat],[tuiWrapper][data-appearance=flat][data-mode=onDark],[tuiWrapper][data-appearance=flat][data-mode=onLight]{background:transparent}[tuiWrapper][data-appearance=destructive]{color:var(--tui-negative);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=destructive]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-state=hover]{background:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=destructive]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-state=active],[tuiWrapper][data-appearance=destructive][data-state=active]:hover{background:var(--tui-error-bg-hover)}[tuiWrapper][data-appearance=destructive][data-mode=onDark]{color:var(--tui-negative-night);background:var(--tui-error-bg-night)}@media (hover: hover){[tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover]{background:var(--tui-error-bg-night-hover)}}[tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover{background:var(--tui-error-bg-night-hover)}tui-wrapper[data-appearance=secondary-destructive],[tuiWrapper][data-appearance=secondary-destructive]{background:var(--tui-error-bg);color:var(--tui-negative)}tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark],[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]{background:var(--tui-error-bg-night);color:var(--tui-negative-night)}@media (hover: hover){tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover),tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=hover],[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=hover]{background:var(--tui-error-bg-night-hover)}}tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active),tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active],tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover,[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover{background:var(--tui-error-bg-night-hover)}@media (hover: hover){tui-wrapper[data-appearance=secondary-destructive]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary-destructive]:hover:not(._no-hover),tui-wrapper[data-appearance=secondary-destructive][data-state=hover],[tuiWrapper][data-appearance=secondary-destructive][data-state=hover]{background:var(--tui-error-bg-hover)}}tui-wrapper[data-appearance=secondary-destructive]:active:not(._no-active),[tuiWrapper][data-appearance=secondary-destructive]:active:not(._no-active),tui-wrapper[data-appearance=secondary-destructive][data-state=active],[tuiWrapper][data-appearance=secondary-destructive][data-state=active],tui-wrapper[data-appearance=secondary-destructive][data-state=active]:hover,[tuiWrapper][data-appearance=secondary-destructive][data-state=active]:hover{background:var(--tui-error-bg-hover)}[tuiWrapper][data-appearance=table]{border-radius:0;background:transparent;color:var(--tui-text-01)}[tuiWrapper][data-appearance=table]:before,[tuiWrapper][data-appearance=table][data-appearance=table]:after{position:fixed;top:-.5px;left:-1px;right:-.5px;bottom:-1px}[tuiWrapper][data-appearance=table]:before{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";z-index:-1;background-repeat:no-repeat;background-position:top right;background-size:.5rem .5rem}table [tuiWrapper][data-appearance=table][data-appearance=table]:not(._focused):after{border-width:0}table [tuiWrapper][data-appearance=table]._focused{z-index:1}[tuiWrapper][data-appearance=table][data-appearance=table]:after{border-width:1px;color:var(--tui-base-04)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=table][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=table][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=table][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}@media (hover: hover){[tuiWrapper][data-appearance=table]:hover:not(._no-hover):not(._focused):before,[tuiWrapper][data-appearance=table][data-state=hover]:not(._focused):before{background-color:var(--tui-clear)}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table],[data-focused=true]>[tuiWrapper][data-appearance=table]{background:transparent}[tuiWrapper][data-appearance=table]:focus-visible:focus-visible{background:transparent}[tuiWrapper][data-appearance=table]._focused._focused{background:transparent}[tuiWrapper][data-appearance=table]:invalid:invalid:before,[tuiWrapper][data-appearance=table]._invalid._invalid:before{background-image:linear-gradient(to top right,transparent 0%,transparent 50%,var(--tui-error-fill) 50%,var(--tui-error-fill) 100%)}[tuiWrapper][data-appearance=table]:invalid:invalid:not(._focused):before,[tuiWrapper][data-appearance=table]._invalid._invalid:not(._focused):before{background-color:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=table]:invalid:invalid:hover:not(._no-hover):not(._focused):before,[tuiWrapper][data-appearance=table]._invalid._invalid:hover:not(._no-hover):not(._focused):before,[tuiWrapper][data-appearance=table]:invalid:invalid[data-state=hover]:not(._focused):before,[tuiWrapper][data-appearance=table]._invalid._invalid[data-state=hover]:not(._focused):before{background-color:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=table]:invalid:invalid:disabled:disabled,[tuiWrapper][data-appearance=table]._invalid._invalid:disabled:disabled,[tuiWrapper][data-appearance=table]:invalid:invalid[data-state=disabled][data-state=disabled],[tuiWrapper][data-appearance=table]._invalid._invalid[data-state=disabled][data-state=disabled]{background:transparent}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=table]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=table]._invalid._invalid{background:transparent;--tui-focus: var(--tui-error-fill)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]:invalid:invalid:after,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]._invalid._invalid:after,[data-focused=true]>[tuiWrapper][data-appearance=table]:invalid:invalid:after,[data-focused=true]>[tuiWrapper][data-appearance=table]._invalid._invalid:after{border-width:1px}[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible{background:transparent;--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible:after,[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible:after{border-width:1px}[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused{background:transparent;--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused:after,[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused:after{border-width:1px}[tuiWrapper][data-appearance=textfield]{transition-property:box-shadow,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-base-01);color:var(--tui-text-01);box-shadow:0 .125rem .1875rem #0000001a}[tuiWrapper][data-appearance=textfield][data-appearance=textfield]:after{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-base-03)}@media (hover: hover){[tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),[tuiWrapper][data-appearance=textfield][data-state=hover]{box-shadow:0 .125rem .3125rem #00000029}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield],[data-focused=true]>[tuiWrapper][data-appearance=textfield]{box-shadow:none}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield]:after,[data-focused=true]>[tuiWrapper][data-appearance=textfield]:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible{box-shadow:none}[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield]._focused._focused{box-shadow:none}[tuiWrapper][data-appearance=textfield]._focused._focused:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]{box-shadow:none}[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]:after{color:var(--tui-base-04)}[tuiWrapper][data-appearance=textfield]:disabled:disabled,[tuiWrapper][data-appearance=textfield][data-state=disabled][data-state=disabled]{box-shadow:none}[tuiWrapper][data-appearance=textfield]:invalid:invalid:after,[tuiWrapper][data-appearance=textfield]._invalid._invalid:after{color:var(--tui-error-fill);--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after{color:var(--tui-text-03-night);opacity:var(--tui-disabled-opacity)}@media (hover: hover){[tuiWrapper][data-appearance=textfield][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=hover]{background:var(--tui-clear-inverse-hover)}}[tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=readonly][data-state=readonly]{background:transparent}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onDark]{background:rgba(255,255,255,.08)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after,[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after{transition:none;opacity:1;--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible{background:rgba(255,255,255,.08)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible:after{transition:none;opacity:1;--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused{background:rgba(255,255,255,.08)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused:after{transition:none;opacity:1;--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:invalid:invalid:after,[tuiWrapper][data-appearance=textfield][data-mode=onDark]._invalid._invalid:after{--tui-focus: var(--tui-error-fill-night)}[tuiWrapper][data-appearance=textfield][data-mode=onLight]{background:var(--tui-clear)}@media (hover: hover){[tuiWrapper][data-appearance=textfield][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=hover]{background:var(--tui-clear-hover)}}[tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=readonly][data-state=readonly]{background:transparent}[tuiWrapper][data-appearance=textfield][data-mode=onLight]:invalid:invalid:after,[tuiWrapper][data-appearance=textfield][data-mode=onLight]._invalid._invalid:after{color:var(--tui-error-fill)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield][data-mode=onLight],[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onLight]{background:transparent}[tuiWrapper][data-appearance=textfield][data-mode=onLight]:focus-visible:focus-visible{background:transparent}[tuiWrapper][data-appearance=textfield][data-mode=onLight]._focused._focused{background:transparent}[tuiWrapper][data-appearance=whiteblock],[tuiWrapper][data-appearance=whiteblock-active]{background:var(--tui-base-01);color:var(--tui-text-01)}[tuiWrapper][data-appearance=whiteblock]:after,[tuiWrapper][data-appearance=whiteblock-active]:after{color:var(--tui-base-04)}@media (hover: hover){[tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover),[tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover),[tuiWrapper][data-appearance=whiteblock][data-state=hover],[tuiWrapper][data-appearance=whiteblock-active][data-state=hover]{background:var(--tui-base-02)}[tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=whiteblock][data-state=hover]:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after{color:var(--tui-base-04)}}[tuiWrapper][data-appearance=whiteblock]:active:not(._no-active),[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active),[tuiWrapper][data-appearance=whiteblock][data-state=active],[tuiWrapper][data-appearance=whiteblock-active][data-state=active],[tuiWrapper][data-appearance=whiteblock][data-state=active]:hover,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover{background:var(--tui-base-02)}[tuiWrapper][data-appearance=whiteblock]:active:not(._no-active):after,[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after,[tuiWrapper][data-appearance=whiteblock][data-state=active]:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after,[tuiWrapper][data-appearance=whiteblock][data-state=active]:hover:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after{color:var(--tui-base-04)}[tuiWrapper][data-appearance=whiteblock-active]:after{color:var(--tui-primary);border-width:2px}@media (hover: hover){[tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after{color:var(--tui-primary-hover)}}[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after{color:var(--tui-primary-active)}[tuiWrapper][data-appearance=none]:after{border:none}[tuiWrapper][data-appearance=opposite]{background:#000;color:#fff;--tui-focus: rgba(255, 255, 255, .64)}@media (hover: hover){[tuiWrapper][data-appearance=opposite]:hover:not(._no-hover),[tuiWrapper][data-appearance=opposite][data-state=hover]{background:#333}}[tuiWrapper][data-appearance=opposite]:active:not(._no-active),[tuiWrapper][data-appearance=opposite][data-state=active],[tuiWrapper][data-appearance=opposite][data-state=active]:hover{background:#5c636b}[tuiWrapper][data-appearance=opposite][data-mode=onDark]{color:#000c;background:#fff;--tui-focus: rgba(51, 51, 51, .48)}@media (hover: hover){[tuiWrapper][data-appearance=opposite][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=hover]{background:#f3F4f6}}[tuiWrapper][data-appearance=opposite][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active]:hover{background:#eaecee}[tuiWrapper]{transition-property:color,background,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;height:100%;width:100%;-webkit-appearance:none;appearance:none;border-radius:inherit}[tuiWrapper]:after{transition-property:box-shadow,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;bottom:0;right:0;content:"";border-radius:inherit;border:1px solid currentColor;pointer-events:none;color:transparent}:focus-visible:not([data-focused="false"])>[tuiWrapper]:after,[data-focused=true]>[tuiWrapper]:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]:focus-visible:focus-visible:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]._focused._focused:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]:disabled:disabled,[tuiWrapper][data-state=disabled][data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}@supports (-webkit-hyphens: none){:focus-visible [tuiWrapper],[tuiWrapper]:focus-visible{--tui-focus: transparent !important}}tui-wrapper[data-appearance=mono],[tuiWrapper][data-appearance=mono]{background:var(--tui-base-01);color:var(--tui-text-01)}@media (hover: hover){tui-wrapper[data-appearance=mono]:hover:not(._no-hover),[tuiWrapper][data-appearance=mono]:hover:not(._no-hover),tui-wrapper[data-appearance=mono][data-state=hover],[tuiWrapper][data-appearance=mono][data-state=hover]{color:var(--tui-text-03)}}tui-wrapper[data-appearance=mono]:active:not(._no-active),[tuiWrapper][data-appearance=mono]:active:not(._no-active),tui-wrapper[data-appearance=mono][data-state=active],[tuiWrapper][data-appearance=mono][data-state=active],tui-wrapper[data-appearance=mono][data-state=active]:hover,[tuiWrapper][data-appearance=mono][data-state=active]:hover{color:var(--tui-text-02)}:focus-visible:not([data-focused="false"])>tui-wrapper[data-appearance=mono][data-mode=onDark],:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=mono][data-mode=onDark],[data-focused=true]>tui-wrapper[data-appearance=mono][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=mono][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}tui-wrapper[data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible,[tuiWrapper][data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}tui-wrapper[data-appearance=mono][data-mode=onDark]._focused._focused,[tuiWrapper][data-appearance=mono][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}tui-primitive-calendar [data-type=weekday]{color:var(--tui-text-01)}tui-primitive-calendar [data-type=weekend]{color:var(--tui-negative)}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format("truetype")}[data-platform=android] input[tuiCheckbox]{--t-size: 1.125rem;color:var(--tui-base-01);border-radius:.125rem;outline:.125rem solid var(--tui-base-04);outline-offset:-.125rem;transition:none;box-shadow:none!important;background:var(--t-background)!important}[data-platform=android] input[tuiCheckbox]:checked,[data-platform=android] input[tuiCheckbox]:indeterminate{--t-background: var(--tui-accent);outline:none}[data-platform=android] input[tuiCheckbox]:checked:invalid,[data-platform=android] input[tuiCheckbox]:indeterminate:invalid{--t-background: var(--tui-error-fill)}[data-platform=android] input[tuiCheckbox]:checked:disabled:not(._readonly),[data-platform=android] input[tuiCheckbox]:indeterminate:disabled:not(._readonly){--t-background: var(--tui-base-04)}[data-platform=android] input[tuiCheckbox]:checked:before,[data-platform=android] input[tuiCheckbox]:indeterminate:before{-webkit-clip-path:inset(0);clip-path:inset(0);transition-delay:0s}[data-platform=android] input[tuiCheckbox]:before{-webkit-mask-image:url('data:image/svg+xml,');mask-image:url('data:image/svg+xml,');transition:-webkit-clip-path var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:clip-path var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:clip-path var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-clip-path var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}[data-platform=android] input[tuiCheckbox]:indeterminate:before{-webkit-mask-image:url('data:image/svg+xml,');mask-image:url('data:image/svg+xml,')}[data-platform=android] input[tuiCheckbox]:invalid{outline-color:var(--tui-error-bg-hover)}[data-platform=android] input[tuiRadio]{--t-size: 1.125rem;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-base-04);outline:.125rem solid;outline-offset:-.125rem;box-shadow:none!important;background:transparent!important}[data-platform=android] input[tuiRadio]:disabled:not(._readonly){color:var(--tui-base-04)}[data-platform=android] input[tuiRadio]:checked{color:var(--tui-accent)}[data-platform=android] input[tuiRadio]:checked:after{transform:scale(.555)}[data-platform=android] input[tuiRadio]:invalid{color:var(--tui-error-bg-hover)}[data-platform=android] input[tuiRadio]:invalid:checked{color:var(--tui-error-fill)}[data-platform=android] input[tuiToggle]{transition-property:color,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:1.25rem;width:2.5rem;color:var(--tui-base-05);background:transparent!important;overflow:visible}[data-platform=android] input[tuiToggle]:before{content:"";display:block;height:100%;width:100%;border:.1875rem solid transparent;box-sizing:border-box;border-radius:2rem;background:currentColor;background-clip:content-box;opacity:.5;transform:none;-webkit-mask:none;mask:none}[data-platform=android] input[tuiToggle]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border-radius:100%;background:#ececec;transform:none;box-shadow:0 .0625rem .0625rem #0000003d,0 0 .0625rem #0000001f,inset 0 .0625rem #ffffff1f!important}[data-platform=android] input[tuiToggle]:checked{color:var(--tui-accent);background:transparent}[data-platform=android] input[tuiToggle]:checked:after{background:currentColor;transform:translate(1.25rem)}[data-platform=android] input[tuiToggle]:invalid{color:var(--tui-error-fill)}[data-platform=android] input[tuiToggle]:invalid:not(:checked){background:transparent;opacity:.4}[data-platform=android] input[tuiToggle]:invalid:after{background:var(--tui-error-fill)}[data-platform=android] tui-badge-notification[data-size=l]{--t-size: 1.375rem}[data-platform=ios] input[tuiCheckbox],[data-platform=ios] input[tuiRadio]{--t-size: 1.375rem;border-radius:100%;color:var(--tui-base-01);outline:1px solid var(--tui-base-04);outline-offset:-1px;transition:none;box-shadow:none!important;background:var(--t-background)!important}[data-platform=ios] input[tuiCheckbox]:checked,[data-platform=ios] input[tuiRadio]:checked,[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate{--t-background: var(--tui-accent);outline:none}[data-platform=ios] input[tuiCheckbox]:checked:disabled:not(._readonly),[data-platform=ios] input[tuiRadio]:checked:disabled:not(._readonly),[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:disabled:not(._readonly),[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:disabled:not(._readonly){--t-background: var(--tui-base-04)}[data-platform=ios] input[tuiCheckbox]:checked:before,[data-platform=ios] input[tuiRadio]:checked:before,[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:before,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:before{display:block;transform:none;-webkit-mask:var(--t-mask) center / 100%;mask:var(--t-mask) center / 100%}[data-platform=ios] input[tuiCheckbox]:checked:invalid,[data-platform=ios] input[tuiRadio]:checked:invalid,[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:invalid,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:invalid{--t-background: var(--tui-error-fill)}[data-platform=ios] input[tuiCheckbox]:before,[data-platform=ios] input[tuiRadio]:before{--t-mask: url('data:image/svg+xml,');display:none}[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:before,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:before{--t-mask: url('data:image/svg+xml,')}[data-platform=ios] input[tuiCheckbox]:invalid,[data-platform=ios] input[tuiRadio]:invalid{outline-color:var(--tui-error-bg-hover)}[data-platform=ios] input[tuiToggle]{height:1.9375rem;width:3.1875rem;border-radius:2rem;color:var(--tui-text-01-night);background:var(--tui-base-04);overflow:visible}[data-platform=ios] input[tuiToggle]:before{opacity:0}[data-platform=ios] input[tuiToggle]:after{transition-property:transform,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;right:auto;width:1.9375rem;height:1.9375rem;border-radius:2rem;background:currentColor;transform:scale(.871);box-shadow:0 .25rem .125rem #0000000f,0 .25rem .5rem #00000026!important}[data-platform=ios] input[tuiToggle]:active:after{width:2.3rem}[data-platform=ios] input[tuiToggle]:checked,[data-platform=ios] input[tuiToggle]:checked:hover,[data-platform=ios] input[tuiToggle]:checked:active{background:var(--tui-accent)}[data-platform=ios] input[tuiToggle]:checked:invalid,[data-platform=ios] input[tuiToggle]:checked:hover:invalid,[data-platform=ios] input[tuiToggle]:checked:active:invalid{background:var(--tui-error-fill)}[data-platform=ios] input[tuiToggle]:checked:after,[data-platform=ios] input[tuiToggle]:checked:hover:after,[data-platform=ios] input[tuiToggle]:checked:active:after{transform:scale(.871) translate(1.44rem)}[data-platform=ios] input[tuiToggle]:checked:active:after,[data-platform=ios] input[tuiToggle]:checked:hover:active:after,[data-platform=ios] input[tuiToggle]:checked:active:active:after{transform:scale(.871) translate(1.0775rem)}[data-platform=android] tui-badge,[data-platform=ios] tui-badge,[data-platform=android] [tuiBadge],[data-platform=ios] [tuiBadge]{font-weight:700}[data-platform=android] tui-badge[data-appearance=neutral],[data-platform=ios] tui-badge[data-appearance=neutral],[data-platform=android] [tuiBadge][data-appearance=neutral],[data-platform=ios] [tuiBadge][data-appearance=neutral]{background:var(--tui-base-06)}[data-platform=android] tui-badge[data-size=s],[data-platform=ios] tui-badge[data-size=s],[data-platform=android] [tuiBadge][data-size=s],[data-platform=ios] [tuiBadge][data-size=s]{font:var(--tui-font-text-xs);font-weight:700}[data-platform=android] tui-badge[data-size=xl],[data-platform=ios] tui-badge[data-size=xl],[data-platform=android] [tuiBadge][data-size=xl],[data-platform=ios] [tuiBadge][data-size=xl]{--t-padding: 0 .625rem;--t-size: 1.75rem;font:var(--tui-font-text-s);font-weight:700}[data-platform=android] tui-badge-notification[data-size=l],[data-platform=ios] tui-badge-notification[data-size=l]{font:var(--tui-font-text-m)}[data-platform=android] tui-badge-notification[data-size=m],[data-platform=ios] tui-badge-notification[data-size=m]{--t-size: 1.125rem}[data-platform=android] tui-block-status,[data-platform=ios] tui-block-status{padding:2rem}[data-platform=android] tui-block-status .t-block-image,[data-platform=ios] tui-block-status .t-block-image{margin-bottom:1.5rem}[data-platform=android] tui-block-status .t-block-text:not(:empty),[data-platform=ios] tui-block-status .t-block-text:not(:empty){margin-bottom:1.5rem}[data-platform=android] tui-block-status._card,[data-platform=ios] tui-block-status._card{padding:1.25rem}[data-platform=android] tui-block-status._card .t-block-image,[data-platform=ios] tui-block-status._card .t-block-image{margin-top:.75rem;margin-bottom:1rem}[data-platform=android] tui-block-status h1,[data-platform=ios] tui-block-status h1,[data-platform=android] tui-block-status h2,[data-platform=ios] tui-block-status h2,[data-platform=android] tui-block-status h3,[data-platform=ios] tui-block-status h3,[data-platform=android] tui-block-status h4,[data-platform=ios] tui-block-status h4,[data-platform=android] tui-block-status h5,[data-platform=ios] tui-block-status h5,[data-platform=android] tui-block-status h6,[data-platform=ios] tui-block-status h6{font:var(--tui-font-heading-5);margin-bottom:.5rem}[data-platform=android] tui-block-status img,[data-platform=ios] tui-block-status img{width:8rem;height:8rem}[data-platform=android] tui-block-status a:not(:last-child),[data-platform=ios] tui-block-status a:not(:last-child),[data-platform=android] tui-block-status button:not(:last-child),[data-platform=ios] tui-block-status button:not(:last-child){margin-bottom:.5rem}[data-platform=android] [tuiButtonNew],[data-platform=ios] [tuiButtonNew]{width:100%}[data-platform=android] [tuiButtonNew][data-size=xs],[data-platform=ios] [tuiButtonNew][data-size=xs],[data-platform=android] [tuiButtonNew][data-size=s],[data-platform=ios] [tuiButtonNew][data-size=s],[data-platform=android] [tuiButtonNew][data-size=l],[data-platform=ios] [tuiButtonNew][data-size=l]{--t-radius: 1rem}[data-platform=android] [tuiButtonNew][data-size=m],[data-platform=ios] [tuiButtonNew][data-size=m]{--t-radius: .75rem}[data-platform=android] [tuiButtonNew]:disabled:not(._loading),[data-platform=ios] [tuiButtonNew]:disabled:not(._loading){background:var(--tui-clear);color:var(--tui-clear-active);opacity:1}[data-platform=android] [tuiButtonNew]:disabled:not(._loading)[data-appearance=flat],[data-platform=ios] [tuiButtonNew]:disabled:not(._loading)[data-appearance=flat]{background:transparent}[data-platform=android] [tuiButton][tuiButtonVertical],[data-platform=ios] [tuiButton][tuiButtonVertical]{gap:.5rem}[data-platform=android] [tuiTitle],[data-platform=ios] [tuiTitle]{gap:.25rem}[data-platform=android] [tuiTitle] [tuiSubtitle],[data-platform=ios] [tuiTitle] [tuiSubtitle]{color:var(--tui-text-02)}[data-platform=android] [tuiCardLarge][data-space=normal],[data-platform=ios] [tuiCardLarge][data-space=normal]{--t-padding: 1.25rem;--t-gap: 1.25rem}[data-platform=android] [tuiCardLarge][data-space=compact],[data-platform=ios] [tuiCardLarge][data-space=compact]{--t-padding: 1rem;--t-gap: 1rem;--t-comp: -.125rem}@keyframes tuiReveal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes tuiFadeIn{0%{opacity:0}to{opacity:1}}html{height:100%;font-size:16px}body{height:100%;min-height:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{-webkit-overflow-scrolling:touch}ul,ol{list-style:none;padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{font-family:inherit;color:inherit}hr{margin:0;height:1px;border:none;background:var(--tui-base-03)}iframe{border:none}svg use{pointer-events:none}::selection{background-color:var(--tui-selection)}::-ms-clear{display:none}::-ms-reveal{display:none}@supports (-webkit-hyphens: none) and (text-align-last: right){:after{content:none}}.tui-container{margin-right:auto;margin-left:auto}@media screen and (min-width: 80em){.tui-container.tui-container_adaptive{width:69rem}}@media screen and (max-width: 79.9625em){.tui-container.tui-container_adaptive{width:51.5rem}}@media screen and (max-width: 47.9625em){.tui-container.tui-container_adaptive{width:100%;padding:0 1rem;box-sizing:border-box}}@media screen and (min-width: 80em){.tui-container{width:69rem}}@media screen and (max-width: 79.9625em){.tui-container{width:51.5rem;padding:0 3rem}}@media screen and (min-width: 80em){.tui-container_menu{width:69rem}}@media (min-width: 64em) and (max-width: 79.9625em){.tui-container_menu{width:51.5rem}}@media screen and (max-width: 47.9625em){.tui-container_menu{width:auto;padding:0 1rem;box-sizing:border-box}}.tui-container_fullwidth{width:auto;padding:0 1.5rem}@media screen and (max-width: 47.9625em){.tui-container_fullwidth{padding:0 1rem;box-sizing:border-box}}@media screen and (max-width: 79.9625em){.tui-container_fixed{width:69rem}}.tui-form__header{font:var(--tui-font-heading-5);margin-top:2rem;margin-bottom:1.25rem}@media screen and (max-width: 47.9625em){.tui-form__header{font:var(--tui-font-text-l);font-weight:700;margin-bottom:1rem}}.tui-form__header_margin-top_none{margin-top:0}.tui-form__header_margin-bottom_none{margin-bottom:0}.tui-form__header_margin-bottom_small{margin-bottom:1rem}@media screen and (max-width: 47.9625em){.tui-form__header_margin-bottom_small{margin-bottom:.75rem}}.tui-form__row{margin-top:1.25rem}.tui-form__row:first-child{margin-top:0}.tui-form__row_multi-fields{display:flex}@media screen and (max-width: 47.9625em){.tui-form__row_multi-fields{flex-wrap:wrap}}.tui-form__row_half-width{width:calc(50% - .625rem)}@media screen and (max-width: 47.9625em){.tui-form__row_half-width{width:100%}}.tui-form__row_checkboxes{display:flex;flex-wrap:wrap}@media screen and (max-width: 47.9625em){.tui-form__row{margin-top:1rem}}.tui-form__multi-field{flex:1 1 0;min-width:0;margin-left:1.25rem}.tui-form__multi-field:first-child{margin-left:0}@media screen and (max-width: 47.9625em){.tui-form__multi-field{flex-basis:100%;margin-top:1rem;margin-left:0}.tui-form__multi-field:first-child{margin-top:0}}.tui-form__field-note{font:var(--tui-font-text-s);margin-top:.25rem;color:var(--tui-text-02)}.tui-form__field-checkbox{margin-top:.5rem}.tui-form__checkbox{flex:1 1 calc(50% - .625rem)}.tui-form__checkbox:nth-child(even){margin-left:1.25rem}.tui-form__checkbox:nth-child(n + 3){margin-top:1rem}.tui-form__buttons{display:flex;margin-top:2rem}.tui-form__buttons_align_end{justify-content:flex-end}.tui-form__buttons_align_center{justify-content:center}@media screen and (max-width: 47.9625em){.tui-form__buttons{flex-direction:column;margin-top:1.5rem}}.tui-form__button{margin-left:.75rem}.tui-form__button:first-child{margin-left:0}@media screen and (max-width: 47.9625em){.tui-form__button{margin-top:.5rem;margin-left:0}}.tui-island{position:relative;border-radius:var(--tui-radius-xl);background-color:var(--tui-base-01);word-wrap:break-word;text-decoration:none;color:var(--tui-text-01);outline:none;box-sizing:content-box}.tui-island:not(.tui-island_hoverable):before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border:1px solid var(--tui-base-03);border-radius:inherit;pointer-events:none}.tui-island:focus:before,.tui-island:hover:focus:before{border-color:var(--tui-focus)}.tui-island_hoverable{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;box-shadow:var(--tui-shadow);cursor:pointer;transition-property:transform,box-shadow;will-change:transform,box-shadow;background:var(--tui-elevation-02)}.tui-island_hoverable:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem)}.tui-island_transparent{background-color:transparent}.tui-island_size_s{--tui-radius-xl: calc(4 * var(--tui-radius-l) / 3);font:var(--tui-font-text-s);padding:1rem}.tui-island_size_m{--tui-radius-xl: calc(5 * var(--tui-radius-l) / 3);font:var(--tui-font-text-m);padding:1rem}.tui-island_size_l{font:var(--tui-font-text-m);padding:1.25rem}.tui-island_text-align_left{text-align:left}.tui-island_text-align_center{text-align:center}.tui-island_text-align_right{text-align:right}.tui-island__content{display:flex;justify-content:space-between}.tui-island_text-align_center .tui-island__content{display:block}.tui-island__content>*{min-width:0}.tui-island__category{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;margin:0 0 .5rem;color:var(--tui-text-02)}.tui-island_size_l .tui-island__category{margin:0 0 .75rem}.tui-island__title{font:var(--tui-font-text-m);margin:0 0 .5rem}.tui-island_size_m .tui-island__title{font:var(--tui-font-heading-6);margin:0 0 .75rem}.tui-island_size_l .tui-island__title{font:var(--tui-font-heading-6)}.tui-island__paragraph{margin:0;color:var(--tui-text-02)}.tui-island__paragraph_link.tui-island__paragraph{margin-top:1rem}.tui-island_size_l .tui-island__paragraph_link.tui-island__paragraph{margin:1rem 0 0}.tui-island__paragraph_button.tui-island__paragraph{margin-top:1.25rem}.tui-island_size_l .tui-island__paragraph_button.tui-island__paragraph{margin:1.25rem 0 0}.tui-island__figure{display:flex;justify-content:center;order:1;flex-shrink:0;margin:0 0 0 1rem}.tui-island_size_l .tui-island__figure{margin-left:2.25rem}.tui-island_text-align_center .tui-island__figure{margin:0 0 .75rem}.tui-island__carousel-controls{display:flex;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--tui-base-03);white-space:nowrap}.tui-island__carousel-pages{margin-left:auto;color:var(--tui-text-02)}.tui-island__carousel-button{margin-right:.5rem}.tui-island .tui-island__footer-button{display:block;width:calc(100% + 1.875rem);margin:1rem calc(-1rem + 1px) calc(-1rem + 1px);border-top:1px solid var(--tui-base-03);border-radius:0 0 var(--tui-radius-xl) var(--tui-radius-xl)}.tui-island_size_l .tui-island__footer-button{width:calc(100% + 2.375rem);margin:1.25rem calc(-1.25rem + 1px) calc(-1.25rem + 1px)}.tui-island__marker:first-child:not(:only-child){margin-right:1.25rem}.tui-island__marker:not(:first-child),.tui-island__marker:only-child{margin-left:1.25rem}.tui-list{font:var(--tui-font-text-m);line-height:1.5rem;list-style-type:none;color:var(--tui-text-01)}.tui-list_large{font:var(--tui-font-text-l);line-height:1.75rem}.tui-list_small,.tui-list_extra-small{font:var(--tui-font-text-s);line-height:1.25rem}.tui-list_nested{margin:.75rem 0 .75rem 1.25rem;color:var(--tui-text-02)}.tui-list_large .tui-list_nested{margin-left:.75rem}.tui-list_small .tui-list_nested{margin-top:.5rem;margin-bottom:.5rem}.tui-list_ordered{counter-reset:counter}.tui-list__item{position:relative;padding-left:1.5rem;word-wrap:break-word;margin-top:.75rem}.tui-list__item:first-child{margin-top:0}.tui-list__item:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:100%;background-color:var(--tui-primary)}.tui-list_large>.tui-list__item:before{top:.625rem}.tui-list_small>.tui-list__item:before{top:.325rem}.tui-list_extra-small>.tui-list__item{margin-top:.5rem}.tui-list_linear .tui-list__item{padding-left:1.75rem}.tui-list_linear .tui-list__item:before{content:"\2014";left:0;top:auto;width:auto;height:auto;background-color:transparent}.tui-list_ordered .tui-list__item{padding-left:1.25rem}.tui-list_ordered .tui-list__item:before{content:counter(counter) ".";left:0;top:auto;counter-increment:counter;width:auto;height:auto;color:var(--tui-text-03);background-color:transparent}.tui-list_triangle>.tui-list__item{padding-left:1.75rem}.tui-list_triangle>.tui-list__item:before{content:"\25e4";left:0;top:1px;width:auto;height:auto;background-color:transparent;color:var(--tui-base-06);font-size:.75rem}.tui-list__item-title{font:var(--tui-font-heading-5);margin:0}.tui-list_small .tui-list__item-title{line-height:1.25rem;font-weight:700}.tui-list__description{margin:.5rem 0 0;color:var(--tui-text-02)}.tui-list_small .tui-list__description{margin-top:.25rem}.tui-list_large .tui-list__description{line-height:1.75rem;margin-top:.75rem}@media not screen and (max-width: 47.9625em){.tui-mobile-only{display:none!important}}.tui-required:after{content:"*"}.tui-required_float:after{position:absolute}.tui-required_spacing:after{content:"\a0*"}.tui-row{display:flex;flex-wrap:wrap}.tui-row_align_center{align-items:center}.tui-row_align_start{align-items:flex-start}.tui-row_align_end{align-items:flex-end}@media screen and (min-width: 80em){.tui-row_adaptive.tui-row{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 79.9625em){.tui-row_adaptive.tui-row{margin-left:-1.25rem;margin-right:-1.25rem}}@media screen and (max-width: 47.9625em){.tui-row_adaptive.tui-row{margin-left:-.5rem;margin-right:-.5rem}}.tui-row_temporary.tui-row{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 80em){.tui-row{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 79.9625em){.tui-row{margin-left:-1.25rem;margin-right:-1.25rem}}.tui-col_1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_stretch{display:flex}@media screen and (min-width: 80em){.tui-row_adaptive .tui-col_lg-1{width:8.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-2{width:16.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-3{width:25%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-4{width:33.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-5{width:41.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-6{width:50%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-7{width:58.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-8{width:66.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-9{width:75%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-10{width:83.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-11{width:91.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-12{width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}}@media screen and (max-width: 79.9625em){.tui-row_adaptive .tui-col_md-1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}}@media screen and (max-width: 47.9625em){.tui-row_adaptive .tui-col_xs-1{width:8.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-2{width:16.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-3{width:25%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-4{width:33.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-5{width:41.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-6{width:50%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-7{width:58.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-8{width:66.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-9{width:75%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-10{width:83.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-11{width:91.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-12{width:100%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}}.tui-row_temporary .tui-col_1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}@media screen and (min-width: 80em){.tui-col_1{width:8.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_2{width:16.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_3{width:25%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_4{width:33.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_5{width:41.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_6{width:50%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_7{width:58.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_8{width:66.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_9{width:75%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_10{width:83.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_11{width:91.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_12{width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}}.tui-col-offset_1{margin-left:8.33333333%}.tui-col-offset_2{margin-left:16.66666667%}.tui-col-offset_3{margin-left:25%}.tui-col-offset_4{margin-left:33.33333333%}.tui-col-offset_5{margin-left:41.66666667%}.tui-col-offset_6{margin-left:50%}.tui-col-offset_7{margin-left:58.33333333%}.tui-col-offset_8{margin-left:66.66666667%}.tui-col-offset_9{margin-left:75%}.tui-col-offset_10{margin-left:83.33333333%}.tui-col-offset_11{margin-left:91.66666667%}.tui-col-offset_12{margin-left:100%}@media (min-width: 22.5em) and (max-width: 47.9625em){.tui-col-offset_xs-1{margin-left:8.33333333%}.tui-col-offset_xs-2{margin-left:16.66666667%}.tui-col-offset_xs-3{margin-left:25%}.tui-col-offset_xs-4{margin-left:33.33333333%}.tui-col-offset_xs-5{margin-left:41.66666667%}.tui-col-offset_xs-6{margin-left:50%}.tui-col-offset_xs-7{margin-left:58.33333333%}.tui-col-offset_xs-8{margin-left:66.66666667%}.tui-col-offset_xs-9{margin-left:75%}.tui-col-offset_xs-10{margin-left:83.33333333%}.tui-col-offset_xs-11{margin-left:91.66666667%}.tui-col-offset_xs-12{margin-left:100%}}@media screen and (max-width: 79.9625em){.tui-col-offset_md-1{margin-left:8.33333333%}.tui-col-offset_md-2{margin-left:16.66666667%}.tui-col-offset_md-3{margin-left:25%}.tui-col-offset_md-4{margin-left:33.33333333%}.tui-col-offset_md-5{margin-left:41.66666667%}.tui-col-offset_md-6{margin-left:50%}.tui-col-offset_md-7{margin-left:58.33333333%}.tui-col-offset_md-8{margin-left:66.66666667%}.tui-col-offset_md-9{margin-left:75%}.tui-col-offset_md-10{margin-left:83.33333333%}.tui-col-offset_md-11{margin-left:91.66666667%}.tui-col-offset_md-12{margin-left:100%}}@media screen and (min-width: 80em){.tui-col-offset_lg-1{margin-left:8.33333333%}.tui-col-offset_lg-2{margin-left:16.66666667%}.tui-col-offset_lg-3{margin-left:25%}.tui-col-offset_lg-4{margin-left:33.33333333%}.tui-col-offset_lg-5{margin-left:41.66666667%}.tui-col-offset_lg-6{margin-left:50%}.tui-col-offset_lg-7{margin-left:58.33333333%}.tui-col-offset_lg-8{margin-left:66.66666667%}.tui-col-offset_lg-9{margin-left:75%}.tui-col-offset_lg-10{margin-left:83.33333333%}.tui-col-offset_lg-11{margin-left:91.66666667%}.tui-col-offset_lg-12{margin-left:100%}}.tui-skeleton{position:relative;color:transparent!important;background:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.tui-skeleton:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--tui-clear-hover);animation:tuiSkeletonVibe ease-in-out 1s infinite alternate;border-radius:var(--tui-skeleton-radius, 0)}.tui-skeleton_light:after{background-color:#ffffff3d}.tui-skeleton_rounded:after{border-radius:inherit}.tui-skeleton_short:after{width:40%}.tui-skeleton_center:after{position:absolute;left:50%;transform:translate(-50%);width:40%}.tui-skeleton_text:before{content:"\a0"}.tui-skeleton *{opacity:0;visibility:hidden}.tui-space_all-16{margin:4rem}.tui-space_all-15{margin:3.75rem}.tui-space_all-14{margin:3.5rem}.tui-space_all-13{margin:3.25rem}.tui-space_all-12{margin:3rem}.tui-space_all-11{margin:2.75rem}.tui-space_all-10{margin:2.5rem}.tui-space_all-9{margin:2.25rem}.tui-space_all-8{margin:2rem}.tui-space_all-7{margin:1.75rem}.tui-space_all-6{margin:1.5rem}.tui-space_all-5{margin:1.25rem}.tui-space_all-4{margin:1rem}.tui-space_all-3{margin:.75rem}.tui-space_all-2{margin:.5rem}.tui-space_all-1{margin:.25rem}.tui-space_all-0{margin:0rem}.tui-space_top-16{margin-top:4rem}.tui-space_top-15{margin-top:3.75rem}.tui-space_top-14{margin-top:3.5rem}.tui-space_top-13{margin-top:3.25rem}.tui-space_top-12{margin-top:3rem}.tui-space_top-11{margin-top:2.75rem}.tui-space_top-10{margin-top:2.5rem}.tui-space_top-9{margin-top:2.25rem}.tui-space_top-8{margin-top:2rem}.tui-space_top-7{margin-top:1.75rem}.tui-space_top-6{margin-top:1.5rem}.tui-space_top-5{margin-top:1.25rem}.tui-space_top-4{margin-top:1rem}.tui-space_top-3{margin-top:.75rem}.tui-space_top-2{margin-top:.5rem}.tui-space_top-1{margin-top:.25rem}.tui-space_top-0{margin-top:0rem}.tui-space_bottom-16{margin-bottom:4rem}.tui-space_bottom-15{margin-bottom:3.75rem}.tui-space_bottom-14{margin-bottom:3.5rem}.tui-space_bottom-13{margin-bottom:3.25rem}.tui-space_bottom-12{margin-bottom:3rem}.tui-space_bottom-11{margin-bottom:2.75rem}.tui-space_bottom-10{margin-bottom:2.5rem}.tui-space_bottom-9{margin-bottom:2.25rem}.tui-space_bottom-8{margin-bottom:2rem}.tui-space_bottom-7{margin-bottom:1.75rem}.tui-space_bottom-6{margin-bottom:1.5rem}.tui-space_bottom-5{margin-bottom:1.25rem}.tui-space_bottom-4{margin-bottom:1rem}.tui-space_bottom-3{margin-bottom:.75rem}.tui-space_bottom-2{margin-bottom:.5rem}.tui-space_bottom-1{margin-bottom:.25rem}.tui-space_bottom-0{margin-bottom:0rem}.tui-space_vertical-16{margin-top:4rem;margin-bottom:4rem}.tui-space_vertical-15{margin-top:3.75rem;margin-bottom:3.75rem}.tui-space_vertical-14{margin-top:3.5rem;margin-bottom:3.5rem}.tui-space_vertical-13{margin-top:3.25rem;margin-bottom:3.25rem}.tui-space_vertical-12{margin-top:3rem;margin-bottom:3rem}.tui-space_vertical-11{margin-top:2.75rem;margin-bottom:2.75rem}.tui-space_vertical-10{margin-top:2.5rem;margin-bottom:2.5rem}.tui-space_vertical-9{margin-top:2.25rem;margin-bottom:2.25rem}.tui-space_vertical-8{margin-top:2rem;margin-bottom:2rem}.tui-space_vertical-7{margin-top:1.75rem;margin-bottom:1.75rem}.tui-space_vertical-6{margin-top:1.5rem;margin-bottom:1.5rem}.tui-space_vertical-5{margin-top:1.25rem;margin-bottom:1.25rem}.tui-space_vertical-4{margin-top:1rem;margin-bottom:1rem}.tui-space_vertical-3{margin-top:.75rem;margin-bottom:.75rem}.tui-space_vertical-2{margin-top:.5rem;margin-bottom:.5rem}.tui-space_vertical-1{margin-top:.25rem;margin-bottom:.25rem}.tui-space_vertical-0{margin-top:0rem;margin-bottom:0rem}.tui-space_left-16{margin-left:4rem}.tui-space_left-15{margin-left:3.75rem}.tui-space_left-14{margin-left:3.5rem}.tui-space_left-13{margin-left:3.25rem}.tui-space_left-12{margin-left:3rem}.tui-space_left-11{margin-left:2.75rem}.tui-space_left-10{margin-left:2.5rem}.tui-space_left-9{margin-left:2.25rem}.tui-space_left-8{margin-left:2rem}.tui-space_left-7{margin-left:1.75rem}.tui-space_left-6{margin-left:1.5rem}.tui-space_left-5{margin-left:1.25rem}.tui-space_left-4{margin-left:1rem}.tui-space_left-3{margin-left:.75rem}.tui-space_left-2{margin-left:.5rem}.tui-space_left-1{margin-left:.25rem}.tui-space_left-0{margin-left:0rem}.tui-space_right-16{margin-right:4rem}.tui-space_right-15{margin-right:3.75rem}.tui-space_right-14{margin-right:3.5rem}.tui-space_right-13{margin-right:3.25rem}.tui-space_right-12{margin-right:3rem}.tui-space_right-11{margin-right:2.75rem}.tui-space_right-10{margin-right:2.5rem}.tui-space_right-9{margin-right:2.25rem}.tui-space_right-8{margin-right:2rem}.tui-space_right-7{margin-right:1.75rem}.tui-space_right-6{margin-right:1.5rem}.tui-space_right-5{margin-right:1.25rem}.tui-space_right-4{margin-right:1rem}.tui-space_right-3{margin-right:.75rem}.tui-space_right-2{margin-right:.5rem}.tui-space_right-1{margin-right:.25rem}.tui-space_right-0{margin-right:0rem}.tui-space_horizontal-16{margin-right:4rem;margin-left:4rem}.tui-space_horizontal-15{margin-right:3.75rem;margin-left:3.75rem}.tui-space_horizontal-14{margin-right:3.5rem;margin-left:3.5rem}.tui-space_horizontal-13{margin-right:3.25rem;margin-left:3.25rem}.tui-space_horizontal-12{margin-right:3rem;margin-left:3rem}.tui-space_horizontal-11{margin-right:2.75rem;margin-left:2.75rem}.tui-space_horizontal-10{margin-right:2.5rem;margin-left:2.5rem}.tui-space_horizontal-9{margin-right:2.25rem;margin-left:2.25rem}.tui-space_horizontal-8{margin-right:2rem;margin-left:2rem}.tui-space_horizontal-7{margin-right:1.75rem;margin-left:1.75rem}.tui-space_horizontal-6{margin-right:1.5rem;margin-left:1.5rem}.tui-space_horizontal-5{margin-right:1.25rem;margin-left:1.25rem}.tui-space_horizontal-4{margin-right:1rem;margin-left:1rem}.tui-space_horizontal-3{margin-right:.75rem;margin-left:.75rem}.tui-space_horizontal-2{margin-right:.5rem;margin-left:.5rem}.tui-space_horizontal-1{margin-right:.25rem;margin-left:.25rem}.tui-space_horizontal-0{margin-right:0rem;margin-left:0rem}.tui-space_auto{margin-left:auto;margin-right:auto}.tui-table{width:100%}.tui-table_layout_fixed{table-layout:fixed}.tui-table__tr{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;outline:none}.tui-table__tr:not(.tui-table__tr_hover_disabled):hover{background:var(--tui-base-02)}.tui-table__tr:not(.tui-table__tr_border_none){border-bottom:1px solid var(--tui-base-03)}.tui-table__tr_border_top{border-top:1px solid var(--tui-base-03)}.tui-table__tr_cursor_pointer{cursor:pointer}.tui-table__th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);padding:.5rem 1rem;vertical-align:middle;height:2.5rem;color:var(--tui-text-02);background:inherit}.tui-table__th_font-size_l,.tui-table_font-size_l .tui-table__th{font:var(--tui-font-text-m)}.tui-table__td{font:var(--tui-font-text-m);padding:1rem 1rem .875rem;vertical-align:top;word-wrap:break-word;height:3.4375rem;color:var(--tui-text-01);background:inherit}.tui-table__td_size_l,.tui-table_size_l .tui-table__td{height:4.9375rem}.tui-table__td_font-size_l,.tui-table_font-size_l .tui-table__td{font:var(--tui-font-text-l)}.tui-table__td_font-size_s,.tui-table_font-size_s .tui-table__td{font:var(--tui-font-text-s)}.tui-table__td_align_center{vertical-align:middle}.tui-table__td,.tui-table__th{box-sizing:border-box;text-align:left}.tui-table_size_l .tui-table__td:before,.tui-table_size_l .tui-table__th:before{width:1rem;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.tui-table__td_first:before,.tui-table__th_first:before,.tui-table__td_last:before,.tui-table__th_last:before{content:"";position:absolute;top:0;width:.75rem;height:100%;background:inherit;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.tui-table__td_first,.tui-table__th_first{position:relative;padding-left:0;overflow:visible}.tui-table__td_first:before,.tui-table__th_first:before{right:100%}.tui-table__td_last,.tui-table__th_last{position:relative;padding-right:0;overflow:visible}.tui-table__td_last:before,.tui-table__th_last:before{left:100%;transform:scaleX(-1)}.tui-table__td_text_center,.tui-table__th_text_center{text-align:center}.tui-table__td_text_right,.tui-table__th_text_right{text-align:right}.tui-table__td_text_overflow,.tui-table__th_text_overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tui-table__subtext{font:var(--tui-font-text-s);margin:.25rem 0 0;color:var(--tui-text-03)}.tui-table__sort{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;outline:none;cursor:pointer}.tui-table__sort:hover{color:var(--tui-text-01)}.tui-table__sort_active{color:var(--tui-link)}.tui-table__sort_active:hover{color:var(--tui-link-hover)}.tui-table__sort-icon{position:absolute;top:50%;transform:translateY(-50%);left:100%;margin-left:.125rem;width:1rem;height:1rem;flex-shrink:0;opacity:0}.tui-table__sort_active .tui-table__sort-icon,.tui-table__sort:hover .tui-table__sort-icon{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1}.tui-table__sort_active.tui-table__sort_up .tui-table__sort-icon{transform:rotate(180deg) translateY(50%)}.tui-text_h1{font:var(--tui-font-heading-1)}.tui-text_h2{font:var(--tui-font-heading-2)}.tui-text_h3{font:var(--tui-font-heading-3)}.tui-text_h4{font:var(--tui-font-heading-4)}.tui-text_h5{font:var(--tui-font-heading-5)}.tui-text_h6{font:var(--tui-font-heading-6)}.tui-text_body-xl{font:var(--tui-font-text-xl)}.tui-text_body-l{font:var(--tui-font-text-l)}.tui-text_body-l-2{font:var(--tui-font-text-l-2)}.tui-text_body-m{font:var(--tui-font-text-m)}.tui-text_body-m-2{font:var(--tui-font-text-m-2)}.tui-text_body-s{font:var(--tui-font-text-s)}.tui-text_body-s-2{font:var(--tui-font-text-s-2)}.tui-text_body-xs{font:var(--tui-font-text-xs)}.tui-text_bold{font-weight:700}html,body{scroll-behavior:smooth;font:var(--tui-font-text-m)}:host-context(tui-root._reduced-motion) html,:host-context(tui-root._reduced-motion) body{scroll-behavior:auto}@media (prefers-reduced-motion){html,body{scroll-behavior:auto}}.b-demo-steps{list-style-type:decimal;padding-left:.9375rem;margin:1rem 0}.b-demo-steps li{margin-bottom:1.25rem}.b-form{display:block;max-width:20rem}.b-full-width{width:100%} +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 2.5rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{display:table;padding:0;box-sizing:border-box;color:inherit;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}:root{--tui-heading-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--tui-text-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;--tui-font-heading: var(--tui-heading-font);--tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);--tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);--tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);--tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);--tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);--tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);--tui-font-text: var(--tui-text-font);--tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);--tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);--tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text);--tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);--tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text);--tui-font-text-s: normal .8125rem/1.25rem var(--tui-font-text);--tui-font-text-s-2: normal .8125rem/1rem var(--tui-font-text);--tui-font-text-xs: normal .6875rem/1rem var(--tui-font-text);--tui-font-text-xs-2: normal .6875rem/.8125rem var(--tui-font-text);--tui-radius-xs: .25rem;--tui-radius-s: .5rem;--tui-radius-m: .75rem;--tui-radius-l: .75rem;--tui-radius-xl: 1.5rem;--tui-height-xs: 1.5rem;--tui-height-s: 2rem;--tui-height-m: 2.75rem;--tui-height-l: 3.5rem;--tui-padding-s: .75rem;--tui-padding-m: .75rem;--tui-padding-l: 1rem;--tui-duration: .3s;--tui-backdrop: none;--tui-disabled-opacity: .56;--tui-autofill: #fff5c0;--tui-base-01: #fff;--tui-base-02: #f6f6f6;--tui-base-03: #ededed;--tui-base-04: #d7d7d7;--tui-base-05: #b0b0b0;--tui-base-06: #959595;--tui-base-07: #808080;--tui-base-08: #333;--tui-base-09: #000;--tui-primary: #526ed3;--tui-primary-hover: #6c86e2;--tui-primary-active: #314692;--tui-primary-text: #fff;--tui-secondary: #ebefff;--tui-secondary-hover: #dfe3f3;--tui-secondary-active: #d8ddf2;--tui-accent: #ff7043;--tui-accent-hover: #ff9a94;--tui-accent-active: #e7716a;--tui-accent-text: #fff;--tui-selection: rgba(112, 182, 246, .12);--tui-focus: rgba(51, 51, 51, .64);--tui-clear: rgba(0, 0, 0, .04);--tui-clear-disabled: rgba(0, 0, 0, .04);--tui-clear-hover: rgba(0, 0, 0, .16);--tui-clear-active: rgba(0, 0, 0, .2);--tui-clear-inverse: rgba(255, 255, 255, .16);--tui-clear-inverse-hover: rgba(255, 255, 255, .24);--tui-clear-inverse-active: rgba(255, 255, 255, .4);--tui-elevation-01: #fff;--tui-elevation-02: #fff;--tui-error-fill: #f45725;--tui-error-bg: rgba(244, 87, 37, .12);--tui-error-bg-hover: rgba(244, 87, 37, .24);--tui-success-fill: #4ac99b;--tui-success-bg: rgba(74, 201, 155, .12);--tui-success-bg-hover: rgba(74, 201, 155, .24);--tui-warning-fill: #ffc700;--tui-warning-bg: rgba(255, 199, 0, .12);--tui-warning-bg-hover: rgba(255, 199, 0, .24);--tui-info-fill: #70b6f6;--tui-info-bg: rgba(112, 182, 246, .12);--tui-info-bg-hover: rgba(112, 182, 246, .24);--tui-neutral-fill: #79818c;--tui-neutral-bg: rgba(121, 129, 140, .12);--tui-neutral-bg-hover: rgba(121, 129, 140, .24);--tui-text-01: #1b1f3b;--tui-text-02: rgba(27, 31, 59, .65);--tui-text-03: rgba(27, 31, 59, .4);--tui-link: #526ed3;--tui-link-hover: #6c86e2;--tui-positive: #3aa981;--tui-positive-hover: #7ac5aa;--tui-negative: #dd4c1e;--tui-negative-hover: #e38163;--tui-error-fill-night: #ff8c67;--tui-error-bg-night: rgba(244, 87, 37, .32);--tui-error-bg-night-hover: rgba(244, 87, 37, .4);--tui-success-fill-night: #4ac99b;--tui-success-bg-night: rgba(74, 201, 155, .32);--tui-success-bg-night-hover: rgba(74, 201, 155, .4);--tui-warning-fill-night: #ffc700;--tui-warning-bg-night: rgba(255, 199, 0, .32);--tui-warning-bg-night-hover: rgba(255, 199, 0, .4);--tui-info-fill-night: #70b6f6;--tui-info-bg-night: rgba(112, 182, 246, .32);--tui-info-bg-night-hover: rgba(112, 182, 246, .4);--tui-neutral-fill-night: #959ba4;--tui-neutral-bg-night: rgba(149, 155, 164, .32);--tui-neutral-bg-night-hover: rgba(149, 155, 164, .48);--tui-autofill-night: #554a2a;--tui-text-01-night: #ffffff;--tui-text-02-night: rgba(255, 255, 255, .72);--tui-text-03-night: rgba(255, 255, 255, .6);--tui-link-night: #6788ff;--tui-link-night-hover: #526ed3;--tui-positive-night: #44c596;--tui-positive-night-hover: #3aa981;--tui-negative-night: #ff8c67;--tui-negative-night-hover: #bb593a;--tui-support-01: #a8cef1;--tui-support-02: #3682db;--tui-support-03: #8dda71;--tui-support-04: #34b41f;--tui-support-05: #e29398;--tui-support-06: #b8474e;--tui-support-07: #fcc068;--tui-support-08: #ff8a00;--tui-support-09: #dab3f9;--tui-support-10: #7b439e;--tui-support-11: #fee797;--tui-support-12: #fcbb14;--tui-support-13: #ea97c4;--tui-support-14: #bd65a4;--tui-support-15: #7fd7cc;--tui-support-16: #2fad96;--tui-support-17: #d4aca2;--tui-support-18: #9d6f64;--tui-support-19: #d2e9a2;--tui-support-20: #aadc42;--tui-support-21: #a0c5df;--tui-chart-0: var(--tui-primary);--tui-chart-1: var(--tui-support-13);--tui-chart-2: var(--tui-support-21);--tui-chart-3: var(--tui-support-11);--tui-chart-4: var(--tui-base-05);--tui-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .12);--tui-shadow-hover: 0 .75rem 2.25rem rgba(0, 0, 0, .2);--tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);--tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, .48);--tui-shadow-sidebar: .25rem 0 1.5rem rgba(0, 0, 0, .12);--tui-shadow-navigation: 0 .125rem 1rem rgba(0, 0, 0, .08);--tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, .24)}[tuiTheme=night]{--tui-base-01: #222;--tui-base-02: #333;--tui-base-03: #808080;--tui-base-04: #959595;--tui-base-05: #b0b0b0;--tui-base-06: #d7d7d7;--tui-base-07: #ededed;--tui-base-08: #f6f6f6;--tui-base-09: #fff;--tui-focus: rgba(51, 51, 51, .64);--tui-secondary: rgba(255, 255, 255, .16);--tui-secondary-hover: rgba(255, 255, 255, .24);--tui-secondary-active: rgba(255, 255, 255, .4);--tui-clear: rgba(255, 255, 255, .16);--tui-clear-disabled: rgba(255, 255, 255, .08);--tui-clear-hover: rgba(255, 255, 255, .24);--tui-clear-active: rgba(255, 255, 255, .4);--tui-error-fill: #ff8c67;--tui-error-bg: rgba(244, 87, 37, .32);--tui-error-bg-hover: rgba(244, 87, 37, .4);--tui-success-fill: #4ac99b;--tui-success-bg: rgba(74, 201, 155, .32);--tui-success-bg-hover: rgba(74, 201, 155, .4);--tui-warning-fill: #ffc700;--tui-warning-bg: rgba(255, 199, 0, .32);--tui-warning-bg-hover: rgba(255, 199, 0, .4);--tui-info-fill: #70b6f6;--tui-info-bg: rgba(112, 182, 246, .32);--tui-info-bg-hover: rgba(112, 182, 246, .4);--tui-neutral-fill: #959ba4;--tui-neutral-bg: rgba(149, 155, 164, .32);--tui-neutral-bg-hover: rgba(149, 155, 164, .48);--tui-text-01: #ffffff;--tui-text-02: rgba(255, 255, 255, .72);--tui-text-03: rgba(255, 255, 255, .6);--tui-link: #6788ff;--tui-link-hover: #526ed3;--tui-positive: #44c596;--tui-positive-hover: #3aa981;--tui-negative: #ff8c67;--tui-negative-hover: #bb593a;--tui-autofill: var(--tui-autofill-night);--tui-elevation-01: #222;--tui-elevation-02: #222;--tui-shadow: 0 .25rem 1.5rem rgba(0, 0, 0, .12);--tui-shadow-hover: 0 .75rem 2.25rem rgba(0, 0, 0, .2);--tui-shadow-dropdown: 0 1.5rem 1rem rgba(0, 0, 0, .03), 0 .75rem .75rem rgba(0, 0, 0, .04), 0 .25rem .375rem rgba(0, 0, 0, .05);--tui-shadow-modal: 0 1.125rem 1.875rem rgba(0, 0, 0, .48);--tui-shadow-sidebar: .25rem 0 1.5rem rgba(0, 0, 0, .12);--tui-shadow-navigation: 0 .125rem 1rem rgba(0, 0, 0, .08);--tui-shadow-sheet: 0 -1rem 1.75rem rgba(0, 0, 0, .24)}[tuiTheme=night] tui-notification{--tui-base-01: #000}[tuiAppearance]{transition-property:color,background,opacity,box-shadow,border;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;-webkit-appearance:none;appearance:none;outline:.125rem solid transparent;outline-offset:-.125rem}[tuiAppearance]:focus-visible:not([data-focus="false"]){outline-color:var(--tui-focus)}[tuiAppearance][data-focus=true]{outline-color:var(--tui-focus)}[tuiAppearance]:disabled:not([data-state]),[tuiAppearance][data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}[tuiAppearance][data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}@media (hover: hover){[tuiAppearance][data-appearance=accent]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-accent-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=accent]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-accent-hover)}}[tuiAppearance][data-appearance=accent][data-state=hover]{background:var(--tui-accent-hover)}[tuiAppearance][data-appearance=accent]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-accent-active)}[tuiAppearance][data-appearance=accent]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-accent-active)}[tuiAppearance][data-appearance=accent][data-state=active]{background:var(--tui-accent-active)}[tuiAppearance][data-appearance=floating]{background:#fff;color:#000c;box-shadow:0 .25rem 1.25rem #0000001a}@media (hover: hover){[tuiAppearance][data-appearance=floating]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){box-shadow:0 .875rem 2.625rem #00000024}}@media (hover: hover){[tuiAppearance][data-appearance=floating]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){box-shadow:0 .875rem 2.625rem #00000024}}[tuiAppearance][data-appearance=floating][data-state=hover]{box-shadow:0 .875rem 2.625rem #00000024}[tuiAppearance][data-appearance=floating]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:#f6f7f8;box-shadow:0 .25rem 1.25rem #0000001a}[tuiAppearance][data-appearance=floating]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:#f6f7f8;box-shadow:0 .25rem 1.25rem #0000001a}[tuiAppearance][data-appearance=floating][data-state=active]{background:#f6f7f8;box-shadow:0 .25rem 1.25rem #0000001a}[tuiAppearance][data-appearance=glass]{background:rgba(0,0,0,.4);color:#fff;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);--tui-focus: rgba(255, 255, 255, .64)}@media (hover: hover){[tuiAppearance][data-appearance=glass]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:rgba(0,0,0,.48)}}@media (hover: hover){[tuiAppearance][data-appearance=glass]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:rgba(0,0,0,.48)}}[tuiAppearance][data-appearance=glass][data-state=hover]{background:rgba(0,0,0,.48)}[tuiAppearance][data-appearance=glass]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:rgba(0,0,0,.6)}[tuiAppearance][data-appearance=glass]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:rgba(0,0,0,.6)}[tuiAppearance][data-appearance=glass][data-state=active]{background:rgba(0,0,0,.6)}[tuiTheme=night] [tuiAppearance][data-appearance=glass]{background:rgba(255,255,255,.3)}@media (hover: hover){[tuiTheme=night] [tuiAppearance][data-appearance=glass]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:rgba(255,255,255,.4)}}@media (hover: hover){[tuiTheme=night] [tuiAppearance][data-appearance=glass]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:rgba(255,255,255,.4)}}[tuiTheme=night] [tuiAppearance][data-appearance=glass][data-state=hover]{background:rgba(255,255,255,.4)}[tuiTheme=night] [tuiAppearance][data-appearance=glass]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:rgba(255,255,255,.5)}[tuiTheme=night] [tuiAppearance][data-appearance=glass]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:rgba(255,255,255,.5)}[tuiTheme=night] [tuiAppearance][data-appearance=glass][data-state=active]{background:rgba(255,255,255,.5)}[tuiAppearance][data-appearance=icon]{color:var(--tui-text-03)}@media (hover: hover){[tuiAppearance][data-appearance=icon]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){color:var(--tui-text-02)}}@media (hover: hover){[tuiAppearance][data-appearance=icon]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){color:var(--tui-text-02)}}[tuiAppearance][data-appearance=icon][data-state=hover]{color:var(--tui-text-02)}[tuiAppearance][data-appearance=icon]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){color:var(--tui-text-01)}[tuiAppearance][data-appearance=icon]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){color:var(--tui-text-01)}[tuiAppearance][data-appearance=icon][data-state=active]{color:var(--tui-text-01)}[tuiAppearance][data-appearance=whiteblock]:before,[tuiAppearance][data-appearance=neutral]:before,[tuiAppearance][data-appearance=floating]:before,[tuiAppearance][data-appearance=whiteblock]:after,[tuiAppearance][data-appearance=neutral]:after,[tuiAppearance][data-appearance=floating]:after{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-text-03)}@media (hover: hover){[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=neutral]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=floating]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=neutral]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=floating]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after{color:var(--tui-text-02)}}@media (hover: hover){[tuiAppearance][data-appearance=whiteblock]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=neutral]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=floating]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=whiteblock]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=neutral]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=floating]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]):after{color:var(--tui-text-02)}}[tuiAppearance][data-appearance=whiteblock][data-state=hover]:before,[tuiAppearance][data-appearance=neutral][data-state=hover]:before,[tuiAppearance][data-appearance=floating][data-state=hover]:before,[tuiAppearance][data-appearance=whiteblock][data-state=hover]:after,[tuiAppearance][data-appearance=neutral][data-state=hover]:after,[tuiAppearance][data-appearance=floating][data-state=hover]:after{color:var(--tui-text-02)}[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=neutral]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=floating]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=neutral]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=floating]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after{color:var(--tui-text-01)}[tuiAppearance][data-appearance=whiteblock]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=neutral]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=floating]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):before,[tuiAppearance][data-appearance=whiteblock]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=neutral]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after,[tuiAppearance][data-appearance=floating]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]):after{color:var(--tui-text-01)}[tuiAppearance][data-appearance=whiteblock][data-state=active]:before,[tuiAppearance][data-appearance=neutral][data-state=active]:before,[tuiAppearance][data-appearance=floating][data-state=active]:before,[tuiAppearance][data-appearance=whiteblock][data-state=active]:after,[tuiAppearance][data-appearance=neutral][data-state=active]:after,[tuiAppearance][data-appearance=floating][data-state=active]:after{color:var(--tui-text-01)}[tuiAppearance][data-appearance=opposite]{--tui-focus: rgba(255, 255, 255, .64);background:#000;color:#fff}@media (hover: hover){[tuiAppearance][data-appearance=opposite]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:#333}}@media (hover: hover){[tuiAppearance][data-appearance=opposite]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:#333}}[tuiAppearance][data-appearance=opposite][data-state=hover]{background:#333}[tuiAppearance][data-appearance=opposite]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:#5c636b}[tuiAppearance][data-appearance=opposite]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:#5c636b}[tuiAppearance][data-appearance=opposite][data-state=active]{background:#5c636b}[tuiTheme=night] [tuiAppearance][data-appearance=opposite]{--tui-focus: rgba(51, 51, 51, .48);color:#000c;background:#fff}@media (hover: hover){[tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:#f3F4f6}}@media (hover: hover){[tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:#f3F4f6}}[tuiTheme=night] [tuiAppearance][data-appearance=opposite][data-state=hover]{background:#f3F4f6}[tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:#eaecee}[tuiTheme=night] [tuiAppearance][data-appearance=opposite]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:#eaecee}[tuiTheme=night] [tuiAppearance][data-appearance=opposite][data-state=active]{background:#eaecee}[tuiAppearance][data-appearance=outline],[tuiAppearance][data-appearance=whiteblock]{--t-bs: var(--tui-base-04);color:var(--tui-link);box-shadow:inset 0 0 0 1px var(--t-bs)}[tuiAppearance][data-appearance=outline]:checked,[tuiAppearance][data-appearance=whiteblock]:checked{--t-bs: var(--tui-primary);box-shadow:inset 0 0 0 2px var(--t-bs)}@media (hover: hover){[tuiAppearance][data-appearance=outline]:checked:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:checked:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bs: var(--tui-primary-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=outline]:checked:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:checked:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bs: var(--tui-primary-hover)}}[tuiAppearance][data-appearance=outline]:checked[data-state=hover],[tuiAppearance][data-appearance=whiteblock]:checked[data-state=hover]{--t-bs: var(--tui-primary-hover)}[tuiAppearance][data-appearance=outline]:checked:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:checked:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bs: var(--tui-primary-active)}[tuiAppearance][data-appearance=outline]:checked:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:checked:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bs: var(--tui-primary-active)}[tuiAppearance][data-appearance=outline]:checked[data-state=active],[tuiAppearance][data-appearance=whiteblock]:checked[data-state=active]{--t-bs: var(--tui-primary-active)}[tuiAppearance][data-appearance=outline]:invalid,[tuiAppearance][data-appearance=whiteblock]:invalid{box-shadow:inset 0 0 0 1px var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=outline]:checked:invalid,[tuiAppearance][data-appearance=whiteblock]:checked:invalid{box-shadow:inset 0 0 0 2px var(--tui-error-fill)}@media (hover: hover){[tuiAppearance][data-appearance=outline]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-clear);cursor:pointer;--t-bs: var(--tui-base-05)}}@media (hover: hover){[tuiAppearance][data-appearance=outline]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-clear);cursor:pointer;--t-bs: var(--tui-base-05)}}[tuiAppearance][data-appearance=outline][data-state=hover],[tuiAppearance][data-appearance=whiteblock][data-state=hover]{background:var(--tui-clear);cursor:pointer;--t-bs: var(--tui-base-05)}[tuiAppearance][data-appearance=outline]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-clear);--t-bs: var(--tui-base-06)}[tuiAppearance][data-appearance=outline]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=whiteblock]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-clear);--t-bs: var(--tui-base-06)}[tuiAppearance][data-appearance=outline][data-state=active],[tuiAppearance][data-appearance=whiteblock][data-state=active]{background:var(--tui-clear);--t-bs: var(--tui-base-06)}[tuiAppearance][data-appearance=whiteblock]{color:var(--tui-text-01)}[tuiAppearance][data-appearance=primary]{--t-bg: var(--tui-primary);background:var(--t-bg);color:var(--tui-primary-text)}[tuiAppearance][data-appearance=primary]:invalid{background:var(--tui-error-fill)}@media (hover: hover){[tuiAppearance][data-appearance=primary]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-primary-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=primary]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-primary-hover)}}[tuiAppearance][data-appearance=primary][data-state=hover]{--t-bg: var(--tui-primary-hover)}[tuiAppearance][data-appearance=primary]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-primary-active)}[tuiAppearance][data-appearance=primary]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-primary-active)}[tuiAppearance][data-appearance=primary][data-state=active]{--t-bg: var(--tui-primary-active)}[tuiAppearance][data-appearance=secondary],[tuiAppearance][data-appearance=flat],[tuiAppearance][data-appearance=destructive]{background:var(--tui-secondary);color:var(--tui-link)}@media (hover: hover){[tuiAppearance][data-appearance=secondary]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-secondary-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=secondary]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-secondary-hover)}}[tuiAppearance][data-appearance=secondary][data-state=hover],[tuiAppearance][data-appearance=flat][data-state=hover],[tuiAppearance][data-appearance=destructive][data-state=hover]{background:var(--tui-secondary-hover)}[tuiAppearance][data-appearance=secondary]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-secondary-active)}[tuiAppearance][data-appearance=secondary]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-secondary-active)}[tuiAppearance][data-appearance=secondary][data-state=active],[tuiAppearance][data-appearance=flat][data-state=active],[tuiAppearance][data-appearance=destructive][data-state=active]{background:var(--tui-secondary-active)}[tuiAppearance][data-appearance=secondary]:invalid,[tuiAppearance][data-appearance=flat]:invalid,[tuiAppearance][data-appearance=destructive]:invalid{color:var(--tui-error-fill);background:var(--tui-error-bg)}@media (hover: hover){[tuiAppearance][data-appearance=secondary]:invalid:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:invalid:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:invalid:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-error-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=secondary]:invalid:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:invalid:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:invalid:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-error-bg-hover)}}[tuiAppearance][data-appearance=secondary]:invalid[data-state=hover],[tuiAppearance][data-appearance=flat]:invalid[data-state=hover],[tuiAppearance][data-appearance=destructive]:invalid[data-state=hover]{background:var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=secondary]:invalid:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:invalid:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:invalid:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=secondary]:invalid:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=flat]:invalid:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]),[tuiAppearance][data-appearance=destructive]:invalid:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=secondary]:invalid[data-state=active],[tuiAppearance][data-appearance=flat]:invalid[data-state=active],[tuiAppearance][data-appearance=destructive]:invalid[data-state=active]{background:var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=flat],[tuiAppearance][data-appearance=flat]:invalid{background:transparent}[tuiAppearance][data-appearance=flat]:checked{background:var(--tui-secondary)}@media (hover: hover){[tuiAppearance][data-appearance=flat]:checked:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-secondary-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=flat]:checked:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){background:var(--tui-secondary-hover)}}[tuiAppearance][data-appearance=flat]:checked[data-state=hover]{background:var(--tui-secondary-hover)}[tuiAppearance][data-appearance=flat]:checked:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-secondary-active)}[tuiAppearance][data-appearance=flat]:checked:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){background:var(--tui-secondary-active)}[tuiAppearance][data-appearance=flat]:checked[data-state=active]{background:var(--tui-secondary-active)}[tuiAppearance][data-appearance=destructive]{color:var(--tui-negative)}[tuiAppearance][data-appearance=error],[tuiAppearance][data-appearance=success],[tuiAppearance][data-appearance=warning],[tuiAppearance][data-appearance=info],[tuiAppearance][data-appearance=neutral]{color:var(--tui-text-01);background:var(--t-bg)}[tuiAppearance][data-appearance=error]:checked,[tuiAppearance][data-appearance=success]:checked,[tuiAppearance][data-appearance=warning]:checked,[tuiAppearance][data-appearance=info]:checked,[tuiAppearance][data-appearance=neutral]:checked{color:var(--tui-text-01-night)}[tuiAppearance][data-appearance=error]{--t-bg: var(--tui-error-bg)}@media (hover: hover){[tuiAppearance][data-appearance=error]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-error-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=error]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-error-bg-hover)}}[tuiAppearance][data-appearance=error][data-state=hover]{--t-bg: var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=error]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=error]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=error][data-state=active]{--t-bg: var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=error]:checked{background:var(--tui-error-fill)}[tuiAppearance][data-appearance=success]{--t-bg: var(--tui-success-bg)}@media (hover: hover){[tuiAppearance][data-appearance=success]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-success-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=success]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-success-bg-hover)}}[tuiAppearance][data-appearance=success][data-state=hover]{--t-bg: var(--tui-success-bg-hover)}[tuiAppearance][data-appearance=success]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-success-bg-hover)}[tuiAppearance][data-appearance=success]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-success-bg-hover)}[tuiAppearance][data-appearance=success][data-state=active]{--t-bg: var(--tui-success-bg-hover)}[tuiAppearance][data-appearance=success]:checked{background:var(--tui-success-fill)}[tuiAppearance][data-appearance=warning]{--t-bg: var(--tui-warning-bg)}@media (hover: hover){[tuiAppearance][data-appearance=warning]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-warning-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=warning]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-warning-bg-hover)}}[tuiAppearance][data-appearance=warning][data-state=hover]{--t-bg: var(--tui-warning-bg-hover)}[tuiAppearance][data-appearance=warning]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-warning-bg-hover)}[tuiAppearance][data-appearance=warning]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-warning-bg-hover)}[tuiAppearance][data-appearance=warning][data-state=active]{--t-bg: var(--tui-warning-bg-hover)}[tuiAppearance][data-appearance=warning]:checked{background:var(--tui-warning-fill)}[tuiAppearance][data-appearance=info]{--t-bg: var(--tui-info-bg)}@media (hover: hover){[tuiAppearance][data-appearance=info]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-info-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=info]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-info-bg-hover)}}[tuiAppearance][data-appearance=info][data-state=hover]{--t-bg: var(--tui-info-bg-hover)}[tuiAppearance][data-appearance=info]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-info-bg-hover)}[tuiAppearance][data-appearance=info]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-info-bg-hover)}[tuiAppearance][data-appearance=info][data-state=active]{--t-bg: var(--tui-info-bg-hover)}[tuiAppearance][data-appearance=info]:checked{background:var(--tui-info-fill)}[tuiAppearance][data-appearance=neutral]{--t-bg: var(--tui-neutral-bg)}@media (hover: hover){[tuiAppearance][data-appearance=neutral]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-neutral-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=neutral]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-bg: var(--tui-neutral-bg-hover)}}[tuiAppearance][data-appearance=neutral][data-state=hover]{--t-bg: var(--tui-neutral-bg-hover)}[tuiAppearance][data-appearance=neutral]:-webkit-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-neutral-bg-hover)}[tuiAppearance][data-appearance=neutral]:-moz-any(a,button,select,textarea,input,label):active:not(:disabled):not([data-state]){--t-bg: var(--tui-neutral-bg-hover)}[tuiAppearance][data-appearance=neutral][data-state=active]{--t-bg: var(--tui-neutral-bg-hover)}[tuiAppearance][data-appearance=neutral]:checked{background:var(--tui-neutral-fill)}[tuiAppearance][data-appearance=textfield]{transition-property:box-shadow,background,outline-color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-shadow: 0 .125rem .1875rem rgba(0, 0, 0, .1);background:var(--tui-base-01);color:var(--tui-text-01);box-shadow:var(--t-shadow);outline:1px solid var(--tui-base-03);outline-offset:-1px}@media (hover: hover){[tuiAppearance][data-appearance=textfield]:-webkit-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .16)}}@media (hover: hover){[tuiAppearance][data-appearance=textfield]:-moz-any(a,button,select,textarea,input,label):hover:not(:disabled):not([data-state]){--t-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .16)}}[tuiAppearance][data-appearance=textfield][data-state=hover]{--t-shadow: 0 .125rem .3125rem rgba(0, 0, 0, .16)}[tuiAppearance][data-appearance=textfield]:focus-visible:not([data-focus="false"]){box-shadow:none;outline:.125rem solid var(--tui-primary);outline-offset:-.125rem}[tuiAppearance][data-appearance=textfield][data-focus=true]{box-shadow:none;outline:.125rem solid var(--tui-primary);outline-offset:-.125rem}[tuiAppearance][data-appearance=textfield]:disabled:not([data-state]),[tuiAppearance][data-appearance=textfield][data-state=disabled]{box-shadow:none}[tuiAppearance][data-appearance=textfield]:valid[data-invalid=true],[tuiAppearance][data-appearance=textfield]:invalid:not([data-invalid="false"]){outline-color:var(--tui-negative)}[tuiAppearance][data-appearance=textfield]._readonly{box-shadow:none;outline-color:var(--tui-base-04)!important}[tuiWrapper][data-appearance=icon][data-appearance=icon]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-text-01);opacity:.5}[tuiWrapper]:not([data-state="readonly"]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon]:not([data-state="disabled"]){opacity:.65}[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]{color:var(--tui-text-01-night)}[tuiWrapper]:not([data-state="readonly"]):hover .t-textfield-icon [tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:not([data-state="disabled"]){opacity:1}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]{--tui-focus: var(--tui-base-01)}[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-base-01)}[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-base-01)}@media (hover: hover){[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=icon][data-appearance=icon][data-mode=onDark][data-state=hover]{opacity:1}}@media (hover: hover){[tuiWrapper][data-appearance=icon][data-appearance=icon]:hover:not(._no-hover),[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=hover]{opacity:.65}}[tuiWrapper][data-appearance=icon][data-appearance=icon]:active:not(._no-active),[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active],[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=active]:hover{opacity:1}[tuiWrapper][data-appearance=icon][data-appearance=icon]:disabled:disabled,[tuiWrapper][data-appearance=icon][data-appearance=icon][data-state=disabled][data-state=disabled]{opacity:calc(.5 * var(--tui-disabled-opacity))}[tuiWrapper][data-appearance=outline]{background:transparent;color:var(--tui-text-01)}[tuiWrapper][data-appearance=outline]:after{color:var(--tui-base-04)}[tuiWrapper][data-appearance=outline][data-mode=onDark]{color:var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:after{color:var(--tui-text-01-night)}@media (hover: hover){[tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover]{background:var(--tui-clear-inverse-hover)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=hover]:after{color:var(--tui-text-03-night)}}[tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover{background:var(--tui-clear-inverse-active)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:active:not(._no-active):after,[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:after,[tuiWrapper][data-appearance=outline][data-mode=onDark][data-state=active]:hover:after{color:var(--tui-text-03-night)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=outline][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=outline][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=outline][data-mode=onLight]{color:var(--tui-text-01)}[tuiWrapper][data-appearance=outline][data-mode=onLight]:after{color:var(--tui-text-01)}@media (hover: hover){[tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover]{background:var(--tui-clear-hover)}[tuiWrapper][data-appearance=outline][data-mode=onLight]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=hover]:after{color:var(--tui-text-03)}}[tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover{background:var(--tui-clear-active)}[tuiWrapper][data-appearance=outline][data-mode=onLight]:active:not(._no-active):after,[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:after,[tuiWrapper][data-appearance=outline][data-mode=onLight][data-state=active]:hover:after{color:var(--tui-text-03)}@media (hover: hover){[tuiWrapper][data-appearance=outline]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=outline][data-state=hover]:after{color:var(--tui-base-05)}}[tuiWrapper][data-appearance=outline]:active:not(._no-active):after,[tuiWrapper][data-appearance=outline][data-state=active]:after,[tuiWrapper][data-appearance=outline][data-state=active]:hover:after{color:var(--tui-base-06)}[tuiWrapper][data-appearance=primary]{background:var(--tui-primary);color:var(--tui-primary-text)}@media (hover: hover){[tuiWrapper][data-appearance=primary]:hover:not(._no-hover),[tuiWrapper][data-appearance=primary][data-state=hover]{background:var(--tui-primary-hover)}}[tuiWrapper][data-appearance=primary]:active:not(._no-active),[tuiWrapper][data-appearance=primary][data-state=active],[tuiWrapper][data-appearance=primary][data-state=active]:hover{background:var(--tui-primary-active)}[tuiWrapper][data-appearance=primary]:invalid:invalid,[tuiWrapper][data-appearance=primary]._invalid._invalid{color:var(--tui-negative-night);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=primary]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=primary]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=hover]{background:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=primary]:invalid:invalid:active:not(._no-active),[tuiWrapper][data-appearance=primary]._invalid._invalid:active:not(._no-active),[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active],[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active],[tuiWrapper][data-appearance=primary]:invalid:invalid[data-state=active]:hover,[tuiWrapper][data-appearance=primary]._invalid._invalid[data-state=active]:hover{background:var(--tui-error-bg-hover)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=primary]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=primary]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=primary]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=primary]._invalid._invalid{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=primary]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=primary]._invalid._invalid:focus-visible:focus-visible{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=primary]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=primary]._invalid._invalid._focused._focused{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=accent]{background:var(--tui-accent);color:var(--tui-accent-text)}@media (hover: hover){[tuiWrapper][data-appearance=accent]:hover:not(._no-hover),[tuiWrapper][data-appearance=accent][data-state=hover]{background:var(--tui-accent-hover)}}[tuiWrapper][data-appearance=accent]:active:not(._no-active),[tuiWrapper][data-appearance=accent][data-state=active],[tuiWrapper][data-appearance=accent][data-state=active]:hover{background:var(--tui-accent-active)}[tuiWrapper][data-appearance=accent]:invalid:invalid,[tuiWrapper][data-appearance=accent]._invalid._invalid{color:var(--tui-negative-night);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=accent]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=accent]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=accent]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=accent]._invalid._invalid[data-state=hover]{background:var(--tui-error-bg-hover)}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=accent]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=accent]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=accent]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=accent]._invalid._invalid{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=accent]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=accent]._invalid._invalid:focus-visible:focus-visible{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=accent]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=accent]._invalid._invalid._focused._focused{--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=floating]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:#fff;color:#000c;box-shadow:0 .25rem 1.25rem #0000001a}@media (hover: hover){[tuiWrapper][data-appearance=floating]:hover:not(._no-hover),[tuiWrapper][data-appearance=floating][data-state=hover]{box-shadow:0 .875rem 2.625rem #00000024}}[tuiWrapper][data-appearance=floating]:active:not(._no-active),[tuiWrapper][data-appearance=floating][data-state=active],[tuiWrapper][data-appearance=floating][data-state=active]:hover{background:#f6f7f8;box-shadow:0 .25rem 1.25rem #0000001a}[tuiWrapper][data-appearance=glass]{background:rgba(0,0,0,.4);color:#fff;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);--tui-focus: rgba(255, 255, 255, .64)}@media (hover: hover){[tuiWrapper][data-appearance=glass]:hover:not(._no-hover),[tuiWrapper][data-appearance=glass][data-state=hover]{background:rgba(0,0,0,.48)}}[tuiWrapper][data-appearance=glass]:active:not(._no-active),[tuiWrapper][data-appearance=glass][data-state=active],[tuiWrapper][data-appearance=glass][data-state=active]:hover{background:rgba(0,0,0,.6)}[tuiWrapper][data-appearance=glass][data-mode=onDark]{background:rgba(255,255,255,.3)}@media (hover: hover){[tuiWrapper][data-appearance=glass][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=hover]{background:rgba(255,255,255,.4)}}[tuiWrapper][data-appearance=glass][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=glass][data-mode=onDark][data-state=active]:hover{background:rgba(255,255,255,.5)}[tuiWrapper][data-appearance=secondary],[tuiWrapper][data-appearance=flat],[tuiWrapper][data-appearance=destructive]{background:var(--tui-secondary);color:var(--tui-link)}[tuiWrapper][data-appearance=secondary][data-mode=onDark],[tuiWrapper][data-appearance=flat][data-mode=onDark],[tuiWrapper][data-appearance=destructive][data-mode=onDark]{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}@media (hover: hover){[tuiWrapper][data-appearance=secondary][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=hover],[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=hover],[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover]{background:var(--tui-clear-inverse-hover)}}[tuiWrapper][data-appearance=secondary][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=flat][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=secondary][data-mode=onDark][data-state=active]:hover,[tuiWrapper][data-appearance=flat][data-mode=onDark][data-state=active]:hover,[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover{background:var(--tui-clear-inverse-active)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=secondary][data-mode=onDark],:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=flat][data-mode=onDark],:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=destructive][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=secondary][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=flat][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=destructive][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=secondary][data-mode=onDark]:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat][data-mode=onDark]:focus-visible:focus-visible,[tuiWrapper][data-appearance=destructive][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=secondary][data-mode=onDark]._focused._focused,[tuiWrapper][data-appearance=flat][data-mode=onDark]._focused._focused,[tuiWrapper][data-appearance=destructive][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=secondary][data-mode=onLight],[tuiWrapper][data-appearance=flat][data-mode=onLight],[tuiWrapper][data-appearance=destructive][data-mode=onLight]{background:var(--tui-clear);color:var(--tui-text-01)}@media (hover: hover){[tuiWrapper][data-appearance=secondary][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=hover],[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=hover],[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=hover]{background:var(--tui-clear-hover)}}[tuiWrapper][data-appearance=secondary][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=flat][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-mode=onLight]:active:not(._no-active),[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active],[tuiWrapper][data-appearance=secondary][data-mode=onLight][data-state=active]:hover,[tuiWrapper][data-appearance=flat][data-mode=onLight][data-state=active]:hover,[tuiWrapper][data-appearance=destructive][data-mode=onLight][data-state=active]:hover{background:var(--tui-clear-active)}@media (hover: hover){[tuiWrapper][data-appearance=secondary]:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary][data-state=hover],[tuiWrapper][data-appearance=flat][data-state=hover],[tuiWrapper][data-appearance=destructive][data-state=hover]{background:var(--tui-secondary-hover)}}[tuiWrapper][data-appearance=secondary]:active:not(._no-active),[tuiWrapper][data-appearance=flat]:active:not(._no-active),[tuiWrapper][data-appearance=destructive]:active:not(._no-active),[tuiWrapper][data-appearance=secondary][data-state=active],[tuiWrapper][data-appearance=flat][data-state=active],[tuiWrapper][data-appearance=destructive][data-state=active],[tuiWrapper][data-appearance=secondary][data-state=active]:hover,[tuiWrapper][data-appearance=flat][data-state=active]:hover,[tuiWrapper][data-appearance=destructive][data-state=active]:hover{background:var(--tui-secondary-active)}[tuiWrapper][data-appearance=secondary]:invalid:invalid,[tuiWrapper][data-appearance=flat]:invalid:invalid,[tuiWrapper][data-appearance=destructive]:invalid:invalid,[tuiWrapper][data-appearance=secondary]._invalid._invalid,[tuiWrapper][data-appearance=flat]._invalid._invalid,[tuiWrapper][data-appearance=destructive]._invalid._invalid{color:var(--tui-negative);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=secondary]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive]:invalid:invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=flat]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive]._invalid._invalid:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=flat]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=destructive]:invalid:invalid[data-state=hover],[tuiWrapper][data-appearance=secondary]._invalid._invalid[data-state=hover],[tuiWrapper][data-appearance=flat]._invalid._invalid[data-state=hover],[tuiWrapper][data-appearance=destructive]._invalid._invalid[data-state=hover]{background:var(--tui-error-bg-hover)}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=secondary]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=flat]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=destructive]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=secondary]._invalid._invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=flat]._invalid._invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=destructive]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=secondary]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=flat]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=destructive]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=secondary]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=flat]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=destructive]._invalid._invalid{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=secondary]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=destructive]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=secondary]._invalid._invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=flat]._invalid._invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=destructive]._invalid._invalid:focus-visible:focus-visible{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=secondary]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=flat]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=destructive]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=secondary]._invalid._invalid._focused._focused,[tuiWrapper][data-appearance=flat]._invalid._invalid._focused._focused,[tuiWrapper][data-appearance=destructive]._invalid._invalid._focused._focused{--tui-focus: var(--tui-negative)}[tuiWrapper][data-appearance=flat],[tuiWrapper][data-appearance=flat][data-mode=onDark],[tuiWrapper][data-appearance=flat][data-mode=onLight]{background:transparent}[tuiWrapper][data-appearance=destructive]{color:var(--tui-negative);background:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=destructive]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-state=hover]{background:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=destructive]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-state=active],[tuiWrapper][data-appearance=destructive][data-state=active]:hover{background:var(--tui-error-bg-hover)}[tuiWrapper][data-appearance=destructive][data-mode=onDark]{color:var(--tui-negative-night);background:var(--tui-error-bg-night)}@media (hover: hover){[tuiWrapper][data-appearance=destructive][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=hover]{background:var(--tui-error-bg-night-hover)}}[tuiWrapper][data-appearance=destructive][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=destructive][data-mode=onDark][data-state=active]:hover{background:var(--tui-error-bg-night-hover)}tui-wrapper[data-appearance=secondary-destructive],[tuiWrapper][data-appearance=secondary-destructive]{background:var(--tui-error-bg);color:var(--tui-negative)}tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark],[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]{background:var(--tui-error-bg-night);color:var(--tui-negative-night)}@media (hover: hover){tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:hover:not(._no-hover),tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=hover],[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=hover]{background:var(--tui-error-bg-night-hover)}}tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark]:active:not(._no-active),tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active],tui-wrapper[data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover,[tuiWrapper][data-appearance=secondary-destructive][data-mode=onDark][data-state=active]:hover{background:var(--tui-error-bg-night-hover)}@media (hover: hover){tui-wrapper[data-appearance=secondary-destructive]:hover:not(._no-hover),[tuiWrapper][data-appearance=secondary-destructive]:hover:not(._no-hover),tui-wrapper[data-appearance=secondary-destructive][data-state=hover],[tuiWrapper][data-appearance=secondary-destructive][data-state=hover]{background:var(--tui-error-bg-hover)}}tui-wrapper[data-appearance=secondary-destructive]:active:not(._no-active),[tuiWrapper][data-appearance=secondary-destructive]:active:not(._no-active),tui-wrapper[data-appearance=secondary-destructive][data-state=active],[tuiWrapper][data-appearance=secondary-destructive][data-state=active],tui-wrapper[data-appearance=secondary-destructive][data-state=active]:hover,[tuiWrapper][data-appearance=secondary-destructive][data-state=active]:hover{background:var(--tui-error-bg-hover)}[tuiWrapper][data-appearance=table]{border-radius:0;background:transparent;color:var(--tui-text-01)}[tuiWrapper][data-appearance=table]:before,[tuiWrapper][data-appearance=table][data-appearance=table]:after{position:fixed;top:-.5px;left:-1px;right:-.5px;bottom:-1px}[tuiWrapper][data-appearance=table]:before{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";z-index:-1;background-repeat:no-repeat;background-position:top right;background-size:.5rem .5rem}table [tuiWrapper][data-appearance=table][data-appearance=table]:not(._focused):after{border-width:0}table [tuiWrapper][data-appearance=table]._focused{z-index:1}[tuiWrapper][data-appearance=table][data-appearance=table]:after{border-width:1px;color:var(--tui-base-04)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=table][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=table][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}[tuiWrapper][data-appearance=table][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}@media (hover: hover){[tuiWrapper][data-appearance=table]:hover:not(._no-hover):not(._focused):before,[tuiWrapper][data-appearance=table][data-state=hover]:not(._focused):before{background-color:var(--tui-clear)}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table],[data-focused=true]>[tuiWrapper][data-appearance=table]{background:transparent}[tuiWrapper][data-appearance=table]:focus-visible:focus-visible{background:transparent}[tuiWrapper][data-appearance=table]._focused._focused{background:transparent}[tuiWrapper][data-appearance=table]:invalid:invalid:before,[tuiWrapper][data-appearance=table]._invalid._invalid:before{background-image:linear-gradient(to top right,transparent 0%,transparent 50%,var(--tui-error-fill) 50%,var(--tui-error-fill) 100%)}[tuiWrapper][data-appearance=table]:invalid:invalid:not(._focused):before,[tuiWrapper][data-appearance=table]._invalid._invalid:not(._focused):before{background-color:var(--tui-error-bg)}@media (hover: hover){[tuiWrapper][data-appearance=table]:invalid:invalid:hover:not(._no-hover):not(._focused):before,[tuiWrapper][data-appearance=table]._invalid._invalid:hover:not(._no-hover):not(._focused):before,[tuiWrapper][data-appearance=table]:invalid:invalid[data-state=hover]:not(._focused):before,[tuiWrapper][data-appearance=table]._invalid._invalid[data-state=hover]:not(._focused):before{background-color:var(--tui-error-bg-hover)}}[tuiWrapper][data-appearance=table]:invalid:invalid:disabled:disabled,[tuiWrapper][data-appearance=table]._invalid._invalid:disabled:disabled,[tuiWrapper][data-appearance=table]:invalid:invalid[data-state=disabled][data-state=disabled],[tuiWrapper][data-appearance=table]._invalid._invalid[data-state=disabled][data-state=disabled]{background:transparent}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]:invalid:invalid,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]._invalid._invalid,[data-focused=true]>[tuiWrapper][data-appearance=table]:invalid:invalid,[data-focused=true]>[tuiWrapper][data-appearance=table]._invalid._invalid{background:transparent;--tui-focus: var(--tui-error-fill)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]:invalid:invalid:after,:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=table]._invalid._invalid:after,[data-focused=true]>[tuiWrapper][data-appearance=table]:invalid:invalid:after,[data-focused=true]>[tuiWrapper][data-appearance=table]._invalid._invalid:after{border-width:1px}[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible,[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible{background:transparent;--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=table]:invalid:invalid:focus-visible:focus-visible:after,[tuiWrapper][data-appearance=table]._invalid._invalid:focus-visible:focus-visible:after{border-width:1px}[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused,[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused{background:transparent;--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=table]:invalid:invalid._focused._focused:after,[tuiWrapper][data-appearance=table]._invalid._invalid._focused._focused:after{border-width:1px}[tuiWrapper][data-appearance=textfield]{transition-property:box-shadow,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-base-01);color:var(--tui-text-01);box-shadow:0 .125rem .1875rem #0000001a}[tuiWrapper][data-appearance=textfield][data-appearance=textfield]:after{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-base-03)}@media (hover: hover){[tuiWrapper][data-appearance=textfield]:hover:not(._no-hover),[tuiWrapper][data-appearance=textfield][data-state=hover]{box-shadow:0 .125rem .3125rem #00000029}}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield],[data-focused=true]>[tuiWrapper][data-appearance=textfield]{box-shadow:none}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield]:after,[data-focused=true]>[tuiWrapper][data-appearance=textfield]:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible{box-shadow:none}[tuiWrapper][data-appearance=textfield]:focus-visible:focus-visible:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield]._focused._focused{box-shadow:none}[tuiWrapper][data-appearance=textfield]._focused._focused:after{--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]{box-shadow:none}[tuiWrapper][data-appearance=textfield][data-state=readonly][data-state=readonly]:after{color:var(--tui-base-04)}[tuiWrapper][data-appearance=textfield]:disabled:disabled,[tuiWrapper][data-appearance=textfield][data-state=disabled][data-state=disabled]{box-shadow:none}[tuiWrapper][data-appearance=textfield]:invalid:invalid:after,[tuiWrapper][data-appearance=textfield]._invalid._invalid:after{color:var(--tui-error-fill);--tui-focus: var(--tui-error-fill)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]{background:var(--tui-clear-inverse);color:var(--tui-text-01-night)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after{color:var(--tui-text-03-night);opacity:var(--tui-disabled-opacity)}@media (hover: hover){[tuiWrapper][data-appearance=textfield][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=hover]{background:var(--tui-clear-inverse-hover)}}[tuiWrapper][data-appearance=textfield][data-mode=onDark][data-state=readonly][data-state=readonly]{background:transparent}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onDark]{background:rgba(255,255,255,.08)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after,[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onDark]:after{transition:none;opacity:1;--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible{background:rgba(255,255,255,.08)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:focus-visible:focus-visible:after{transition:none;opacity:1;--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused{background:rgba(255,255,255,.08)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]._focused._focused:after{transition:none;opacity:1;--tui-focus: var(--tui-primary)}[tuiWrapper][data-appearance=textfield][data-mode=onDark]:invalid:invalid:after,[tuiWrapper][data-appearance=textfield][data-mode=onDark]._invalid._invalid:after{--tui-focus: var(--tui-error-fill-night)}[tuiWrapper][data-appearance=textfield][data-mode=onLight]{background:var(--tui-clear)}@media (hover: hover){[tuiWrapper][data-appearance=textfield][data-mode=onLight]:hover:not(._no-hover),[tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=hover]{background:var(--tui-clear-hover)}}[tuiWrapper][data-appearance=textfield][data-mode=onLight][data-state=readonly][data-state=readonly]{background:transparent}[tuiWrapper][data-appearance=textfield][data-mode=onLight]:invalid:invalid:after,[tuiWrapper][data-appearance=textfield][data-mode=onLight]._invalid._invalid:after{color:var(--tui-error-fill)}:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=textfield][data-mode=onLight],[data-focused=true]>[tuiWrapper][data-appearance=textfield][data-mode=onLight]{background:transparent}[tuiWrapper][data-appearance=textfield][data-mode=onLight]:focus-visible:focus-visible{background:transparent}[tuiWrapper][data-appearance=textfield][data-mode=onLight]._focused._focused{background:transparent}[tuiWrapper][data-appearance=whiteblock],[tuiWrapper][data-appearance=whiteblock-active]{background:var(--tui-base-01);color:var(--tui-text-01)}[tuiWrapper][data-appearance=whiteblock]:after,[tuiWrapper][data-appearance=whiteblock-active]:after{color:var(--tui-base-04)}@media (hover: hover){[tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover),[tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover),[tuiWrapper][data-appearance=whiteblock][data-state=hover],[tuiWrapper][data-appearance=whiteblock-active][data-state=hover]{background:var(--tui-base-02)}[tuiWrapper][data-appearance=whiteblock]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=whiteblock][data-state=hover]:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after{color:var(--tui-base-04)}}[tuiWrapper][data-appearance=whiteblock]:active:not(._no-active),[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active),[tuiWrapper][data-appearance=whiteblock][data-state=active],[tuiWrapper][data-appearance=whiteblock-active][data-state=active],[tuiWrapper][data-appearance=whiteblock][data-state=active]:hover,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover{background:var(--tui-base-02)}[tuiWrapper][data-appearance=whiteblock]:active:not(._no-active):after,[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after,[tuiWrapper][data-appearance=whiteblock][data-state=active]:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after,[tuiWrapper][data-appearance=whiteblock][data-state=active]:hover:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after{color:var(--tui-base-04)}[tuiWrapper][data-appearance=whiteblock-active]:after{color:var(--tui-primary);border-width:2px}@media (hover: hover){[tuiWrapper][data-appearance=whiteblock-active]:hover:not(._no-hover):after,[tuiWrapper][data-appearance=whiteblock-active][data-state=hover]:after{color:var(--tui-primary-hover)}}[tuiWrapper][data-appearance=whiteblock-active]:active:not(._no-active):after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:after,[tuiWrapper][data-appearance=whiteblock-active][data-state=active]:hover:after{color:var(--tui-primary-active)}[tuiWrapper][data-appearance=none]:after{border:none}[tuiWrapper][data-appearance=opposite]{background:#000;color:#fff;--tui-focus: rgba(255, 255, 255, .64)}@media (hover: hover){[tuiWrapper][data-appearance=opposite]:hover:not(._no-hover),[tuiWrapper][data-appearance=opposite][data-state=hover]{background:#333}}[tuiWrapper][data-appearance=opposite]:active:not(._no-active),[tuiWrapper][data-appearance=opposite][data-state=active],[tuiWrapper][data-appearance=opposite][data-state=active]:hover{background:#5c636b}[tuiWrapper][data-appearance=opposite][data-mode=onDark]{color:#000c;background:#fff;--tui-focus: rgba(51, 51, 51, .48)}@media (hover: hover){[tuiWrapper][data-appearance=opposite][data-mode=onDark]:hover:not(._no-hover),[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=hover]{background:#f3F4f6}}[tuiWrapper][data-appearance=opposite][data-mode=onDark]:active:not(._no-active),[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active],[tuiWrapper][data-appearance=opposite][data-mode=onDark][data-state=active]:hover{background:#eaecee}[tuiWrapper]{transition-property:color,background,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:block;height:100%;width:100%;-webkit-appearance:none;appearance:none;border-radius:inherit}[tuiWrapper]:after{transition-property:box-shadow,color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;bottom:0;right:0;content:"";border-radius:inherit;border:1px solid currentColor;pointer-events:none;color:transparent}:focus-visible:not([data-focused="false"])>[tuiWrapper]:after,[data-focused=true]>[tuiWrapper]:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]:focus-visible:focus-visible:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]._focused._focused:after{border-width:2px;color:var(--tui-focus)}[tuiWrapper]:disabled:disabled,[tuiWrapper][data-state=disabled][data-state=disabled]{pointer-events:none;opacity:var(--tui-disabled-opacity)}@supports (-webkit-hyphens: none){:focus-visible [tuiWrapper],[tuiWrapper]:focus-visible{--tui-focus: transparent !important}}tui-wrapper[data-appearance=mono],[tuiWrapper][data-appearance=mono]{background:var(--tui-base-01);color:var(--tui-text-01)}@media (hover: hover){tui-wrapper[data-appearance=mono]:hover:not(._no-hover),[tuiWrapper][data-appearance=mono]:hover:not(._no-hover),tui-wrapper[data-appearance=mono][data-state=hover],[tuiWrapper][data-appearance=mono][data-state=hover]{color:var(--tui-text-03)}}tui-wrapper[data-appearance=mono]:active:not(._no-active),[tuiWrapper][data-appearance=mono]:active:not(._no-active),tui-wrapper[data-appearance=mono][data-state=active],[tuiWrapper][data-appearance=mono][data-state=active],tui-wrapper[data-appearance=mono][data-state=active]:hover,[tuiWrapper][data-appearance=mono][data-state=active]:hover{color:var(--tui-text-02)}:focus-visible:not([data-focused="false"])>tui-wrapper[data-appearance=mono][data-mode=onDark],:focus-visible:not([data-focused="false"])>[tuiWrapper][data-appearance=mono][data-mode=onDark],[data-focused=true]>tui-wrapper[data-appearance=mono][data-mode=onDark],[data-focused=true]>[tuiWrapper][data-appearance=mono][data-mode=onDark]{--tui-focus: var(--tui-text-01-night)}tui-wrapper[data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible,[tuiWrapper][data-appearance=mono][data-mode=onDark]:focus-visible:focus-visible{--tui-focus: var(--tui-text-01-night)}tui-wrapper[data-appearance=mono][data-mode=onDark]._focused._focused,[tuiWrapper][data-appearance=mono][data-mode=onDark]._focused._focused{--tui-focus: var(--tui-text-01-night)}tui-primitive-calendar [data-type=weekday]{color:var(--tui-text-01)}tui-primitive-calendar [data-type=weekend]{color:var(--tui-negative)}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format("truetype")}[data-platform=android] input[tuiCheckbox]{--t-size: 1.125rem;color:var(--tui-base-01);border-radius:.125rem;outline:.125rem solid var(--tui-base-04);outline-offset:-.125rem;transition:none;box-shadow:none!important;background:var(--t-background)!important}[data-platform=android] input[tuiCheckbox]:checked,[data-platform=android] input[tuiCheckbox]:indeterminate{--t-background: var(--tui-accent);outline:none}[data-platform=android] input[tuiCheckbox]:checked:invalid,[data-platform=android] input[tuiCheckbox]:indeterminate:invalid{--t-background: var(--tui-error-fill)}[data-platform=android] input[tuiCheckbox]:checked:disabled:not(._readonly),[data-platform=android] input[tuiCheckbox]:indeterminate:disabled:not(._readonly){--t-background: var(--tui-base-04)}[data-platform=android] input[tuiCheckbox]:checked:before,[data-platform=android] input[tuiCheckbox]:indeterminate:before{-webkit-clip-path:inset(0);clip-path:inset(0);transition-delay:0s}[data-platform=android] input[tuiCheckbox]:before{-webkit-mask-image:url('data:image/svg+xml,');mask-image:url('data:image/svg+xml,');transition:-webkit-clip-path var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:clip-path var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:clip-path var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-clip-path var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}[data-platform=android] input[tuiCheckbox]:indeterminate:before{-webkit-mask-image:url('data:image/svg+xml,');mask-image:url('data:image/svg+xml,')}[data-platform=android] input[tuiCheckbox]:invalid{outline-color:var(--tui-error-bg-hover)}[data-platform=android] input[tuiRadio]{--t-size: 1.125rem;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-base-04);outline:.125rem solid;outline-offset:-.125rem;box-shadow:none!important;background:transparent!important}[data-platform=android] input[tuiRadio]:disabled:not(._readonly){color:var(--tui-base-04)}[data-platform=android] input[tuiRadio]:checked{color:var(--tui-accent)}[data-platform=android] input[tuiRadio]:checked:after{transform:scale(.555)}[data-platform=android] input[tuiRadio]:invalid{color:var(--tui-error-bg-hover)}[data-platform=android] input[tuiRadio]:invalid:checked{color:var(--tui-error-fill)}[data-platform=android] input[tuiToggle]{transition-property:color,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:1.25rem;width:2.5rem;color:var(--tui-base-05);background:transparent!important;overflow:visible}[data-platform=android] input[tuiToggle]:before{content:"";display:block;height:100%;width:100%;border:.1875rem solid transparent;box-sizing:border-box;border-radius:2rem;background:currentColor;background-clip:content-box;opacity:.5;transform:none;-webkit-mask:none;mask:none}[data-platform=android] input[tuiToggle]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;border-radius:100%;background:#ececec;transform:none;box-shadow:0 .0625rem .0625rem #0000003d,0 0 .0625rem #0000001f,inset 0 .0625rem #ffffff1f!important}[data-platform=android] input[tuiToggle]:checked{color:var(--tui-accent);background:transparent}[data-platform=android] input[tuiToggle]:checked:after{background:currentColor;transform:translate(1.25rem)}[data-platform=android] input[tuiToggle]:invalid{color:var(--tui-error-fill)}[data-platform=android] input[tuiToggle]:invalid:not(:checked){background:transparent;opacity:.4}[data-platform=android] input[tuiToggle]:invalid:after{background:var(--tui-error-fill)}[data-platform=android] tui-badge-notification[data-size=l]{--t-size: 1.375rem}[data-platform=ios] input[tuiCheckbox],[data-platform=ios] input[tuiRadio]{--t-size: 1.375rem;border-radius:100%;color:var(--tui-base-01);outline:1px solid var(--tui-base-04);outline-offset:-1px;transition:none;box-shadow:none!important;background:var(--t-background)!important}[data-platform=ios] input[tuiCheckbox]:checked,[data-platform=ios] input[tuiRadio]:checked,[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate{--t-background: var(--tui-accent);outline:none}[data-platform=ios] input[tuiCheckbox]:checked:disabled:not(._readonly),[data-platform=ios] input[tuiRadio]:checked:disabled:not(._readonly),[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:disabled:not(._readonly),[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:disabled:not(._readonly){--t-background: var(--tui-base-04)}[data-platform=ios] input[tuiCheckbox]:checked:before,[data-platform=ios] input[tuiRadio]:checked:before,[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:before,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:before{display:block;transform:none;-webkit-mask:var(--t-mask) center / 100%;mask:var(--t-mask) center / 100%}[data-platform=ios] input[tuiCheckbox]:checked:invalid,[data-platform=ios] input[tuiRadio]:checked:invalid,[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:invalid,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:invalid{--t-background: var(--tui-error-fill)}[data-platform=ios] input[tuiCheckbox]:before,[data-platform=ios] input[tuiRadio]:before{--t-mask: url('data:image/svg+xml,');display:none}[data-platform=ios] input[tuiCheckbox]:not([tuiRadio]):indeterminate:before,[data-platform=ios] input[tuiRadio]:not([tuiRadio]):indeterminate:before{--t-mask: url('data:image/svg+xml,')}[data-platform=ios] input[tuiCheckbox]:invalid,[data-platform=ios] input[tuiRadio]:invalid{outline-color:var(--tui-error-bg-hover)}[data-platform=ios] input[tuiToggle]{height:1.9375rem;width:3.1875rem;border-radius:2rem;color:var(--tui-text-01-night);background:var(--tui-base-04);overflow:visible}[data-platform=ios] input[tuiToggle]:before{opacity:0}[data-platform=ios] input[tuiToggle]:after{transition-property:transform,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;right:auto;width:1.9375rem;height:1.9375rem;border-radius:2rem;background:currentColor;transform:scale(.871);box-shadow:0 .25rem .125rem #0000000f,0 .25rem .5rem #00000026!important}[data-platform=ios] input[tuiToggle]:active:after{width:2.3rem}[data-platform=ios] input[tuiToggle]:checked,[data-platform=ios] input[tuiToggle]:checked:hover,[data-platform=ios] input[tuiToggle]:checked:active{background:var(--tui-accent)}[data-platform=ios] input[tuiToggle]:checked:invalid,[data-platform=ios] input[tuiToggle]:checked:hover:invalid,[data-platform=ios] input[tuiToggle]:checked:active:invalid{background:var(--tui-error-fill)}[data-platform=ios] input[tuiToggle]:checked:after,[data-platform=ios] input[tuiToggle]:checked:hover:after,[data-platform=ios] input[tuiToggle]:checked:active:after{transform:scale(.871) translate(1.44rem)}[data-platform=ios] input[tuiToggle]:checked:active:after,[data-platform=ios] input[tuiToggle]:checked:hover:active:after,[data-platform=ios] input[tuiToggle]:checked:active:active:after{transform:scale(.871) translate(1.0775rem)}[data-platform=android] tui-badge,[data-platform=ios] tui-badge,[data-platform=android] [tuiBadge],[data-platform=ios] [tuiBadge]{font-weight:700}[data-platform=android] tui-badge[data-appearance=neutral],[data-platform=ios] tui-badge[data-appearance=neutral],[data-platform=android] [tuiBadge][data-appearance=neutral],[data-platform=ios] [tuiBadge][data-appearance=neutral]{background:var(--tui-base-06)}[data-platform=android] tui-badge[data-size=s],[data-platform=ios] tui-badge[data-size=s],[data-platform=android] [tuiBadge][data-size=s],[data-platform=ios] [tuiBadge][data-size=s]{font:var(--tui-font-text-xs);font-weight:700}[data-platform=android] tui-badge[data-size=xl],[data-platform=ios] tui-badge[data-size=xl],[data-platform=android] [tuiBadge][data-size=xl],[data-platform=ios] [tuiBadge][data-size=xl]{--t-padding: 0 .625rem;--t-size: 1.75rem;font:var(--tui-font-text-s);font-weight:700}[data-platform=android] tui-badge-notification[data-size=l],[data-platform=ios] tui-badge-notification[data-size=l]{font:var(--tui-font-text-m)}[data-platform=android] tui-badge-notification[data-size=m],[data-platform=ios] tui-badge-notification[data-size=m]{--t-size: 1.125rem}[data-platform=android] tui-block-status,[data-platform=ios] tui-block-status{padding:2rem}[data-platform=android] tui-block-status .t-block-image,[data-platform=ios] tui-block-status .t-block-image{margin-bottom:1.5rem}[data-platform=android] tui-block-status .t-block-text:not(:empty),[data-platform=ios] tui-block-status .t-block-text:not(:empty){margin-bottom:1.5rem}[data-platform=android] tui-block-status._card,[data-platform=ios] tui-block-status._card{padding:1.25rem}[data-platform=android] tui-block-status._card .t-block-image,[data-platform=ios] tui-block-status._card .t-block-image{margin-top:.75rem;margin-bottom:1rem}[data-platform=android] tui-block-status h1,[data-platform=ios] tui-block-status h1,[data-platform=android] tui-block-status h2,[data-platform=ios] tui-block-status h2,[data-platform=android] tui-block-status h3,[data-platform=ios] tui-block-status h3,[data-platform=android] tui-block-status h4,[data-platform=ios] tui-block-status h4,[data-platform=android] tui-block-status h5,[data-platform=ios] tui-block-status h5,[data-platform=android] tui-block-status h6,[data-platform=ios] tui-block-status h6{font:var(--tui-font-heading-5);margin-bottom:.5rem}[data-platform=android] tui-block-status img,[data-platform=ios] tui-block-status img{width:8rem;height:8rem}[data-platform=android] tui-block-status a:not(:last-child),[data-platform=ios] tui-block-status a:not(:last-child),[data-platform=android] tui-block-status button:not(:last-child),[data-platform=ios] tui-block-status button:not(:last-child){margin-bottom:.5rem}[data-platform=android] [tuiButtonNew],[data-platform=ios] [tuiButtonNew]{width:100%}[data-platform=android] [tuiButtonNew][data-size=xs],[data-platform=ios] [tuiButtonNew][data-size=xs],[data-platform=android] [tuiButtonNew][data-size=s],[data-platform=ios] [tuiButtonNew][data-size=s],[data-platform=android] [tuiButtonNew][data-size=l],[data-platform=ios] [tuiButtonNew][data-size=l]{--t-radius: 1rem}[data-platform=android] [tuiButtonNew][data-size=m],[data-platform=ios] [tuiButtonNew][data-size=m]{--t-radius: .75rem}[data-platform=android] [tuiButtonNew]:disabled:not(._loading),[data-platform=ios] [tuiButtonNew]:disabled:not(._loading){background:var(--tui-clear);color:var(--tui-clear-active);opacity:1}[data-platform=android] [tuiButtonNew]:disabled:not(._loading)[data-appearance=flat],[data-platform=ios] [tuiButtonNew]:disabled:not(._loading)[data-appearance=flat]{background:transparent}[data-platform=android] [tuiButton][tuiButtonVertical],[data-platform=ios] [tuiButton][tuiButtonVertical]{gap:.5rem}[data-platform=android] [tuiTitle],[data-platform=ios] [tuiTitle]{gap:.25rem}[data-platform=android] [tuiTitle] [tuiSubtitle],[data-platform=ios] [tuiTitle] [tuiSubtitle]{color:var(--tui-text-02)}[data-platform=android] [tuiCardLarge][data-space=normal],[data-platform=ios] [tuiCardLarge][data-space=normal]{--t-padding: 1.25rem;--t-gap: 1.25rem}[data-platform=android] [tuiCardLarge][data-space=compact],[data-platform=ios] [tuiCardLarge][data-space=compact]{--t-padding: 1rem;--t-gap: 1rem;--t-comp: -.125rem}@keyframes tuiReveal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes tuiFadeIn{0%{opacity:0}to{opacity:1}}html{height:100%;font-size:16px}body{height:100%;min-height:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{-webkit-overflow-scrolling:touch}ul,ol{list-style:none;padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}input,button,select,textarea{font-family:inherit;color:inherit}hr{margin:0;height:1px;border:none;background:var(--tui-base-03)}iframe{border:none}svg use{pointer-events:none}::selection{background-color:var(--tui-selection)}::-ms-clear{display:none}::-ms-reveal{display:none}@supports (-webkit-hyphens: none) and (text-align-last: right){:after{content:none}}.tui-container{margin-right:auto;margin-left:auto}@media screen and (min-width: 80em){.tui-container.tui-container_adaptive{width:69rem}}@media screen and (max-width: 79.9625em){.tui-container.tui-container_adaptive{width:51.5rem}}@media screen and (max-width: 47.9625em){.tui-container.tui-container_adaptive{width:100%;padding:0 1rem;box-sizing:border-box}}@media screen and (min-width: 80em){.tui-container{width:69rem}}@media screen and (max-width: 79.9625em){.tui-container{width:51.5rem;padding:0 3rem}}@media screen and (min-width: 80em){.tui-container_menu{width:69rem}}@media (min-width: 64em) and (max-width: 79.9625em){.tui-container_menu{width:51.5rem}}@media screen and (max-width: 47.9625em){.tui-container_menu{width:auto;padding:0 1rem;box-sizing:border-box}}.tui-container_fullwidth{width:auto;padding:0 1.5rem}@media screen and (max-width: 47.9625em){.tui-container_fullwidth{padding:0 1rem;box-sizing:border-box}}@media screen and (max-width: 79.9625em){.tui-container_fixed{width:69rem}}.tui-form__header{font:var(--tui-font-heading-5);margin-top:2rem;margin-bottom:1.25rem}@media screen and (max-width: 47.9625em){.tui-form__header{font:var(--tui-font-text-l);font-weight:700;margin-bottom:1rem}}.tui-form__header_margin-top_none{margin-top:0}.tui-form__header_margin-bottom_none{margin-bottom:0}.tui-form__header_margin-bottom_small{margin-bottom:1rem}@media screen and (max-width: 47.9625em){.tui-form__header_margin-bottom_small{margin-bottom:.75rem}}.tui-form__row{margin-top:1.25rem}.tui-form__row:first-child{margin-top:0}.tui-form__row_multi-fields{display:flex}@media screen and (max-width: 47.9625em){.tui-form__row_multi-fields{flex-wrap:wrap}}.tui-form__row_half-width{width:calc(50% - .625rem)}@media screen and (max-width: 47.9625em){.tui-form__row_half-width{width:100%}}.tui-form__row_checkboxes{display:flex;flex-wrap:wrap}@media screen and (max-width: 47.9625em){.tui-form__row{margin-top:1rem}}.tui-form__multi-field{flex:1 1 0;min-width:0;margin-left:1.25rem}.tui-form__multi-field:first-child{margin-left:0}@media screen and (max-width: 47.9625em){.tui-form__multi-field{flex-basis:100%;margin-top:1rem;margin-left:0}.tui-form__multi-field:first-child{margin-top:0}}.tui-form__field-note{font:var(--tui-font-text-s);margin-top:.25rem;color:var(--tui-text-02)}.tui-form__field-checkbox{margin-top:.5rem}.tui-form__checkbox{flex:1 1 calc(50% - .625rem)}.tui-form__checkbox:nth-child(even){margin-left:1.25rem}.tui-form__checkbox:nth-child(n + 3){margin-top:1rem}.tui-form__buttons{display:flex;margin-top:2rem}.tui-form__buttons_align_end{justify-content:flex-end}.tui-form__buttons_align_center{justify-content:center}@media screen and (max-width: 47.9625em){.tui-form__buttons{flex-direction:column;margin-top:1.5rem}}.tui-form__button{margin-left:.75rem}.tui-form__button:first-child{margin-left:0}@media screen and (max-width: 47.9625em){.tui-form__button{margin-top:.5rem;margin-left:0}}.tui-island{position:relative;border-radius:var(--tui-radius-xl);background-color:var(--tui-base-01);word-wrap:break-word;text-decoration:none;color:var(--tui-text-01);outline:none;box-sizing:content-box}.tui-island:not(.tui-island_hoverable):before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-sizing:border-box;border:1px solid var(--tui-base-03);border-radius:inherit;pointer-events:none}.tui-island:focus:before,.tui-island:hover:focus:before{border-color:var(--tui-focus)}.tui-island_hoverable{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;box-shadow:var(--tui-shadow);cursor:pointer;transition-property:transform,box-shadow;will-change:transform,box-shadow;background:var(--tui-elevation-02)}.tui-island_hoverable:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem)}.tui-island_transparent{background-color:transparent}.tui-island_size_s{--tui-radius-xl: calc(4 * var(--tui-radius-l) / 3);font:var(--tui-font-text-s);padding:1rem}.tui-island_size_m{--tui-radius-xl: calc(5 * var(--tui-radius-l) / 3);font:var(--tui-font-text-m);padding:1rem}.tui-island_size_l{font:var(--tui-font-text-m);padding:1.25rem}.tui-island_text-align_left{text-align:left}.tui-island_text-align_center{text-align:center}.tui-island_text-align_right{text-align:right}.tui-island__content{display:flex;justify-content:space-between}.tui-island_text-align_center .tui-island__content{display:block}.tui-island__content>*{min-width:0}.tui-island__category{font-size:.6875rem;line-height:1rem;text-transform:uppercase;letter-spacing:.075em;margin:0 0 .5rem;color:var(--tui-text-02)}.tui-island_size_l .tui-island__category{margin:0 0 .75rem}.tui-island__title{font:var(--tui-font-text-m);margin:0 0 .5rem}.tui-island_size_m .tui-island__title{font:var(--tui-font-heading-6);margin:0 0 .75rem}.tui-island_size_l .tui-island__title{font:var(--tui-font-heading-6)}.tui-island__paragraph{margin:0;color:var(--tui-text-02)}.tui-island__paragraph_link.tui-island__paragraph{margin-top:1rem}.tui-island_size_l .tui-island__paragraph_link.tui-island__paragraph{margin:1rem 0 0}.tui-island__paragraph_button.tui-island__paragraph{margin-top:1.25rem}.tui-island_size_l .tui-island__paragraph_button.tui-island__paragraph{margin:1.25rem 0 0}.tui-island__figure{display:flex;justify-content:center;order:1;flex-shrink:0;margin:0 0 0 1rem}.tui-island_size_l .tui-island__figure{margin-left:2.25rem}.tui-island_text-align_center .tui-island__figure{margin:0 0 .75rem}.tui-island__carousel-controls{display:flex;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--tui-base-03);white-space:nowrap}.tui-island__carousel-pages{margin-left:auto;color:var(--tui-text-02)}.tui-island__carousel-button{margin-right:.5rem}.tui-island .tui-island__footer-button{display:block;width:calc(100% + 1.875rem);margin:1rem calc(-1rem + 1px) calc(-1rem + 1px);border-top:1px solid var(--tui-base-03);border-radius:0 0 var(--tui-radius-xl) var(--tui-radius-xl)}.tui-island_size_l .tui-island__footer-button{width:calc(100% + 2.375rem);margin:1.25rem calc(-1.25rem + 1px) calc(-1.25rem + 1px)}.tui-island__marker:first-child:not(:only-child){margin-right:1.25rem}.tui-island__marker:not(:first-child),.tui-island__marker:only-child{margin-left:1.25rem}.tui-list{font:var(--tui-font-text-m);line-height:1.5rem;list-style-type:none;color:var(--tui-text-01)}.tui-list_large{font:var(--tui-font-text-l);line-height:1.75rem}.tui-list_small,.tui-list_extra-small{font:var(--tui-font-text-s);line-height:1.25rem}.tui-list_nested{margin:.75rem 0 .75rem 1.25rem;color:var(--tui-text-02)}.tui-list_large .tui-list_nested{margin-left:.75rem}.tui-list_small .tui-list_nested{margin-top:.5rem;margin-bottom:.5rem}.tui-list_ordered{counter-reset:counter}.tui-list__item{position:relative;padding-left:1.5rem;word-wrap:break-word;margin-top:.75rem}.tui-list__item:first-child{margin-top:0}.tui-list__item:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;border-radius:100%;background-color:var(--tui-primary)}.tui-list_large>.tui-list__item:before{top:.625rem}.tui-list_small>.tui-list__item:before{top:.325rem}.tui-list_extra-small>.tui-list__item{margin-top:.5rem}.tui-list_linear .tui-list__item{padding-left:1.75rem}.tui-list_linear .tui-list__item:before{content:"\2014";left:0;top:auto;width:auto;height:auto;background-color:transparent}.tui-list_ordered .tui-list__item{padding-left:1.25rem}.tui-list_ordered .tui-list__item:before{content:counter(counter) ".";left:0;top:auto;counter-increment:counter;width:auto;height:auto;color:var(--tui-text-03);background-color:transparent}.tui-list_triangle>.tui-list__item{padding-left:1.75rem}.tui-list_triangle>.tui-list__item:before{content:"\25e4";left:0;top:1px;width:auto;height:auto;background-color:transparent;color:var(--tui-base-06);font-size:.75rem}.tui-list__item-title{font:var(--tui-font-heading-5);margin:0}.tui-list_small .tui-list__item-title{line-height:1.25rem;font-weight:700}.tui-list__description{margin:.5rem 0 0;color:var(--tui-text-02)}.tui-list_small .tui-list__description{margin-top:.25rem}.tui-list_large .tui-list__description{line-height:1.75rem;margin-top:.75rem}@media not screen and (max-width: 47.9625em){.tui-mobile-only{display:none!important}}.tui-required:after{content:"*"}.tui-required_float:after{position:absolute}.tui-required_spacing:after{content:"\a0*"}.tui-row{display:flex;flex-wrap:wrap}.tui-row_align_center{align-items:center}.tui-row_align_start{align-items:flex-start}.tui-row_align_end{align-items:flex-end}@media screen and (min-width: 80em){.tui-row_adaptive.tui-row{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 79.9625em){.tui-row_adaptive.tui-row{margin-left:-1.25rem;margin-right:-1.25rem}}@media screen and (max-width: 47.9625em){.tui-row_adaptive.tui-row{margin-left:-.5rem;margin-right:-.5rem}}.tui-row_temporary.tui-row{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 80em){.tui-row{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (max-width: 79.9625em){.tui-row{margin-left:-1.25rem;margin-right:-1.25rem}}.tui-col_1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_md-12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-col_stretch{display:flex}@media screen and (min-width: 80em){.tui-row_adaptive .tui-col_lg-1{width:8.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-2{width:16.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-3{width:25%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-4{width:33.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-5{width:41.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-6{width:50%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-7{width:58.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-8{width:66.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-9{width:75%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-10{width:83.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-11{width:91.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_lg-12{width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}}@media screen and (max-width: 79.9625em){.tui-row_adaptive .tui-col_md-1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_adaptive .tui-col_md-12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}}@media screen and (max-width: 47.9625em){.tui-row_adaptive .tui-col_xs-1{width:8.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-2{width:16.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-3{width:25%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-4{width:33.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-5{width:41.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-6{width:50%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-7{width:58.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-8{width:66.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-9{width:75%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-10{width:83.33333333%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-11{width:91.66666667%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.tui-row_adaptive .tui-col_xs-12{width:100%;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}}.tui-row_temporary .tui-col_1{width:8.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_2{width:16.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_3{width:25%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_4{width:33.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_5{width:41.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_6{width:50%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_7{width:58.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_8{width:66.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_9{width:75%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_10{width:83.33333333%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_11{width:91.66666667%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}.tui-row_temporary .tui-col_12{width:100%;padding-left:1.25rem;padding-right:1.25rem;box-sizing:border-box}@media screen and (min-width: 80em){.tui-col_1{width:8.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_2{width:16.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_3{width:25%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_4{width:33.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_5{width:41.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_6{width:50%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_7{width:58.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_8{width:66.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_9{width:75%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_10{width:83.33333333%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_11{width:91.66666667%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}.tui-col_12{width:100%;padding-left:1.5rem;padding-right:1.5rem;box-sizing:border-box}}.tui-col-offset_1{margin-left:8.33333333%}.tui-col-offset_2{margin-left:16.66666667%}.tui-col-offset_3{margin-left:25%}.tui-col-offset_4{margin-left:33.33333333%}.tui-col-offset_5{margin-left:41.66666667%}.tui-col-offset_6{margin-left:50%}.tui-col-offset_7{margin-left:58.33333333%}.tui-col-offset_8{margin-left:66.66666667%}.tui-col-offset_9{margin-left:75%}.tui-col-offset_10{margin-left:83.33333333%}.tui-col-offset_11{margin-left:91.66666667%}.tui-col-offset_12{margin-left:100%}@media (min-width: 22.5em) and (max-width: 47.9625em){.tui-col-offset_xs-1{margin-left:8.33333333%}.tui-col-offset_xs-2{margin-left:16.66666667%}.tui-col-offset_xs-3{margin-left:25%}.tui-col-offset_xs-4{margin-left:33.33333333%}.tui-col-offset_xs-5{margin-left:41.66666667%}.tui-col-offset_xs-6{margin-left:50%}.tui-col-offset_xs-7{margin-left:58.33333333%}.tui-col-offset_xs-8{margin-left:66.66666667%}.tui-col-offset_xs-9{margin-left:75%}.tui-col-offset_xs-10{margin-left:83.33333333%}.tui-col-offset_xs-11{margin-left:91.66666667%}.tui-col-offset_xs-12{margin-left:100%}}@media screen and (max-width: 79.9625em){.tui-col-offset_md-1{margin-left:8.33333333%}.tui-col-offset_md-2{margin-left:16.66666667%}.tui-col-offset_md-3{margin-left:25%}.tui-col-offset_md-4{margin-left:33.33333333%}.tui-col-offset_md-5{margin-left:41.66666667%}.tui-col-offset_md-6{margin-left:50%}.tui-col-offset_md-7{margin-left:58.33333333%}.tui-col-offset_md-8{margin-left:66.66666667%}.tui-col-offset_md-9{margin-left:75%}.tui-col-offset_md-10{margin-left:83.33333333%}.tui-col-offset_md-11{margin-left:91.66666667%}.tui-col-offset_md-12{margin-left:100%}}@media screen and (min-width: 80em){.tui-col-offset_lg-1{margin-left:8.33333333%}.tui-col-offset_lg-2{margin-left:16.66666667%}.tui-col-offset_lg-3{margin-left:25%}.tui-col-offset_lg-4{margin-left:33.33333333%}.tui-col-offset_lg-5{margin-left:41.66666667%}.tui-col-offset_lg-6{margin-left:50%}.tui-col-offset_lg-7{margin-left:58.33333333%}.tui-col-offset_lg-8{margin-left:66.66666667%}.tui-col-offset_lg-9{margin-left:75%}.tui-col-offset_lg-10{margin-left:83.33333333%}.tui-col-offset_lg-11{margin-left:91.66666667%}.tui-col-offset_lg-12{margin-left:100%}}.tui-skeleton{position:relative;color:transparent!important;background:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.tui-skeleton:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-color:var(--tui-clear-hover);animation:tuiSkeletonVibe ease-in-out 1s infinite alternate;border-radius:var(--tui-skeleton-radius, 0)}.tui-skeleton_light:after{background-color:#ffffff3d}.tui-skeleton_rounded:after{border-radius:inherit}.tui-skeleton_short:after{width:40%}.tui-skeleton_center:after{position:absolute;left:50%;transform:translate(-50%);width:40%}.tui-skeleton_text:before{content:"\a0"}.tui-skeleton *{opacity:0;visibility:hidden}.tui-space_all-16{margin:4rem}.tui-space_all-15{margin:3.75rem}.tui-space_all-14{margin:3.5rem}.tui-space_all-13{margin:3.25rem}.tui-space_all-12{margin:3rem}.tui-space_all-11{margin:2.75rem}.tui-space_all-10{margin:2.5rem}.tui-space_all-9{margin:2.25rem}.tui-space_all-8{margin:2rem}.tui-space_all-7{margin:1.75rem}.tui-space_all-6{margin:1.5rem}.tui-space_all-5{margin:1.25rem}.tui-space_all-4{margin:1rem}.tui-space_all-3{margin:.75rem}.tui-space_all-2{margin:.5rem}.tui-space_all-1{margin:.25rem}.tui-space_all-0{margin:0rem}.tui-space_top-16{margin-top:4rem}.tui-space_top-15{margin-top:3.75rem}.tui-space_top-14{margin-top:3.5rem}.tui-space_top-13{margin-top:3.25rem}.tui-space_top-12{margin-top:3rem}.tui-space_top-11{margin-top:2.75rem}.tui-space_top-10{margin-top:2.5rem}.tui-space_top-9{margin-top:2.25rem}.tui-space_top-8{margin-top:2rem}.tui-space_top-7{margin-top:1.75rem}.tui-space_top-6{margin-top:1.5rem}.tui-space_top-5{margin-top:1.25rem}.tui-space_top-4{margin-top:1rem}.tui-space_top-3{margin-top:.75rem}.tui-space_top-2{margin-top:.5rem}.tui-space_top-1{margin-top:.25rem}.tui-space_top-0{margin-top:0rem}.tui-space_bottom-16{margin-bottom:4rem}.tui-space_bottom-15{margin-bottom:3.75rem}.tui-space_bottom-14{margin-bottom:3.5rem}.tui-space_bottom-13{margin-bottom:3.25rem}.tui-space_bottom-12{margin-bottom:3rem}.tui-space_bottom-11{margin-bottom:2.75rem}.tui-space_bottom-10{margin-bottom:2.5rem}.tui-space_bottom-9{margin-bottom:2.25rem}.tui-space_bottom-8{margin-bottom:2rem}.tui-space_bottom-7{margin-bottom:1.75rem}.tui-space_bottom-6{margin-bottom:1.5rem}.tui-space_bottom-5{margin-bottom:1.25rem}.tui-space_bottom-4{margin-bottom:1rem}.tui-space_bottom-3{margin-bottom:.75rem}.tui-space_bottom-2{margin-bottom:.5rem}.tui-space_bottom-1{margin-bottom:.25rem}.tui-space_bottom-0{margin-bottom:0rem}.tui-space_vertical-16{margin-top:4rem;margin-bottom:4rem}.tui-space_vertical-15{margin-top:3.75rem;margin-bottom:3.75rem}.tui-space_vertical-14{margin-top:3.5rem;margin-bottom:3.5rem}.tui-space_vertical-13{margin-top:3.25rem;margin-bottom:3.25rem}.tui-space_vertical-12{margin-top:3rem;margin-bottom:3rem}.tui-space_vertical-11{margin-top:2.75rem;margin-bottom:2.75rem}.tui-space_vertical-10{margin-top:2.5rem;margin-bottom:2.5rem}.tui-space_vertical-9{margin-top:2.25rem;margin-bottom:2.25rem}.tui-space_vertical-8{margin-top:2rem;margin-bottom:2rem}.tui-space_vertical-7{margin-top:1.75rem;margin-bottom:1.75rem}.tui-space_vertical-6{margin-top:1.5rem;margin-bottom:1.5rem}.tui-space_vertical-5{margin-top:1.25rem;margin-bottom:1.25rem}.tui-space_vertical-4{margin-top:1rem;margin-bottom:1rem}.tui-space_vertical-3{margin-top:.75rem;margin-bottom:.75rem}.tui-space_vertical-2{margin-top:.5rem;margin-bottom:.5rem}.tui-space_vertical-1{margin-top:.25rem;margin-bottom:.25rem}.tui-space_vertical-0{margin-top:0rem;margin-bottom:0rem}.tui-space_left-16{margin-left:4rem}.tui-space_left-15{margin-left:3.75rem}.tui-space_left-14{margin-left:3.5rem}.tui-space_left-13{margin-left:3.25rem}.tui-space_left-12{margin-left:3rem}.tui-space_left-11{margin-left:2.75rem}.tui-space_left-10{margin-left:2.5rem}.tui-space_left-9{margin-left:2.25rem}.tui-space_left-8{margin-left:2rem}.tui-space_left-7{margin-left:1.75rem}.tui-space_left-6{margin-left:1.5rem}.tui-space_left-5{margin-left:1.25rem}.tui-space_left-4{margin-left:1rem}.tui-space_left-3{margin-left:.75rem}.tui-space_left-2{margin-left:.5rem}.tui-space_left-1{margin-left:.25rem}.tui-space_left-0{margin-left:0rem}.tui-space_right-16{margin-right:4rem}.tui-space_right-15{margin-right:3.75rem}.tui-space_right-14{margin-right:3.5rem}.tui-space_right-13{margin-right:3.25rem}.tui-space_right-12{margin-right:3rem}.tui-space_right-11{margin-right:2.75rem}.tui-space_right-10{margin-right:2.5rem}.tui-space_right-9{margin-right:2.25rem}.tui-space_right-8{margin-right:2rem}.tui-space_right-7{margin-right:1.75rem}.tui-space_right-6{margin-right:1.5rem}.tui-space_right-5{margin-right:1.25rem}.tui-space_right-4{margin-right:1rem}.tui-space_right-3{margin-right:.75rem}.tui-space_right-2{margin-right:.5rem}.tui-space_right-1{margin-right:.25rem}.tui-space_right-0{margin-right:0rem}.tui-space_horizontal-16{margin-right:4rem;margin-left:4rem}.tui-space_horizontal-15{margin-right:3.75rem;margin-left:3.75rem}.tui-space_horizontal-14{margin-right:3.5rem;margin-left:3.5rem}.tui-space_horizontal-13{margin-right:3.25rem;margin-left:3.25rem}.tui-space_horizontal-12{margin-right:3rem;margin-left:3rem}.tui-space_horizontal-11{margin-right:2.75rem;margin-left:2.75rem}.tui-space_horizontal-10{margin-right:2.5rem;margin-left:2.5rem}.tui-space_horizontal-9{margin-right:2.25rem;margin-left:2.25rem}.tui-space_horizontal-8{margin-right:2rem;margin-left:2rem}.tui-space_horizontal-7{margin-right:1.75rem;margin-left:1.75rem}.tui-space_horizontal-6{margin-right:1.5rem;margin-left:1.5rem}.tui-space_horizontal-5{margin-right:1.25rem;margin-left:1.25rem}.tui-space_horizontal-4{margin-right:1rem;margin-left:1rem}.tui-space_horizontal-3{margin-right:.75rem;margin-left:.75rem}.tui-space_horizontal-2{margin-right:.5rem;margin-left:.5rem}.tui-space_horizontal-1{margin-right:.25rem;margin-left:.25rem}.tui-space_horizontal-0{margin-right:0rem;margin-left:0rem}.tui-space_auto{margin-left:auto;margin-right:auto}.tui-table{width:100%}.tui-table_layout_fixed{table-layout:fixed}.tui-table__tr{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;outline:none}.tui-table__tr:not(.tui-table__tr_hover_disabled):hover{background:var(--tui-base-02)}.tui-table__tr:not(.tui-table__tr_border_none){border-bottom:1px solid var(--tui-base-03)}.tui-table__tr_border_top{border-top:1px solid var(--tui-base-03)}.tui-table__tr_cursor_pointer{cursor:pointer}.tui-table__th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:var(--tui-font-text-s);padding:.5rem 1rem;vertical-align:middle;height:2.5rem;color:var(--tui-text-02);background:inherit}.tui-table__th_font-size_l,.tui-table_font-size_l .tui-table__th{font:var(--tui-font-text-m)}.tui-table__td{font:var(--tui-font-text-m);padding:1rem 1rem .875rem;vertical-align:top;word-wrap:break-word;height:3.4375rem;color:var(--tui-text-01);background:inherit}.tui-table__td_size_l,.tui-table_size_l .tui-table__td{height:4.9375rem}.tui-table__td_font-size_l,.tui-table_font-size_l .tui-table__td{font:var(--tui-font-text-l)}.tui-table__td_font-size_s,.tui-table_font-size_s .tui-table__td{font:var(--tui-font-text-s)}.tui-table__td_align_center{vertical-align:middle}.tui-table__td,.tui-table__th{box-sizing:border-box;text-align:left}.tui-table_size_l .tui-table__td:before,.tui-table_size_l .tui-table__th:before{width:1rem;border-top-left-radius:1rem;border-bottom-left-radius:1rem}.tui-table__td_first:before,.tui-table__th_first:before,.tui-table__td_last:before,.tui-table__th_last:before{content:"";position:absolute;top:0;width:.75rem;height:100%;background:inherit;border-top-left-radius:.75rem;border-bottom-left-radius:.75rem}.tui-table__td_first,.tui-table__th_first{position:relative;padding-left:0;overflow:visible}.tui-table__td_first:before,.tui-table__th_first:before{right:100%}.tui-table__td_last,.tui-table__th_last{position:relative;padding-right:0;overflow:visible}.tui-table__td_last:before,.tui-table__th_last:before{left:100%;transform:scaleX(-1)}.tui-table__td_text_center,.tui-table__th_text_center{text-align:center}.tui-table__td_text_right,.tui-table__th_text_right{text-align:right}.tui-table__td_text_overflow,.tui-table__th_text_overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tui-table__subtext{font:var(--tui-font-text-s);margin:.25rem 0 0;color:var(--tui-text-03)}.tui-table__sort{-webkit-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;outline:none;cursor:pointer}.tui-table__sort:hover{color:var(--tui-text-01)}.tui-table__sort_active{color:var(--tui-link)}.tui-table__sort_active:hover{color:var(--tui-link-hover)}.tui-table__sort-icon{position:absolute;top:50%;transform:translateY(-50%);left:100%;margin-left:.125rem;width:1rem;height:1rem;flex-shrink:0;opacity:0}.tui-table__sort_active .tui-table__sort-icon,.tui-table__sort:hover .tui-table__sort-icon{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:1}.tui-table__sort_active.tui-table__sort_up .tui-table__sort-icon{transform:rotate(180deg) translateY(50%)}.tui-text_h1{font:var(--tui-font-heading-1)}.tui-text_h2{font:var(--tui-font-heading-2)}.tui-text_h3{font:var(--tui-font-heading-3)}.tui-text_h4{font:var(--tui-font-heading-4)}.tui-text_h5{font:var(--tui-font-heading-5)}.tui-text_h6{font:var(--tui-font-heading-6)}.tui-text_body-xl{font:var(--tui-font-text-xl)}.tui-text_body-l{font:var(--tui-font-text-l)}.tui-text_body-l-2{font:var(--tui-font-text-l-2)}.tui-text_body-m{font:var(--tui-font-text-m)}.tui-text_body-m-2{font:var(--tui-font-text-m-2)}.tui-text_body-s{font:var(--tui-font-text-s)}.tui-text_body-s-2{font:var(--tui-font-text-s-2)}.tui-text_body-xs{font:var(--tui-font-text-xs)}.tui-text_bold{font-weight:700}html,body{scroll-behavior:smooth;font:var(--tui-font-text-m)}:host-context(tui-root._reduced-motion) html,:host-context(tui-root._reduced-motion) body{scroll-behavior:auto}@media (prefers-reduced-motion){html,body{scroll-behavior:auto}}.b-demo-steps{list-style-type:decimal;padding-left:.9375rem;margin:1rem 0}.b-demo-steps li{margin-bottom:1.25rem}.b-full-width{width:100%}