diff --git a/next/10364.1c771b484c92fac9.js b/next/10364.1c771b484c92fac9.js
new file mode 100644
index 000000000000..a70814f331b7
--- /dev/null
+++ b/next/10364.1c771b484c92fac9.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[10364],{10364:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiButtonGroupModule:()=>k});var i=n(86568),o=n(752),a=n(62548),u=n(37304),c=n(6528),r=n(62224),l=n(13692),d=n(34496),s=n(37288),p=n(83480),m=n(69352),R=n(15268),f=n(3344);let C=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-group-example-1"]],decls:21,vars:0,consts:[["tuiButtonGroup","","tuiSurface","elevated"],["icon","tuiIconPlusCircleLarge"],["icon","tuiIconArrowRightCircleLarge"]],template:function(t,e){1&t&&(c.I0R(0,"div",0)(1,"button"),c.wR5(2,"tui-icon",1),c.OEk(3," Create a payment "),c.C$Y(),c.I0R(4,"button"),c.wR5(5,"tui-icon",1),c.OEk(6," Pay the bill "),c.C$Y(),c.I0R(7,"button"),c.wR5(8,"tui-icon",1),c.OEk(9," Remove from favorites "),c.C$Y()(),c.I0R(10,"div",0)(11,"button"),c.wR5(12,"tui-icon",1),c.OEk(13," Top up "),c.C$Y(),c.I0R(14,"button"),c.wR5(15,"tui-icon",2),c.OEk(16," Take out "),c.C$Y()(),c.I0R(17,"div",0)(18,"button"),c.wR5(19,"tui-icon",1),c.OEk(20," To repay "),c.C$Y()())},dependencies:[m.i,R.c,f.S],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:21.5625rem}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{width:100%}}"],changeDetection:0}),e})(),h=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-group-example-2"]],decls:21,vars:0,consts:[["tuiButtonGroup","","tuiSurface","flat"],["icon","tuiIconPlusCircleLarge"],["icon","tuiIconArrowRightCircleLarge"]],template:function(t,e){1&t&&(c.I0R(0,"div",0)(1,"button"),c.wR5(2,"tui-icon",1),c.OEk(3," Create a payment "),c.C$Y(),c.I0R(4,"button"),c.wR5(5,"tui-icon",1),c.OEk(6," Pay the bill "),c.C$Y(),c.I0R(7,"button"),c.wR5(8,"tui-icon",1),c.OEk(9," Remove from favorites "),c.C$Y()(),c.I0R(10,"div",0)(11,"button"),c.wR5(12,"tui-icon",1),c.OEk(13," Top up "),c.C$Y(),c.I0R(14,"button"),c.wR5(15,"tui-icon",2),c.OEk(16," Take out "),c.C$Y()(),c.I0R(17,"div",0)(18,"button"),c.wR5(19,"tui-icon",1),c.OEk(20," To repay "),c.C$Y()())},dependencies:[m.i,R.c,f.S],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:21.5625rem}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{width:100%}}"],changeDetection:0}),e})(),g=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-group-example-3"]],decls:21,vars:0,consts:[["tuiButtonGroup","","tuiSurface","dark"],["icon","tuiIconPlusCircleLarge"],["icon","tuiIconArrowRightCircleLarge"]],template:function(t,e){1&t&&(c.I0R(0,"div",0)(1,"button"),c.wR5(2,"tui-icon",1),c.OEk(3," Create a payment "),c.C$Y(),c.I0R(4,"button"),c.wR5(5,"tui-icon",1),c.OEk(6," Pay the bill "),c.C$Y(),c.I0R(7,"button"),c.wR5(8,"tui-icon",1),c.OEk(9," Remove from favorites "),c.C$Y()(),c.I0R(10,"div",0)(11,"button"),c.wR5(12,"tui-icon",1),c.OEk(13," Top up "),c.C$Y(),c.I0R(14,"button"),c.wR5(15,"tui-icon",2),c.OEk(16," Take out "),c.C$Y()(),c.I0R(17,"div",0)(18,"button"),c.wR5(19,"tui-icon",1),c.OEk(20," To repay "),c.C$Y()())},dependencies:[m.i,R.c,f.S],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:21.5625rem}@media screen and (max-width: 47.9625em){[_nghost-%COMP%]{width:100%}}[tuiSurface][data-surface=dark][_ngcontent-%COMP%]{background:linear-gradient(334.83deg,#7d8ca0 0%,#647382 100%)}[tuiSurface][data-surface=dark] button[_ngcontent-%COMP%]{color:#fff}[tuiSurface][data-surface=dark] button[_ngcontent-%COMP%]:active{--tui-clear: var(--tui-clear-inverse)}"],changeDetection:0}),e})();function b(t,e){if(1&t&&(c.I0R(0,"tui-notification",3),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"tui-doc-example",4),c.wR5(6,"tui-button-group-example-1"),c.C$Y(),c.I0R(7,"tui-doc-example",5),c.wR5(8,"tui-button-group-example-2"),c.C$Y(),c.I0R(9,"tui-doc-example",6),c.wR5(10,"tui-button-group-example-3"),c.C$Y()),2&t){const t=c.GaO();c.yG2(5),c.E7m("content",t.example1),c.yG2(2),c.E7m("content",t.example2),c.yG2(2),c.E7m("content",t.example3)}}function w(t,e){if(1&t&&(c.I0R(0,"ol",7)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",8),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",9),c.C$Y()()),2&t){const t=c.GaO();c.yG2(4),c.E7m("code",t.exampleModule),c.yG2(4),c.E7m("code",t.exampleHtml)}}let I=(()=>{var t;class e{constructor(){this.exampleModule=n.e(41416).then(n.t.bind(n,41416,17)),this.exampleHtml=n.e(50712).then(n.t.bind(n,50712,17)),this.example1={HTML:n.e(30116).then(n.t.bind(n,30116,17))},this.example2={HTML:n.e(62496).then(n.t.bind(n,62496,17))},this.example3={HTML:n.e(67328).then(n.t.bind(n,67328,17)),LESS:n.e(26160).then(n.t.bind(n,26160,17))}}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["example-button-group-card"]],decls:3,vars:0,consts:[["header","ButtonGroup","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","elevated","heading","Elevated",3,"content"],["id","flat","heading","Flat",3,"content"],["id","dark","heading","Dark",3,"content"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(t,e){1&t&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,b,11,3,"ng-template",1),c.yuY(2,w,9,2,"ng-template",2),c.C$Y())},dependencies:[r.e,l.u,d.E,s.u,p.I,C,h,g],encapsulation:2,changeDetection:0}),e})();n(23340);let k=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=c.a4G({type:t}),t.ɵinj=c.s3X({imports:[i.MD,u.C,u.kF,a.TuiNotificationModule,u.c3,(0,o.If)(I)]}),e})()}}]);
\ No newline at end of file
diff --git a/next/11093.bc3ca96241d3c56c.js b/next/11093.ae4460347695c362.js
similarity index 99%
rename from next/11093.bc3ca96241d3c56c.js
rename to next/11093.ae4460347695c362.js
index deb0f704c7b9..bdf2526682fd 100644
--- a/next/11093.bc3ca96241d3c56c.js
+++ b/next/11093.ae4460347695c362.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[11093],{11093:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiProgressSegmentedModule:()=>B});var s=n(86568),o=n(82312),r=n(63528),a=n(752),i=n(62548),u=n(84788),m=n(33976),c=n(6528),l=n(13692),p=n(96808),d=n(95356),g=n(56616),y=n(34496),h=n(37288),C=n(83480),E=n(55412),f=n(49692),x=n(69479),P=n(61788);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-1"]],decls:1,vars:3,consts:[["tuiProgressBar","",3,"max","segments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0),2&e&&c.E7m("max",5)("segments",5)("value",3)},dependencies:[f.q,P.K],encapsulation:2,changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-2"]],decls:6,vars:18,consts:[["size","xs","tuiProgressBar","",3,"max","segments","value"],["size","s","tuiProgressBar","",3,"max","segments","value"],["size","m","tuiProgressBar","",3,"max","segments","value"],["size","l","tuiProgressBar","",3,"max","segments","value"],["size","xl","tuiProgressBar","",3,"max","segments","value"],["size","xxl","tuiProgressBar","",3,"max","segments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0)(1,"progress",1)(2,"progress",2)(3,"progress",3)(4,"progress",4)(5,"progress",5),2&e&&(c.E7m("max",7)("segments",7)("value",3),c.yG2(1),c.E7m("max",10)("segments",10)("value",6),c.yG2(1),c.E7m("max",5)("segments",5)("value",4),c.yG2(1),c.E7m("max",3)("segments",3)("value",1),c.yG2(1),c.E7m("max",3)("segments",3)("value",2),c.yG2(1),c.E7m("max",3)("segments",3)("value",3))},dependencies:[f.q,P.K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}"],changeDetection:0}),t})(),k=(()=>{var e;class t{constructor(){this.arrayColors=["#39b54a","#ffd450","#ffd450","#fcc521","#fab619","#f8a34d","#e01f19"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-3"]],decls:2,vars:7,consts:[["size","s","tuiProgressBar","",1,"green",3,"max","segments","value"],["size","s","tuiProgressBar","",3,"max","segments","tuiProgressColorSegments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0)(1,"progress",1),2&e&&(c.E7m("max",8)("segments",8)("value",6),c.yG2(1),c.E7m("max",t.arrayColors.length)("segments",t.arrayColors.length)("tuiProgressColorSegments",t.arrayColors)("value",t.arrayColors.length))},dependencies:[f.q,x.C,P.K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}.green[_ngcontent-%COMP%]{color:var(--tui-support-20)}"],changeDetection:0}),t})();var O=n(6620),R=n(34684);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-4"]],decls:6,vars:4,consts:[["tuiProgressBar","",3,"max","segments","value"],[1,"description","tui-space_top-1"],["tuiLabel","Step"],[3,"value"],["tuiLabel","New apartment"]],template:function(e,t){1&e&&(c.wR5(0,"progress",0),c.I0R(1,"div",1)(2,"label",2),c.wR5(3,"tui-money",3),c.C$Y(),c.I0R(4,"label",4),c.OEk(5,"2 times left"),c.C$Y()()),2&e&&(c.E7m("max",5)("segments",5)("value",3),c.yG2(3),c.E7m("value",100500))},dependencies:[O.Y,R.s,f.q,P.K],styles:[".description[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.description[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:first-child{text-align:left}.description[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:last-child{text-align:right}"],changeDetection:0}),t})(),Y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-5"]],decls:1,vars:3,consts:[["tuiProgressBar","",3,"max","segments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0),2&e&&c.E7m("max",5)("segments",5)("value",3)},dependencies:[f.q,P.K],styles:["[tuiProgressBar]._segmented[_ngcontent-%COMP%]{--tui-segment-gap: .25rem;border-radius:0;-webkit-mask-image:linear-gradient(to left,transparent 0 var(--tui-segment-gap),#999 var(--tui-segment-gap) 100%);mask-image:linear-gradient(to left,transparent 0 var(--tui-segment-gap),#999 var(--tui-segment-gap) 100%)}"],changeDetection:0}),t})();function w(e,t){if(1&e&&(c.I0R(0,"code"),c.OEk(1,"ProgressSegmented"),c.C$Y(),c.OEk(2," is a component to visually represent the completion of a process or operation (as a segmented bar). It shows how much has been completed and how much remains. "),c.I0R(3,"p"),c.OEk(4," Actually, this component is the same "),c.I0R(5,"a",2)(6,"code"),c.OEk(7,"ProgressBar"),c.C$Y()(),c.OEk(8," processed by css-property "),c.I0R(9,"a",3)(10,"code"),c.OEk(11,"mask"),c.C$Y()(),c.OEk(12," . "),c.C$Y(),c.I0R(13,"tui-doc-example",4),c.wR5(14,"tui-progress-segmented-example-1"),c.C$Y(),c.I0R(15,"tui-doc-example",5),c.wR5(16,"tui-progress-segmented-example-2"),c.C$Y(),c.I0R(17,"tui-doc-example",6),c.wR5(18,"tui-progress-segmented-example-3"),c.C$Y(),c.I0R(19,"tui-doc-example",7),c.wR5(20,"tui-progress-segmented-example-4"),c.C$Y(),c.I0R(21,"tui-doc-example",8),c.wR5(22,"tui-progress-segmented-example-5"),c.C$Y()),2&e){const e=c.GaO();c.yG2(13),c.E7m("content",e.basicExample),c.yG2(2),c.E7m("content",e.sizesExample),c.yG2(2),c.E7m("content",e.colorsExample),c.yG2(2),c.E7m("content",e.labelsExample),c.yG2(2),c.E7m("content",e.noRoundCornersExample)}}function G(e,t){1&e&&(c.OEk(0," A number of visual segments. "),c.I0R(1,"p"),c.OEk(2," It must be a valid "),c.I0R(3,"strong"),c.OEk(4,"integer"),c.C$Y(),c.OEk(5," number between 0 and "),c.I0R(6,"code"),c.OEk(7,"max"),c.C$Y(),c.OEk(8," . "),c.C$Y())}function T(e,t){1&e&&(c.OEk(0," This property specifies how much of the task that has been completed. "),c.I0R(1,"p"),c.OEk(2," It must be a valid "),c.I0R(3,"strong"),c.OEk(4,"integer"),c.C$Y(),c.OEk(5," number between 0 and "),c.I0R(6,"code"),c.OEk(7,"max"),c.C$Y(),c.OEk(8," . "),c.C$Y())}function $(e,t){1&e&&(c.I0R(0,"p"),c.OEk(1,"This property describes how much work the task indicated by the progress element requires."),c.C$Y(),c.I0R(2,"p"),c.OEk(3," It must be a valid "),c.I0R(4,"strong"),c.OEk(5,"positive integer"),c.C$Y(),c.OEk(6," number. The default value is "),c.I0R(7,"code"),c.OEk(8,"1"),c.C$Y(),c.OEk(9," . "),c.C$Y())}function S(e,t){1&e&&c.OEk(0," Height of the progress. ")}function M(e,t){1&e&&(c.OEk(0," Colors of the progress segments. "),c.I0R(1,"p"),c.OEk(2," Use CSS-property "),c.I0R(3,"code"),c.OEk(4,"color"),c.C$Y(),c.OEk(5," to set "),c.I0R(6,"strong"),c.OEk(7,"single"),c.C$Y(),c.OEk(8," solid color of progress indicator. "),c.C$Y())}function V(e,t){if(1&e){const e=c.KQA();c.I0R(0,"tui-doc-demo"),c.wR5(1,"progress",9),c.C$Y(),c.I0R(2,"tui-doc-documentation"),c.yuY(3,G,9,0,"ng-template",10),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.segments=t)})),c.yuY(4,T,9,0,"ng-template",11),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.value=t)})),c.yuY(5,$,10,0,"ng-template",12),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.max=t)})),c.yuY(6,S,1,0,"ng-template",13),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.size=t)})),c.yuY(7,M,9,0,"ng-template",14),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.colors=t)})),c.C$Y()}if(2&e){const e=c.GaO();c.yG2(1),c.E7m("max",e.max)("segments",e.segments)("size",e.size)("tuiProgressColorSegments",e.computedColors)("value",e.value),c.yG2(2),c.E7m("documentationPropertyValue",e.segments),c.yG2(1),c.E7m("documentationPropertyValue",e.value),c.yG2(1),c.E7m("documentationPropertyValue",e.max),c.yG2(1),c.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),c.yG2(1),c.E7m("documentationPropertyValues",e.colorsVariants)("documentationPropertyValue",e.colors)}}function z(e,t){if(1&e&&(c.I0R(0,"ol",15)(1,"li")(2,"p"),c.OEk(3," Import "),c.I0R(4,"code"),c.OEk(5,"TuiProgressModule"),c.C$Y(),c.OEk(6," and "),c.I0R(7,"code"),c.OEk(8,"TuiProgressSegmentedModule"),c.C$Y(),c.OEk(9," into a module where you want to use our component "),c.C$Y(),c.wR5(10,"tui-doc-code",16),c.C$Y(),c.I0R(11,"li")(12,"p"),c.OEk(13,"Add to the template:"),c.C$Y(),c.wR5(14,"tui-doc-code",17),c.C$Y()()),2&e){const e=c.GaO();c.yG2(10),c.E7m("code",e.exampleModule),c.yG2(4),c.E7m("code",e.exampleHtml)}}let L=(()=>{var e;class t{constructor(){this.value=3,this.max=5,this.segments=this.max,this.sizeVariants=["xs","s","m","l","xl","xxl"],this.size=this.sizeVariants[2],this.colorsVariants=[["var(--tui-primary)"],["#39b54a","#ffd450","#ffd450","#fcc521","#fab619","#f8a34d","#e01f19"],new Array(20).fill("").map(((e,t)=>`var(--tui-support-0${t+1})`))],this.colors=this.colorsVariants[0],this.basicExample={HTML:n.e(42784).then(n.t.bind(n,42784,17)),TypeScript:n.e(10112).then(n.t.bind(n,10112,17))},this.sizesExample={HTML:n.e(42712).then(n.t.bind(n,65092,17)),LESS:n.e(71812).then(n.t.bind(n,94192,17)),TypeScript:n.e(53552).then(n.t.bind(n,53552,17))},this.colorsExample={HTML:n.e(37612).then(n.t.bind(n,37612,17)),TypeScript:n.e(41352).then(n.t.bind(n,41352,17)),LESS:n.e(5072).then(n.t.bind(n,5072,17))},this.labelsExample={HTML:n.e(92328).then(n.t.bind(n,92328,17)),LESS:n.e(9584).then(n.t.bind(n,9584,17)),TypeScript:n.e(61116).then(n.t.bind(n,61116,17))},this.noRoundCornersExample={HTML:n.e(54120).then(n.t.bind(n,54120,17)),LESS:n.e(31628).then(n.t.bind(n,31628,17)),TypeScript:n.e(7620).then(n.t.bind(n,7620,17))},this.exampleModule=n.e(11776).then(n.t.bind(n,11776,17)),this.exampleHtml=n.e(20095).then(n.t.bind(n,20095,17))}get computedColors(){return this.colors.slice(0,this.segments)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["example-progress-segmented"]],decls:4,vars:0,consts:[["header","ProgressSegmented ","package","EXPERIMENTAL","type","directives"],["pageTab",""],["routerLink","/components/progress-bar","tuiLink",""],["href","https://developer.mozilla.org/en-US/docs/Web/CSS/mask","rel","noreferrer","target","_blank","tuiLink",""],["id","basic","heading","Basic",3,"content"],["id","sizes","heading","Sizes",3,"content"],["id","colors","heading","Colors",3,"content"],["id","labels","heading","With labels",3,"content"],["id","no-round-corners","heading","No round corners",3,"content"],["tuiProgressBar","",3,"max","segments","size","tuiProgressColorSegments","value"],["documentationPropertyMode","input","documentationPropertyName","segments","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeXS | TuiSizeXXL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiProgressColorSegments","documentationPropertyType","string[]",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&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,w,23,5,"ng-template",1),c.yuY(2,V,8,12,"ng-template",1),c.yuY(3,z,15,2,"ng-template",1),c.C$Y())},dependencies:[o.ER,l.u,p.m,d.I,g.S,y.E,h.u,C.I,E.C,f.q,x.C,P.K,v,b,k,I,Y],encapsulation:2,changeDetection:0}),t})(),B=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.a4G({type:e}),e.ɵinj=c.s3X({imports:[s.MD,o.qQ.forChild((0,a._A)(L)),a.kx,i.TuiLabelModule,i.TuiLinkModule,r.TuiMoneyModule,m.TuiProgressModule,u.uw,a.Mj]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[11093],{11093:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiProgressSegmentedModule:()=>B});var s=n(86568),o=n(82312),r=n(63528),a=n(752),i=n(62548),u=n(37304),m=n(33976),c=n(6528),l=n(13692),p=n(96808),d=n(95356),g=n(56616),y=n(34496),h=n(37288),C=n(83480),E=n(55412),f=n(49692),x=n(69479),P=n(61788);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-1"]],decls:1,vars:3,consts:[["tuiProgressBar","",3,"max","segments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0),2&e&&c.E7m("max",5)("segments",5)("value",3)},dependencies:[f.q,P.K],encapsulation:2,changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-2"]],decls:6,vars:18,consts:[["size","xs","tuiProgressBar","",3,"max","segments","value"],["size","s","tuiProgressBar","",3,"max","segments","value"],["size","m","tuiProgressBar","",3,"max","segments","value"],["size","l","tuiProgressBar","",3,"max","segments","value"],["size","xl","tuiProgressBar","",3,"max","segments","value"],["size","xxl","tuiProgressBar","",3,"max","segments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0)(1,"progress",1)(2,"progress",2)(3,"progress",3)(4,"progress",4)(5,"progress",5),2&e&&(c.E7m("max",7)("segments",7)("value",3),c.yG2(1),c.E7m("max",10)("segments",10)("value",6),c.yG2(1),c.E7m("max",5)("segments",5)("value",4),c.yG2(1),c.E7m("max",3)("segments",3)("value",1),c.yG2(1),c.E7m("max",3)("segments",3)("value",2),c.yG2(1),c.E7m("max",3)("segments",3)("value",3))},dependencies:[f.q,P.K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}"],changeDetection:0}),t})(),k=(()=>{var e;class t{constructor(){this.arrayColors=["#39b54a","#ffd450","#ffd450","#fcc521","#fab619","#f8a34d","#e01f19"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-3"]],decls:2,vars:7,consts:[["size","s","tuiProgressBar","",1,"green",3,"max","segments","value"],["size","s","tuiProgressBar","",3,"max","segments","tuiProgressColorSegments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0)(1,"progress",1),2&e&&(c.E7m("max",8)("segments",8)("value",6),c.yG2(1),c.E7m("max",t.arrayColors.length)("segments",t.arrayColors.length)("tuiProgressColorSegments",t.arrayColors)("value",t.arrayColors.length))},dependencies:[f.q,x.C,P.K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.5rem}.green[_ngcontent-%COMP%]{color:var(--tui-support-20)}"],changeDetection:0}),t})();var O=n(6620),R=n(34684);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-4"]],decls:6,vars:4,consts:[["tuiProgressBar","",3,"max","segments","value"],[1,"description","tui-space_top-1"],["tuiLabel","Step"],[3,"value"],["tuiLabel","New apartment"]],template:function(e,t){1&e&&(c.wR5(0,"progress",0),c.I0R(1,"div",1)(2,"label",2),c.wR5(3,"tui-money",3),c.C$Y(),c.I0R(4,"label",4),c.OEk(5,"2 times left"),c.C$Y()()),2&e&&(c.E7m("max",5)("segments",5)("value",3),c.yG2(3),c.E7m("value",100500))},dependencies:[O.Y,R.s,f.q,P.K],styles:[".description[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.description[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:first-child{text-align:left}.description[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]:last-child{text-align:right}"],changeDetection:0}),t})(),Y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-progress-segmented-example-5"]],decls:1,vars:3,consts:[["tuiProgressBar","",3,"max","segments","value"]],template:function(e,t){1&e&&c.wR5(0,"progress",0),2&e&&c.E7m("max",5)("segments",5)("value",3)},dependencies:[f.q,P.K],styles:["[tuiProgressBar]._segmented[_ngcontent-%COMP%]{--tui-segment-gap: .25rem;border-radius:0;-webkit-mask-image:linear-gradient(to left,transparent 0 var(--tui-segment-gap),#999 var(--tui-segment-gap) 100%);mask-image:linear-gradient(to left,transparent 0 var(--tui-segment-gap),#999 var(--tui-segment-gap) 100%)}"],changeDetection:0}),t})();function w(e,t){if(1&e&&(c.I0R(0,"code"),c.OEk(1,"ProgressSegmented"),c.C$Y(),c.OEk(2," is a component to visually represent the completion of a process or operation (as a segmented bar). It shows how much has been completed and how much remains. "),c.I0R(3,"p"),c.OEk(4," Actually, this component is the same "),c.I0R(5,"a",2)(6,"code"),c.OEk(7,"ProgressBar"),c.C$Y()(),c.OEk(8," processed by css-property "),c.I0R(9,"a",3)(10,"code"),c.OEk(11,"mask"),c.C$Y()(),c.OEk(12," . "),c.C$Y(),c.I0R(13,"tui-doc-example",4),c.wR5(14,"tui-progress-segmented-example-1"),c.C$Y(),c.I0R(15,"tui-doc-example",5),c.wR5(16,"tui-progress-segmented-example-2"),c.C$Y(),c.I0R(17,"tui-doc-example",6),c.wR5(18,"tui-progress-segmented-example-3"),c.C$Y(),c.I0R(19,"tui-doc-example",7),c.wR5(20,"tui-progress-segmented-example-4"),c.C$Y(),c.I0R(21,"tui-doc-example",8),c.wR5(22,"tui-progress-segmented-example-5"),c.C$Y()),2&e){const e=c.GaO();c.yG2(13),c.E7m("content",e.basicExample),c.yG2(2),c.E7m("content",e.sizesExample),c.yG2(2),c.E7m("content",e.colorsExample),c.yG2(2),c.E7m("content",e.labelsExample),c.yG2(2),c.E7m("content",e.noRoundCornersExample)}}function G(e,t){1&e&&(c.OEk(0," A number of visual segments. "),c.I0R(1,"p"),c.OEk(2," It must be a valid "),c.I0R(3,"strong"),c.OEk(4,"integer"),c.C$Y(),c.OEk(5," number between 0 and "),c.I0R(6,"code"),c.OEk(7,"max"),c.C$Y(),c.OEk(8," . "),c.C$Y())}function T(e,t){1&e&&(c.OEk(0," This property specifies how much of the task that has been completed. "),c.I0R(1,"p"),c.OEk(2," It must be a valid "),c.I0R(3,"strong"),c.OEk(4,"integer"),c.C$Y(),c.OEk(5," number between 0 and "),c.I0R(6,"code"),c.OEk(7,"max"),c.C$Y(),c.OEk(8," . "),c.C$Y())}function $(e,t){1&e&&(c.I0R(0,"p"),c.OEk(1,"This property describes how much work the task indicated by the progress element requires."),c.C$Y(),c.I0R(2,"p"),c.OEk(3," It must be a valid "),c.I0R(4,"strong"),c.OEk(5,"positive integer"),c.C$Y(),c.OEk(6," number. The default value is "),c.I0R(7,"code"),c.OEk(8,"1"),c.C$Y(),c.OEk(9," . "),c.C$Y())}function S(e,t){1&e&&c.OEk(0," Height of the progress. ")}function M(e,t){1&e&&(c.OEk(0," Colors of the progress segments. "),c.I0R(1,"p"),c.OEk(2," Use CSS-property "),c.I0R(3,"code"),c.OEk(4,"color"),c.C$Y(),c.OEk(5," to set "),c.I0R(6,"strong"),c.OEk(7,"single"),c.C$Y(),c.OEk(8," solid color of progress indicator. "),c.C$Y())}function V(e,t){if(1&e){const e=c.KQA();c.I0R(0,"tui-doc-demo"),c.wR5(1,"progress",9),c.C$Y(),c.I0R(2,"tui-doc-documentation"),c.yuY(3,G,9,0,"ng-template",10),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.segments=t)})),c.yuY(4,T,9,0,"ng-template",11),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.value=t)})),c.yuY(5,$,10,0,"ng-template",12),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.max=t)})),c.yuY(6,S,1,0,"ng-template",13),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.size=t)})),c.yuY(7,M,9,0,"ng-template",14),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const n=c.GaO();return c.CGJ(n.colors=t)})),c.C$Y()}if(2&e){const e=c.GaO();c.yG2(1),c.E7m("max",e.max)("segments",e.segments)("size",e.size)("tuiProgressColorSegments",e.computedColors)("value",e.value),c.yG2(2),c.E7m("documentationPropertyValue",e.segments),c.yG2(1),c.E7m("documentationPropertyValue",e.value),c.yG2(1),c.E7m("documentationPropertyValue",e.max),c.yG2(1),c.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),c.yG2(1),c.E7m("documentationPropertyValues",e.colorsVariants)("documentationPropertyValue",e.colors)}}function z(e,t){if(1&e&&(c.I0R(0,"ol",15)(1,"li")(2,"p"),c.OEk(3," Import "),c.I0R(4,"code"),c.OEk(5,"TuiProgressModule"),c.C$Y(),c.OEk(6," and "),c.I0R(7,"code"),c.OEk(8,"TuiProgressSegmentedModule"),c.C$Y(),c.OEk(9," into a module where you want to use our component "),c.C$Y(),c.wR5(10,"tui-doc-code",16),c.C$Y(),c.I0R(11,"li")(12,"p"),c.OEk(13,"Add to the template:"),c.C$Y(),c.wR5(14,"tui-doc-code",17),c.C$Y()()),2&e){const e=c.GaO();c.yG2(10),c.E7m("code",e.exampleModule),c.yG2(4),c.E7m("code",e.exampleHtml)}}let L=(()=>{var e;class t{constructor(){this.value=3,this.max=5,this.segments=this.max,this.sizeVariants=["xs","s","m","l","xl","xxl"],this.size=this.sizeVariants[2],this.colorsVariants=[["var(--tui-primary)"],["#39b54a","#ffd450","#ffd450","#fcc521","#fab619","#f8a34d","#e01f19"],new Array(20).fill("").map(((e,t)=>`var(--tui-support-0${t+1})`))],this.colors=this.colorsVariants[0],this.basicExample={HTML:n.e(42784).then(n.t.bind(n,42784,17)),TypeScript:n.e(10112).then(n.t.bind(n,10112,17))},this.sizesExample={HTML:n.e(42712).then(n.t.bind(n,65092,17)),LESS:n.e(71812).then(n.t.bind(n,94192,17)),TypeScript:n.e(53552).then(n.t.bind(n,53552,17))},this.colorsExample={HTML:n.e(37612).then(n.t.bind(n,37612,17)),TypeScript:n.e(41352).then(n.t.bind(n,41352,17)),LESS:n.e(5072).then(n.t.bind(n,5072,17))},this.labelsExample={HTML:n.e(92328).then(n.t.bind(n,92328,17)),LESS:n.e(9584).then(n.t.bind(n,9584,17)),TypeScript:n.e(61116).then(n.t.bind(n,61116,17))},this.noRoundCornersExample={HTML:n.e(54120).then(n.t.bind(n,54120,17)),LESS:n.e(31628).then(n.t.bind(n,31628,17)),TypeScript:n.e(7620).then(n.t.bind(n,7620,17))},this.exampleModule=n.e(11776).then(n.t.bind(n,11776,17)),this.exampleHtml=n.e(20095).then(n.t.bind(n,20095,17))}get computedColors(){return this.colors.slice(0,this.segments)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["example-progress-segmented"]],decls:4,vars:0,consts:[["header","ProgressSegmented ","package","EXPERIMENTAL","type","directives"],["pageTab",""],["routerLink","/components/progress-bar","tuiLink",""],["href","https://developer.mozilla.org/en-US/docs/Web/CSS/mask","rel","noreferrer","target","_blank","tuiLink",""],["id","basic","heading","Basic",3,"content"],["id","sizes","heading","Sizes",3,"content"],["id","colors","heading","Colors",3,"content"],["id","labels","heading","With labels",3,"content"],["id","no-round-corners","heading","No round corners",3,"content"],["tuiProgressBar","",3,"max","segments","size","tuiProgressColorSegments","value"],["documentationPropertyMode","input","documentationPropertyName","segments","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","value","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","max","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeXS | TuiSizeXXL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiProgressColorSegments","documentationPropertyType","string[]",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&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,w,23,5,"ng-template",1),c.yuY(2,V,8,12,"ng-template",1),c.yuY(3,z,15,2,"ng-template",1),c.C$Y())},dependencies:[o.ER,l.u,p.m,d.I,g.S,y.E,h.u,C.I,E.C,f.q,x.C,P.K,v,b,k,I,Y],encapsulation:2,changeDetection:0}),t})(),B=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.a4G({type:e}),e.ɵinj=c.s3X({imports:[s.MD,o.qQ.forChild((0,a._A)(L)),a.kx,i.TuiLabelModule,i.TuiLinkModule,r.TuiMoneyModule,m.TuiProgressModule,u.uw,a.Mj]}),t})()}}]);
\ No newline at end of file
diff --git a/next/11384.0a2029f8eb13ccde.js b/next/11384.0a2029f8eb13ccde.js
deleted file mode 100644
index dea34c22433c..000000000000
--- a/next/11384.0a2029f8eb13ccde.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[11384],{11384:n=>{n.exports='\n
\n \n
\n {{ 10000 | tuiAmount: \'USD\' | async }}\n
Dollar account
\n
\n
\n\n \n \n \n\n\n\n'}}]);
\ No newline at end of file
diff --git a/next/11384.dee136b5a77e49e0.js b/next/11384.dee136b5a77e49e0.js
new file mode 100644
index 000000000000..1c2fcc59e763
--- /dev/null
+++ b/next/11384.dee136b5a77e49e0.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[11384],{11384:n=>{n.exports='\n
\n \n
\n {{ 10000 | tuiAmount: \'USD\' | async }}\n
Dollar account
\n
\n
\n\n \n \n\n\n\n\n'}}]);
\ No newline at end of file
diff --git a/next/12496.c0e800cb15cbde1b.js b/next/12496.d80ba907a7b01922.js
similarity index 99%
rename from next/12496.c0e800cb15cbde1b.js
rename to next/12496.d80ba907a7b01922.js
index a7c3fe7d7026..b8a378815fce 100644
--- a/next/12496.c0e800cb15cbde1b.js
+++ b/next/12496.d80ba907a7b01922.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[12496],{90115:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiButtonModule:()=>A});var o=n(86568),a=n(752),i=n(62548),u=n(84788),c=n(6528),r=n(60588),s=n(26220),p=n(62224),l=n(13692),d=n(96808),m=n(95356),y=n(56616),g=n(34496),h=n(37288),f=n(83480);let C=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-1"]],decls:8,vars:0,consts:[["size","l","tuiButton",""],["size","m","tuiButton",""],["size","s","tuiButton",""],["size","xs","tuiButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.OEk(1," Large\n"),c.C$Y(),c.I0R(2,"button",1),c.OEk(3," Medium\n"),c.C$Y(),c.I0R(4,"button",2),c.OEk(5," Small\n"),c.C$Y(),c.I0R(6,"button",3),c.OEk(7," Extra small\n"),c.C$Y())},dependencies:[s.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})(),I=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-2"]],decls:18,vars:0,consts:[["appearance","primary","tuiButton",""],["appearance","accent","tuiButton",""],["appearance","secondary","tuiButton",""],["appearance","destructive","tuiButton",""],["appearance","flat","tuiButton",""],["appearance","outline","tuiButton",""],["appearance","opposite","tuiButton",""],["appearance","glass","tuiButton",""],["appearance","floating","tuiButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.OEk(1," Primary\n"),c.C$Y(),c.I0R(2,"button",1),c.OEk(3," Accent\n"),c.C$Y(),c.I0R(4,"button",2),c.OEk(5," Secondary\n"),c.C$Y(),c.I0R(6,"button",3),c.OEk(7," Destructive\n"),c.C$Y(),c.I0R(8,"button",4),c.OEk(9," Flat\n"),c.C$Y(),c.I0R(10,"button",5),c.OEk(11," Outline\n"),c.C$Y(),c.I0R(12,"button",6),c.OEk(13," Opposite\n"),c.C$Y(),c.I0R(14,"button",7),c.OEk(15," Glass\n"),c.C$Y(),c.I0R(16,"button",8),c.OEk(17," Floating\n"),c.C$Y())},dependencies:[s.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem;flex-wrap:wrap}"],changeDetection:0}),e})();var E=n(69352),R=n(3088);let b=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-3"]],decls:10,vars:4,consts:[["appearance","accent","tuiButton",""],["size","xxs","src","https://avatars.githubusercontent.com/u/11832552"],["appearance","secondary","size","m","tuiButton",""],["icon","tuiIconUsers"],["appearance","outline","iconRight","tuiIconChevronDown","size","s","tuiButton",""],["appearance","destructive","iconLeft","tuiIconHeart","size","xs","tuiIconButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.wR5(1,"tui-avatar",1),c.OEk(2," Alex Inkin\n"),c.C$Y(),c.I0R(3,"button",2),c.wR5(4,"tui-icon",3),c.OEk(5," Users\n"),c.C$Y(),c.I0R(6,"button",4),c.OEk(7," More\n"),c.C$Y(),c.I0R(8,"button",5),c.OEk(9," Favorite\n"),c.C$Y()),2&t&&(c.yG2(4),c.m4B("height",1,"rem"),c.yG2(4),c.m4B("border-radius",100,"%"))},dependencies:[s.W,E.i,R.I],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}"],changeDetection:0}),e})();var O=n(45328),P=n(96458),x=n(37763),k=n(76468),Y=n(14184),$=n(27400);let G=(()=>{var t;class e{constructor(){this.trigger$=new P.E,this.loading$=this.trigger$.pipe((0,x.G)((()=>(0,k.k)(2e3).pipe((0,Y.k)(O.ALWAYS_FALSE_HANDLER),(0,$.W)("Loading")))))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-4"]],decls:3,vars:3,consts:[["iconLeft","tuiIconClock","tuiButton","",3,"loading","click"]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.qCj("click",(function(){return e.trigger$.next()})),c.wVc(1,"async"),c.OEk(2," Click to start\n"),c.C$Y()),2&t&&c.E7m("loading",c.kDX(1,1,e.loading$))},dependencies:[r.K,s.W,o.a],encapsulation:2,changeDetection:0}),e})(),w=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-5"]],features:[c.M5G([(0,u.Og)({size:"s"})])],decls:2,vars:0,consts:[["tuiButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.OEk(1,"Options with DI"),c.C$Y())},dependencies:[s.W],encapsulation:2,changeDetection:0}),e})();function V(t,e){if(1&t&&(c.I0R(0,"tui-notification",2),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"p"),c.OEk(6,"New version for Button component following updated design specs."),c.C$Y(),c.I0R(7,"tui-doc-example",3),c.wR5(8,"tui-button-example-1"),c.C$Y(),c.I0R(9,"tui-doc-example",4),c.wR5(10,"tui-button-example-2"),c.C$Y(),c.I0R(11,"tui-doc-example",5),c.wR5(12,"tui-button-example-3"),c.C$Y(),c.I0R(13,"tui-doc-example",6)(14,"tui-notification",7),c.OEk(15," Pass a string as "),c.I0R(16,"code"),c.OEk(17,"loading"),c.C$Y(),c.OEk(18," for a11y indication "),c.C$Y(),c.wR5(19,"tui-button-example-4"),c.C$Y(),c.I0R(20,"tui-doc-example",8),c.wR5(21,"tui-button-example-5"),c.C$Y()),2&t){const t=c.GaO();c.yG2(7),c.E7m("content",t.example1),c.yG2(2),c.E7m("content",t.example2),c.yG2(2),c.E7m("content",t.example3),c.yG2(2),c.E7m("content",t.example4),c.yG2(7),c.E7m("content",t.example5)}}function v(t,e){1&t&&c.OEk(0," Appearance ")}function B(t,e){1&t&&c.OEk(0," Icon on the left side ")}function z(t,e){1&t&&c.OEk(0," Icon on the right side ")}function T(t,e){1&t&&c.OEk(0," Loading indicator ")}function L(t,e){1&t&&c.OEk(0," Size ")}function M(t,e){if(1&t){const t=c.KQA();c.I0R(0,"tui-doc-demo")(1,"button",9),c.OEk(2," Button "),c.C$Y()(),c.I0R(3,"tui-doc-documentation"),c.yuY(4,v,1,0,"ng-template",10),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.appearance=e)})),c.yuY(5,B,1,0,"ng-template",11),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.iconLeft=e)})),c.yuY(6,z,1,0,"ng-template",12),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.iconRight=e)})),c.yuY(7,T,1,0,"ng-template",13),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.loading=e)})),c.yuY(8,L,1,0,"ng-template",14),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.size=e)})),c.C$Y()}if(2&t){const t=c.GaO();c.yG2(1),c.E7m("appearance",t.appearance)("iconLeft",t.iconLeft)("iconRight",t.iconRight)("loading",t.loading)("size",t.size),c.yG2(3),c.E7m("documentationPropertyValues",t.appearances)("documentationPropertyValue",t.appearance),c.yG2(1),c.E7m("documentationPropertyValues",t.icons)("documentationPropertyValue",t.iconLeft),c.yG2(1),c.E7m("documentationPropertyValues",t.icons)("documentationPropertyValue",t.iconRight),c.yG2(1),c.E7m("documentationPropertyValue",t.loading),c.yG2(1),c.E7m("documentationPropertyValues",t.sizes)("documentationPropertyValue",t.size)}}function D(t,e){if(1&t&&(c.I0R(0,"ol",15)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",16),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",17),c.C$Y()()),2&t){const t=c.GaO();c.yG2(4),c.E7m("code",t.exampleModule),c.yG2(4),c.E7m("code",t.exampleHtml)}}let S=(()=>{var t;class e{constructor(){this.exampleModule=n.e(8416).then(n.t.bind(n,8416,17)),this.exampleHtml=n.e(81616).then(n.t.bind(n,81616,17)),this.example1={HTML:n.e(56424).then(n.t.bind(n,56424,17))},this.example2={HTML:n.e(26184).then(n.t.bind(n,26184,17))},this.example3={HTML:n.e(66675).then(n.t.bind(n,66675,17))},this.example4={TypeScript:n.e(11592).then(n.t.bind(n,11592,17)),HTML:n.e(79608).then(n.t.bind(n,34844,17))},this.example5={TypeScript:n.e(59892).then(n.t.bind(n,59892,17)),HTML:n.e(35656).then(n.t.bind(n,35656,17))},this.sizes=["xs","s","m","l"],this.size=this.sizes[3],this.appearances=["primary","accent","secondary","destructive","flat","outline","opposite","glass","floating"],this.appearance=this.appearances[0],this.icons=["","tuiIconSearch","tuiIconChevronDown"],this.iconLeft=this.icons[0],this.iconRight=this.icons[0],this.loading=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["example-button"]],decls:4,vars:0,consts:[["header","Button","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","size","heading","Sizes",3,"content"],["id","appearance","heading","Appearance",3,"content"],["id","icon","heading","Icons",3,"content"],["id","loading","heading","Loading",3,"content"],[1,"tui-space_bottom-4"],["id","options","heading","Options with DI",3,"content"],["tuiButton","",3,"appearance","iconLeft","iconRight","loading","size"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconLeft","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconRight","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","loading","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeXS | TuiSizeL",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&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,V,22,5,"ng-template",1),c.yuY(2,M,9,14,"ng-template",1),c.yuY(3,D,9,2,"ng-template",1),c.C$Y())},dependencies:[r.K,s.W,p.e,l.u,d.m,m.I,y.S,g.E,h.u,f.I,C,I,b,G,w],encapsulation:2,changeDetection:0}),e})();n(23340);let A=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=c.a4G({type:t}),t.ɵinj=c.s3X({imports:[o.MD,u.CI,i.TuiNotificationModule,u.C,u.CA,(0,a.If)(S)]}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[12496],{90115:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiButtonModule:()=>A});var o=n(86568),a=n(752),i=n(62548),u=n(37304),c=n(6528),r=n(60588),s=n(26220),p=n(62224),l=n(13692),d=n(96808),m=n(95356),y=n(56616),g=n(34496),h=n(37288),f=n(83480);let C=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-1"]],decls:8,vars:0,consts:[["size","l","tuiButton",""],["size","m","tuiButton",""],["size","s","tuiButton",""],["size","xs","tuiButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.OEk(1," Large\n"),c.C$Y(),c.I0R(2,"button",1),c.OEk(3," Medium\n"),c.C$Y(),c.I0R(4,"button",2),c.OEk(5," Small\n"),c.C$Y(),c.I0R(6,"button",3),c.OEk(7," Extra small\n"),c.C$Y())},dependencies:[s.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})(),I=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-2"]],decls:18,vars:0,consts:[["appearance","primary","tuiButton",""],["appearance","accent","tuiButton",""],["appearance","secondary","tuiButton",""],["appearance","destructive","tuiButton",""],["appearance","flat","tuiButton",""],["appearance","outline","tuiButton",""],["appearance","opposite","tuiButton",""],["appearance","glass","tuiButton",""],["appearance","floating","tuiButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.OEk(1," Primary\n"),c.C$Y(),c.I0R(2,"button",1),c.OEk(3," Accent\n"),c.C$Y(),c.I0R(4,"button",2),c.OEk(5," Secondary\n"),c.C$Y(),c.I0R(6,"button",3),c.OEk(7," Destructive\n"),c.C$Y(),c.I0R(8,"button",4),c.OEk(9," Flat\n"),c.C$Y(),c.I0R(10,"button",5),c.OEk(11," Outline\n"),c.C$Y(),c.I0R(12,"button",6),c.OEk(13," Opposite\n"),c.C$Y(),c.I0R(14,"button",7),c.OEk(15," Glass\n"),c.C$Y(),c.I0R(16,"button",8),c.OEk(17," Floating\n"),c.C$Y())},dependencies:[s.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem;flex-wrap:wrap}"],changeDetection:0}),e})();var E=n(69352),R=n(3088);let b=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-3"]],decls:10,vars:4,consts:[["appearance","accent","tuiButton",""],["size","xxs","src","https://avatars.githubusercontent.com/u/11832552"],["appearance","secondary","size","m","tuiButton",""],["icon","tuiIconUsers"],["appearance","outline","iconRight","tuiIconChevronDown","size","s","tuiButton",""],["appearance","destructive","iconLeft","tuiIconHeart","size","xs","tuiIconButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.wR5(1,"tui-avatar",1),c.OEk(2," Alex Inkin\n"),c.C$Y(),c.I0R(3,"button",2),c.wR5(4,"tui-icon",3),c.OEk(5," Users\n"),c.C$Y(),c.I0R(6,"button",4),c.OEk(7," More\n"),c.C$Y(),c.I0R(8,"button",5),c.OEk(9," Favorite\n"),c.C$Y()),2&t&&(c.yG2(4),c.m4B("height",1,"rem"),c.yG2(4),c.m4B("border-radius",100,"%"))},dependencies:[s.W,E.i,R.I],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}"],changeDetection:0}),e})();var O=n(45328),P=n(96458),x=n(37763),k=n(76468),Y=n(14184),$=n(27400);let G=(()=>{var t;class e{constructor(){this.trigger$=new P.E,this.loading$=this.trigger$.pipe((0,x.G)((()=>(0,k.k)(2e3).pipe((0,Y.k)(O.ALWAYS_FALSE_HANDLER),(0,$.W)("Loading")))))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-4"]],decls:3,vars:3,consts:[["iconLeft","tuiIconClock","tuiButton","",3,"loading","click"]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.qCj("click",(function(){return e.trigger$.next()})),c.wVc(1,"async"),c.OEk(2," Click to start\n"),c.C$Y()),2&t&&c.E7m("loading",c.kDX(1,1,e.loading$))},dependencies:[r.K,s.W,o.a],encapsulation:2,changeDetection:0}),e})(),w=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["tui-button-example-5"]],features:[c.M5G([(0,u.Og)({size:"s"})])],decls:2,vars:0,consts:[["tuiButton",""]],template:function(t,e){1&t&&(c.I0R(0,"button",0),c.OEk(1,"Options with DI"),c.C$Y())},dependencies:[s.W],encapsulation:2,changeDetection:0}),e})();function V(t,e){if(1&t&&(c.I0R(0,"tui-notification",2),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"p"),c.OEk(6,"New version for Button component following updated design specs."),c.C$Y(),c.I0R(7,"tui-doc-example",3),c.wR5(8,"tui-button-example-1"),c.C$Y(),c.I0R(9,"tui-doc-example",4),c.wR5(10,"tui-button-example-2"),c.C$Y(),c.I0R(11,"tui-doc-example",5),c.wR5(12,"tui-button-example-3"),c.C$Y(),c.I0R(13,"tui-doc-example",6)(14,"tui-notification",7),c.OEk(15," Pass a string as "),c.I0R(16,"code"),c.OEk(17,"loading"),c.C$Y(),c.OEk(18," for a11y indication "),c.C$Y(),c.wR5(19,"tui-button-example-4"),c.C$Y(),c.I0R(20,"tui-doc-example",8),c.wR5(21,"tui-button-example-5"),c.C$Y()),2&t){const t=c.GaO();c.yG2(7),c.E7m("content",t.example1),c.yG2(2),c.E7m("content",t.example2),c.yG2(2),c.E7m("content",t.example3),c.yG2(2),c.E7m("content",t.example4),c.yG2(7),c.E7m("content",t.example5)}}function v(t,e){1&t&&c.OEk(0," Appearance ")}function B(t,e){1&t&&c.OEk(0," Icon on the left side ")}function z(t,e){1&t&&c.OEk(0," Icon on the right side ")}function T(t,e){1&t&&c.OEk(0," Loading indicator ")}function L(t,e){1&t&&c.OEk(0," Size ")}function M(t,e){if(1&t){const t=c.KQA();c.I0R(0,"tui-doc-demo")(1,"button",9),c.OEk(2," Button "),c.C$Y()(),c.I0R(3,"tui-doc-documentation"),c.yuY(4,v,1,0,"ng-template",10),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.appearance=e)})),c.yuY(5,B,1,0,"ng-template",11),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.iconLeft=e)})),c.yuY(6,z,1,0,"ng-template",12),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.iconRight=e)})),c.yuY(7,T,1,0,"ng-template",13),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.loading=e)})),c.yuY(8,L,1,0,"ng-template",14),c.qCj("documentationPropertyValueChange",(function(e){c.usT(t);const n=c.GaO();return c.CGJ(n.size=e)})),c.C$Y()}if(2&t){const t=c.GaO();c.yG2(1),c.E7m("appearance",t.appearance)("iconLeft",t.iconLeft)("iconRight",t.iconRight)("loading",t.loading)("size",t.size),c.yG2(3),c.E7m("documentationPropertyValues",t.appearances)("documentationPropertyValue",t.appearance),c.yG2(1),c.E7m("documentationPropertyValues",t.icons)("documentationPropertyValue",t.iconLeft),c.yG2(1),c.E7m("documentationPropertyValues",t.icons)("documentationPropertyValue",t.iconRight),c.yG2(1),c.E7m("documentationPropertyValue",t.loading),c.yG2(1),c.E7m("documentationPropertyValues",t.sizes)("documentationPropertyValue",t.size)}}function D(t,e){if(1&t&&(c.I0R(0,"ol",15)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",16),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",17),c.C$Y()()),2&t){const t=c.GaO();c.yG2(4),c.E7m("code",t.exampleModule),c.yG2(4),c.E7m("code",t.exampleHtml)}}let S=(()=>{var t;class e{constructor(){this.exampleModule=n.e(8416).then(n.t.bind(n,8416,17)),this.exampleHtml=n.e(81616).then(n.t.bind(n,81616,17)),this.example1={HTML:n.e(56424).then(n.t.bind(n,56424,17))},this.example2={HTML:n.e(26184).then(n.t.bind(n,26184,17))},this.example3={HTML:n.e(66675).then(n.t.bind(n,66675,17))},this.example4={TypeScript:n.e(11592).then(n.t.bind(n,11592,17)),HTML:n.e(79608).then(n.t.bind(n,34844,17))},this.example5={TypeScript:n.e(59892).then(n.t.bind(n,59892,17)),HTML:n.e(35656).then(n.t.bind(n,35656,17))},this.sizes=["xs","s","m","l"],this.size=this.sizes[3],this.appearances=["primary","accent","secondary","destructive","flat","outline","opposite","glass","floating"],this.appearance=this.appearances[0],this.icons=["","tuiIconSearch","tuiIconChevronDown"],this.iconLeft=this.icons[0],this.iconRight=this.icons[0],this.loading=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.In1({type:t,selectors:[["example-button"]],decls:4,vars:0,consts:[["header","Button","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","size","heading","Sizes",3,"content"],["id","appearance","heading","Appearance",3,"content"],["id","icon","heading","Icons",3,"content"],["id","loading","heading","Loading",3,"content"],[1,"tui-space_bottom-4"],["id","options","heading","Options with DI",3,"content"],["tuiButton","",3,"appearance","iconLeft","iconRight","loading","size"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconLeft","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconRight","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","loading","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeXS | TuiSizeL",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&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,V,22,5,"ng-template",1),c.yuY(2,M,9,14,"ng-template",1),c.yuY(3,D,9,2,"ng-template",1),c.C$Y())},dependencies:[r.K,s.W,p.e,l.u,d.m,m.I,y.S,g.E,h.u,f.I,C,I,b,G,w],encapsulation:2,changeDetection:0}),e})();n(23340);let A=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=c.a4G({type:t}),t.ɵinj=c.s3X({imports:[o.MD,u.CI,i.TuiNotificationModule,u.C,u.CA,(0,a.If)(S)]}),e})()}}]);
\ No newline at end of file
diff --git a/next/14648.9c1b1cc4840205f7.js b/next/14648.c5d55ba526a9bb90.js
similarity index 99%
rename from next/14648.9c1b1cc4840205f7.js
rename to next/14648.c5d55ba526a9bb90.js
index b7c2e043e06d..611a7165c7d0 100644
--- a/next/14648.9c1b1cc4840205f7.js
+++ b/next/14648.c5d55ba526a9bb90.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14648],{14648:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiBadgedContentModule:()=>T});var i=n(86568),a=n(82312),o=n(752),u=n(45328),c=n(62548),d=n(84788),r=n(33976),s=n(6528),p=n(67156),l=n(35432),m=n(3088),g=n(13692),I=n(96808),y=n(95356),C=n(56616),f=n(34496),b=n(37288),h=n(83480),R=n(69352),Y=n(49712);let E=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-badged-content-example-1"]],decls:16,vars:4,consts:[["size","s","tuiSlot","top"],["size","s","src","tuiIconUserLarge",3,"round"],["size","m","src","tuiIconUserLarge",3,"round"],["size","m","tuiSlot","bottom"],["appearance","primary","icon","tuiIconStar","size","l","tuiBadge","","tuiSlot","top"],["size","l","src","tuiIconUserLarge",3,"round"],["size","l","tuiSlot","top"],["size","xl","src","tuiIconUserLarge",3,"round"],["appearance","accent","icon","tuiIconStar","size","l","tuiBadge","","tuiSlot","bottom"]],template:function(t,e){1&t&&(s.I0R(0,"tui-badged-content")(1,"tui-badge-notification",0),s.OEk(2," 99 "),s.C$Y(),s.wR5(3,"tui-avatar",1),s.C$Y(),s.I0R(4,"tui-badged-content"),s.wR5(5,"tui-avatar",2),s.I0R(6,"tui-badge-notification",3),s.OEk(7," 120 "),s.C$Y()(),s.I0R(8,"tui-badged-content"),s.wR5(9,"tui-icon",4)(10,"tui-avatar",5),s.C$Y(),s.I0R(11,"tui-badged-content")(12,"tui-badge-notification",6),s.OEk(13," 99 "),s.C$Y(),s.wR5(14,"tui-avatar",7)(15,"tui-icon",8),s.C$Y()),2&t&&(s.yG2(3),s.E7m("round",!1),s.yG2(2),s.E7m("round",!1),s.yG2(5),s.E7m("round",!1),s.yG2(4),s.E7m("round",!1))},dependencies:[p.u,R.i,Y.Y,l.i,m.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})(),w=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-badged-content-example-2"]],decls:15,vars:12,consts:[["size","s","tuiSlot","top"],["size","s","src","tuiIconUserLarge",3,"round"],["appearance","accent","icon","tuiIconStar","size","m","tuiBadge","","tuiSlot","bottom"],["size","m","src","tuiIconUserLarge",3,"round"],["appearance","accent","size","l","tuiSlot","top"],["size","l","src","tuiIconUserLarge",3,"round"],["size","l","tuiSlot","top"],["size","xl","src","tuiIconUserLarge",3,"round"]],template:function(t,e){1&t&&(s.I0R(0,"tui-badged-content")(1,"tui-badge-notification",0),s.OEk(2," 8 "),s.C$Y(),s.wR5(3,"tui-avatar",1),s.C$Y(),s.I0R(4,"tui-badged-content"),s.wR5(5,"tui-icon",2)(6,"tui-avatar",3),s.C$Y(),s.I0R(7,"tui-badged-content")(8,"tui-badge",4),s.OEk(9," Taiga "),s.C$Y(),s.wR5(10,"tui-avatar",5),s.C$Y(),s.I0R(11,"tui-badged-content")(12,"tui-badge-notification",6),s.OEk(13," 99 "),s.C$Y(),s.wR5(14,"tui-avatar",7),s.C$Y()),2&t&&(s.m4B("--tui-radius",50,"%"),s.yG2(3),s.E7m("round",!0),s.yG2(1),s.m4B("--tui-radius",50,"%"),s.yG2(2),s.E7m("round",!0),s.yG2(1),s.m4B("--tui-radius",50,"%"),s.yG2(3),s.E7m("round",!0),s.yG2(1),s.m4B("--tui-radius",50,"%"),s.yG2(3),s.E7m("round",!0))},dependencies:[p.u,R.i,Y.Y,l.i,m.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})();var x=n(73148),$=n(61920),v=n(26220);let G=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-badged-content-example-3"]],decls:8,vars:0,consts:[["size","xs","tuiSlot","top"],[1,"input"],["appearance","accent","icon","tuiIconCheck","size","s","tuiBadge","","tuiSlot","bottom"],["tuiButton",""]],template:function(t,e){1&t&&(s.I0R(0,"tui-badged-content"),s.wR5(1,"tui-badge-notification",0),s.I0R(2,"tui-input",1),s.OEk(3,"Input text"),s.C$Y()(),s.I0R(4,"tui-badged-content"),s.wR5(5,"tui-icon",2),s.I0R(6,"button",3),s.OEk(7,"Button"),s.C$Y()())},dependencies:[p.u,R.i,Y.Y,l.i,x.O,$.c,v.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}tui-input[_ngcontent-%COMP%]{min-width:10rem}"],changeDetection:0}),e})();var k=n(71984);function O(t,e){1&t&&(s.I0R(0,"p"),s.OEk(1," The wrapped element is assumed to have 12px border-radius. If it is different, override the "),s.I0R(2,"code"),s.OEk(3,"--tui-radius"),s.C$Y(),s.OEk(4," variable with actual value. "),s.C$Y())}function z(t,e){if(1&t&&(s.I0R(0,"p"),s.OEk(1,"BadgedContent is a wrapper for other components to add badges and notifications to them."),s.C$Y(),s.I0R(2,"tui-doc-example",2),s.wR5(3,"tui-badged-content-example-1"),s.C$Y(),s.I0R(4,"tui-doc-example",3),s.yuY(5,O,5,0,"ng-template",null,4,s.gJz),s.wR5(7,"tui-badged-content-example-2"),s.C$Y(),s.I0R(8,"tui-doc-example",5),s.wR5(9,"tui-badged-content-example-3"),s.C$Y()),2&t){const t=s.Gew(6),e=s.GaO();s.yG2(2),s.E7m("content",e.example1),s.yG2(2),s.E7m("content",e.example2)("description",t),s.yG2(4),s.E7m("content",e.example3)}}function S(t,e){1&t&&s.OEk(0," Border radius ")}function B(t,e){if(1&t){const t=s.KQA();s.I0R(0,"tui-doc-demo")(1,"tui-badged-content")(2,"tui-badge-notification",6),s.OEk(3,"1"),s.C$Y(),s.wR5(4,"tui-avatar",7),s.wVc(5,"async"),s.wVc(6,"tuiFallbackSrc"),s.C$Y()(),s.I0R(7,"tui-doc-documentation",8),s.yuY(8,S,1,0,"ng-template",9),s.qCj("documentationPropertyValueChange",(function(e){s.usT(t);const n=s.GaO();return s.CGJ(n.radius=e)})),s.C$Y()}if(2&t){const t=s.GaO();s.yG2(1),s.m4B("--tui-radius",t.radius),s.yG2(3),s.E7m("round","50%"===t.radius)("src",s.kDX(5,6,s.g7$(6,8,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),s.yG2(4),s.E7m("documentationPropertyValues",t.radiusVariants)("documentationPropertyValue",t.radius)}}function M(t,e){if(1&t&&(s.I0R(0,"ol",10)(1,"li")(2,"p"),s.OEk(3,"Import module:"),s.C$Y(),s.wR5(4,"tui-doc-code",11),s.C$Y(),s.I0R(5,"li")(6,"p"),s.OEk(7,"Add to the template:"),s.C$Y(),s.wR5(8,"tui-doc-code",12),s.C$Y()()),2&t){const t=s.GaO();s.yG2(4),s.E7m("code",t.exampleModule),s.yG2(4),s.E7m("code",t.exampleHtml)}}let P=(()=>{var t;class e{constructor(){this.exampleModule=n.e(73496).then(n.t.bind(n,73496,17)),this.exampleHtml=n.e(31380).then(n.t.bind(n,31380,17)),this.example1={HTML:n.e(76160).then(n.t.bind(n,76160,17))},this.example2={HTML:n.e(51132).then(n.t.bind(n,51132,17))},this.example3={HTML:n.e(73479).then(n.t.bind(n,73479,17))},this.radiusVariants=["0.75rem","50%"],this.radius=this.radiusVariants[0]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["example-badged-content"]],decls:4,vars:0,consts:[["header","BadgedContent","package","KIT","type","components"],["pageTab",""],["id","base","heading","basic",3,"content"],["id","rounded","heading","rounded content",3,"content","description"],["description",""],["id","components","heading","with different components",3,"content"],["tuiSlot","top"],["size","l",3,"round","src"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.--t-radius","documentationPropertyType","string",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&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,z,10,4,"ng-template",1),s.yuY(2,B,9,11,"ng-template",1),s.yuY(3,M,9,2,"ng-template",1),s.C$Y())},dependencies:[p.u,l.i,m.I,g.u,I.m,y.I,C.S,f.E,b.u,h.I,E,w,G,i.a,k.o],encapsulation:2,changeDetection:0}),e})(),T=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=s.a4G({type:t}),t.ɵinj=s.s3X({imports:[i.MD,d._e,d.C,r.TuiBadgedContentComponent,d.CA,d.o3,r.TuiInputModule,d.CI,o.kx,c.TuiNotificationModule,a.qQ.forChild((0,o._A)(P)),u.TuiPlatformModule]}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[14648],{14648:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiBadgedContentModule:()=>T});var i=n(86568),a=n(82312),o=n(752),u=n(45328),c=n(62548),d=n(37304),r=n(33976),s=n(6528),p=n(67156),l=n(35432),m=n(3088),g=n(13692),I=n(96808),y=n(95356),C=n(56616),f=n(34496),b=n(37288),h=n(83480),R=n(69352),Y=n(49712);let E=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-badged-content-example-1"]],decls:16,vars:4,consts:[["size","s","tuiSlot","top"],["size","s","src","tuiIconUserLarge",3,"round"],["size","m","src","tuiIconUserLarge",3,"round"],["size","m","tuiSlot","bottom"],["appearance","primary","icon","tuiIconStar","size","l","tuiBadge","","tuiSlot","top"],["size","l","src","tuiIconUserLarge",3,"round"],["size","l","tuiSlot","top"],["size","xl","src","tuiIconUserLarge",3,"round"],["appearance","accent","icon","tuiIconStar","size","l","tuiBadge","","tuiSlot","bottom"]],template:function(t,e){1&t&&(s.I0R(0,"tui-badged-content")(1,"tui-badge-notification",0),s.OEk(2," 99 "),s.C$Y(),s.wR5(3,"tui-avatar",1),s.C$Y(),s.I0R(4,"tui-badged-content"),s.wR5(5,"tui-avatar",2),s.I0R(6,"tui-badge-notification",3),s.OEk(7," 120 "),s.C$Y()(),s.I0R(8,"tui-badged-content"),s.wR5(9,"tui-icon",4)(10,"tui-avatar",5),s.C$Y(),s.I0R(11,"tui-badged-content")(12,"tui-badge-notification",6),s.OEk(13," 99 "),s.C$Y(),s.wR5(14,"tui-avatar",7)(15,"tui-icon",8),s.C$Y()),2&t&&(s.yG2(3),s.E7m("round",!1),s.yG2(2),s.E7m("round",!1),s.yG2(5),s.E7m("round",!1),s.yG2(4),s.E7m("round",!1))},dependencies:[p.u,R.i,Y.Y,l.i,m.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})(),w=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-badged-content-example-2"]],decls:15,vars:12,consts:[["size","s","tuiSlot","top"],["size","s","src","tuiIconUserLarge",3,"round"],["appearance","accent","icon","tuiIconStar","size","m","tuiBadge","","tuiSlot","bottom"],["size","m","src","tuiIconUserLarge",3,"round"],["appearance","accent","size","l","tuiSlot","top"],["size","l","src","tuiIconUserLarge",3,"round"],["size","l","tuiSlot","top"],["size","xl","src","tuiIconUserLarge",3,"round"]],template:function(t,e){1&t&&(s.I0R(0,"tui-badged-content")(1,"tui-badge-notification",0),s.OEk(2," 8 "),s.C$Y(),s.wR5(3,"tui-avatar",1),s.C$Y(),s.I0R(4,"tui-badged-content"),s.wR5(5,"tui-icon",2)(6,"tui-avatar",3),s.C$Y(),s.I0R(7,"tui-badged-content")(8,"tui-badge",4),s.OEk(9," Taiga "),s.C$Y(),s.wR5(10,"tui-avatar",5),s.C$Y(),s.I0R(11,"tui-badged-content")(12,"tui-badge-notification",6),s.OEk(13," 99 "),s.C$Y(),s.wR5(14,"tui-avatar",7),s.C$Y()),2&t&&(s.m4B("--tui-radius",50,"%"),s.yG2(3),s.E7m("round",!0),s.yG2(1),s.m4B("--tui-radius",50,"%"),s.yG2(2),s.E7m("round",!0),s.yG2(1),s.m4B("--tui-radius",50,"%"),s.yG2(3),s.E7m("round",!0),s.yG2(1),s.m4B("--tui-radius",50,"%"),s.yG2(3),s.E7m("round",!0))},dependencies:[p.u,R.i,Y.Y,l.i,m.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})();var x=n(73148),$=n(61920),v=n(26220);let G=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-badged-content-example-3"]],decls:8,vars:0,consts:[["size","xs","tuiSlot","top"],[1,"input"],["appearance","accent","icon","tuiIconCheck","size","s","tuiBadge","","tuiSlot","bottom"],["tuiButton",""]],template:function(t,e){1&t&&(s.I0R(0,"tui-badged-content"),s.wR5(1,"tui-badge-notification",0),s.I0R(2,"tui-input",1),s.OEk(3,"Input text"),s.C$Y()(),s.I0R(4,"tui-badged-content"),s.wR5(5,"tui-icon",2),s.I0R(6,"button",3),s.OEk(7,"Button"),s.C$Y()())},dependencies:[p.u,R.i,Y.Y,l.i,x.O,$.c,v.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}tui-input[_ngcontent-%COMP%]{min-width:10rem}"],changeDetection:0}),e})();var k=n(71984);function O(t,e){1&t&&(s.I0R(0,"p"),s.OEk(1," The wrapped element is assumed to have 12px border-radius. If it is different, override the "),s.I0R(2,"code"),s.OEk(3,"--tui-radius"),s.C$Y(),s.OEk(4," variable with actual value. "),s.C$Y())}function z(t,e){if(1&t&&(s.I0R(0,"p"),s.OEk(1,"BadgedContent is a wrapper for other components to add badges and notifications to them."),s.C$Y(),s.I0R(2,"tui-doc-example",2),s.wR5(3,"tui-badged-content-example-1"),s.C$Y(),s.I0R(4,"tui-doc-example",3),s.yuY(5,O,5,0,"ng-template",null,4,s.gJz),s.wR5(7,"tui-badged-content-example-2"),s.C$Y(),s.I0R(8,"tui-doc-example",5),s.wR5(9,"tui-badged-content-example-3"),s.C$Y()),2&t){const t=s.Gew(6),e=s.GaO();s.yG2(2),s.E7m("content",e.example1),s.yG2(2),s.E7m("content",e.example2)("description",t),s.yG2(4),s.E7m("content",e.example3)}}function S(t,e){1&t&&s.OEk(0," Border radius ")}function B(t,e){if(1&t){const t=s.KQA();s.I0R(0,"tui-doc-demo")(1,"tui-badged-content")(2,"tui-badge-notification",6),s.OEk(3,"1"),s.C$Y(),s.wR5(4,"tui-avatar",7),s.wVc(5,"async"),s.wVc(6,"tuiFallbackSrc"),s.C$Y()(),s.I0R(7,"tui-doc-documentation",8),s.yuY(8,S,1,0,"ng-template",9),s.qCj("documentationPropertyValueChange",(function(e){s.usT(t);const n=s.GaO();return s.CGJ(n.radius=e)})),s.C$Y()}if(2&t){const t=s.GaO();s.yG2(1),s.m4B("--tui-radius",t.radius),s.yG2(3),s.E7m("round","50%"===t.radius)("src",s.kDX(5,6,s.g7$(6,8,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),s.yG2(4),s.E7m("documentationPropertyValues",t.radiusVariants)("documentationPropertyValue",t.radius)}}function M(t,e){if(1&t&&(s.I0R(0,"ol",10)(1,"li")(2,"p"),s.OEk(3,"Import module:"),s.C$Y(),s.wR5(4,"tui-doc-code",11),s.C$Y(),s.I0R(5,"li")(6,"p"),s.OEk(7,"Add to the template:"),s.C$Y(),s.wR5(8,"tui-doc-code",12),s.C$Y()()),2&t){const t=s.GaO();s.yG2(4),s.E7m("code",t.exampleModule),s.yG2(4),s.E7m("code",t.exampleHtml)}}let P=(()=>{var t;class e{constructor(){this.exampleModule=n.e(73496).then(n.t.bind(n,73496,17)),this.exampleHtml=n.e(31380).then(n.t.bind(n,31380,17)),this.example1={HTML:n.e(76160).then(n.t.bind(n,76160,17))},this.example2={HTML:n.e(51132).then(n.t.bind(n,51132,17))},this.example3={HTML:n.e(73479).then(n.t.bind(n,73479,17))},this.radiusVariants=["0.75rem","50%"],this.radius=this.radiusVariants[0]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["example-badged-content"]],decls:4,vars:0,consts:[["header","BadgedContent","package","KIT","type","components"],["pageTab",""],["id","base","heading","basic",3,"content"],["id","rounded","heading","rounded content",3,"content","description"],["description",""],["id","components","heading","with different components",3,"content"],["tuiSlot","top"],["size","l",3,"round","src"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.--t-radius","documentationPropertyType","string",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&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,z,10,4,"ng-template",1),s.yuY(2,B,9,11,"ng-template",1),s.yuY(3,M,9,2,"ng-template",1),s.C$Y())},dependencies:[p.u,l.i,m.I,g.u,I.m,y.I,C.S,f.E,b.u,h.I,E,w,G,i.a,k.o],encapsulation:2,changeDetection:0}),e})(),T=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=s.a4G({type:t}),t.ɵinj=s.s3X({imports:[i.MD,d._e,d.C,r.TuiBadgedContentComponent,d.CA,d.o3,r.TuiInputModule,d.CI,o.kx,c.TuiNotificationModule,a.qQ.forChild((0,o._A)(P)),u.TuiPlatformModule]}),e})()}}]);
\ No newline at end of file
diff --git a/next/15128.e6d09ffc3511bc2f.js b/next/15128.498a53d99fd996b6.js
similarity index 98%
rename from next/15128.e6d09ffc3511bc2f.js
rename to next/15128.498a53d99fd996b6.js
index 1a9b24c12768..f94e3a91a851 100644
--- a/next/15128.e6d09ffc3511bc2f.js
+++ b/next/15128.498a53d99fd996b6.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15128],{15128:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiAmountModule:()=>C});var c=n(86568),i=n(752),a=n(62548),o=n(84788),u=n(6528),m=n(62224),s=n(13692),l=n(34496),r=n(37288),p=n(83480),d=n(82312),y=n(55412),k=n(86824);let w=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-amount-example-1"]],decls:40,vars:60,consts:[[1,"tui-space_top-1","tui-space_bottom-1"]],template:function(e,t){1&e&&(u.I0R(0,"ol")(1,"li"),u.OEk(2),u.wVc(3,"async"),u.wVc(4,"tuiAmount"),u.C$Y(),u.I0R(5,"li"),u.OEk(6),u.wVc(7,"async"),u.wVc(8,"tuiAmount"),u.C$Y(),u.I0R(9,"li"),u.OEk(10),u.wVc(11,"async"),u.wVc(12,"tuiAmount"),u.C$Y(),u.I0R(13,"li"),u.OEk(14),u.wVc(15,"async"),u.wVc(16,"tuiAmount"),u.C$Y(),u.I0R(17,"li"),u.OEk(18),u.wVc(19,"async"),u.wVc(20,"tuiAmount"),u.C$Y(),u.I0R(21,"li"),u.OEk(22),u.wVc(23,"async"),u.wVc(24,"tuiAmount"),u.C$Y(),u.I0R(25,"li"),u.OEk(26),u.wVc(27,"async"),u.wVc(28,"tuiAmount"),u.C$Y(),u.I0R(29,"li"),u.OEk(30),u.wVc(31,"async"),u.wVc(32,"tuiAmount"),u.C$Y()(),u.wR5(33,"hr",0),u.I0R(34,"span"),u.OEk(35),u.wVc(36,"async"),u.wVc(37,"tuiAmount"),u.wVc(38,"async"),u.wVc(39,"tuiAmount"),u.C$Y()),2&e&&(u.yG2(2),u.cNF(u.kDX(3,10,u.kDX(4,12,10728.9))),u.yG2(4),u.cNF(u.kDX(7,14,u.g7$(8,16,10728.9,"RUB"))),u.yG2(4),u.cNF(u.kDX(11,19,u.g7$(12,21,10728.9,"EUR"))),u.yG2(4),u.cNF(u.kDX(15,24,u.g7$(16,26,10728.9,"USD"))),u.yG2(4),u.cNF(u.kDX(19,29,u.g7$(20,31,10728.9,"GBP"))),u.yG2(4),u.cNF(u.kDX(23,34,u.I7O(24,36,-12345.1,"USD","left"))),u.yG2(4),u.cNF(u.kDX(27,40,u.I7O(28,42,100,"£","left"))),u.yG2(4),u.cNF(u.kDX(31,46,u.I7O(32,48,200,"AED","left"))),u.yG2(5),u.CAO("Remaining ",u.kDX(36,52,u.kDX(37,54,10728.9))," of ",u.kDX(38,56,u.kDX(39,58,11e3)),""))},dependencies:[c.a,k._],encapsulation:2,changeDetection:0}),t})();var f=n(17981);const E=function(){return{rounding:"round",thousandSeparator:",",decimalSeparator:"."}},R=function(){return{rounding:"ceil",decimalLimit:1}};let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-amount-example-2"]],decls:12,vars:24,consts:[[3,"tuiNumberFormat"]],template:function(e,t){1&e&&(u.I0R(0,"div",0),u.OEk(1),u.wVc(2,"async"),u.wVc(3,"tuiAmount"),u.C$Y(),u.I0R(4,"div"),u.OEk(5),u.wVc(6,"async"),u.wVc(7,"tuiAmount"),u.C$Y(),u.I0R(8,"div",0),u.OEk(9),u.wVc(10,"async"),u.wVc(11,"tuiAmount"),u.C$Y()),2&e&&(u.E7m("tuiNumberFormat",u.q4q(22,E)),u.yG2(1),u.oRS(" ",u.kDX(2,5,u.I7O(3,7,-10000000.536,"USD","left")),"\n"),u.yG2(4),u.cNF(u.kDX(6,11,u.g7$(7,13,200.536,"EUR"))),u.yG2(3),u.E7m("tuiNumberFormat",u.q4q(23,R)),u.yG2(1),u.oRS(" ",u.kDX(10,16,u.I7O(11,18,54000.643,"USD","left")),"\n"))},dependencies:[f.A,c.a,k._],encapsulation:2,changeDetection:0}),t})(),h=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-amount-example-3"]],features:[u.M5G([(0,o.eE)({sign:"always",currency:"USD",currencyAlign:"left"})])],decls:8,vars:10,template:function(e,t){1&e&&(u.I0R(0,"div"),u.OEk(1),u.wVc(2,"async"),u.wVc(3,"tuiAmount"),u.C$Y(),u.I0R(4,"div"),u.OEk(5),u.wVc(6,"async"),u.wVc(7,"tuiAmount"),u.C$Y()),2&e&&(u.yG2(1),u.cNF(u.kDX(2,2,u.kDX(3,4,-12.3))),u.yG2(4),u.cNF(u.kDX(6,6,u.kDX(7,8,3e3))))},dependencies:[c.a,k._],encapsulation:2,changeDetection:0}),t})();function O(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"p"),u.OEk(6,"Pipe to format number values to show money sums"),u.C$Y(),u.I0R(7,"p"),u.OEk(8," Number formatting can be customized by using "),u.I0R(9,"a",4),u.OEk(10," TUI_NUMBER_FORMAT "),u.C$Y()(),u.I0R(11,"tui-doc-example",5),u.wR5(12,"tui-amount-example-1"),u.C$Y(),u.I0R(13,"tui-doc-example",6),u.wR5(14,"tui-amount-example-2"),u.C$Y(),u.I0R(15,"tui-doc-example",7),u.wR5(16,"tui-amount-example-3"),u.C$Y()),2&e){const e=u.GaO();u.yG2(11),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2),u.yG2(2),u.E7m("content",e.example3)}}function D(e,t){if(1&e&&(u.I0R(0,"ol",8)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",9),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",10),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let $=(()=>{var e;class t{constructor(){this.exampleModule=n.e(20116).then(n.t.bind(n,20116,17)),this.exampleHtml=n.e(41608).then(n.t.bind(n,41608,17)),this.example1={HTML:n.e(57980).then(n.t.bind(n,57980,17)),TypeScript:n.e(18012).then(n.t.bind(n,40392,17))},this.example2={HTML:n.e(90596).then(n.t.bind(n,90596,17)),TypeScript:n.e(11244).then(n.t.bind(n,11244,17))},this.example3={HTML:n.e(20608).then(n.t.bind(n,20608,17)),TypeScript:n.e(23208).then(n.t.bind(n,23208,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-amount"]],decls:3,vars:0,consts:[["header","Amount","package","EXPERIMENTAL","type","pipes"],["pageTab",""],["pageTab","Setup"],["status","warning"],["fragment","number-format","routerLink","/utils/tokens","tuiLink",""],["id","base","heading","Basic",3,"content"],["id","format","heading","Format",3,"content"],["id","options","heading","Options",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,O,17,3,"ng-template",1),u.yuY(2,D,9,2,"ng-template",2),u.C$Y())},dependencies:[m.e,s.u,l.E,r.u,p.I,d.ER,y.C,w,I,h],encapsulation:2,changeDetection:0}),t})();n(23340);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[c.MD,o.MX,a.TuiNotificationModule,a.TuiNumberFormatModule,(0,i.If)($),a.TuiLinkModule]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15128],{15128:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiAmountModule:()=>C});var c=n(86568),i=n(752),a=n(62548),o=n(37304),u=n(6528),m=n(62224),s=n(13692),l=n(34496),r=n(37288),p=n(83480),d=n(82312),y=n(55412),k=n(86824);let w=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-amount-example-1"]],decls:40,vars:60,consts:[[1,"tui-space_top-1","tui-space_bottom-1"]],template:function(e,t){1&e&&(u.I0R(0,"ol")(1,"li"),u.OEk(2),u.wVc(3,"async"),u.wVc(4,"tuiAmount"),u.C$Y(),u.I0R(5,"li"),u.OEk(6),u.wVc(7,"async"),u.wVc(8,"tuiAmount"),u.C$Y(),u.I0R(9,"li"),u.OEk(10),u.wVc(11,"async"),u.wVc(12,"tuiAmount"),u.C$Y(),u.I0R(13,"li"),u.OEk(14),u.wVc(15,"async"),u.wVc(16,"tuiAmount"),u.C$Y(),u.I0R(17,"li"),u.OEk(18),u.wVc(19,"async"),u.wVc(20,"tuiAmount"),u.C$Y(),u.I0R(21,"li"),u.OEk(22),u.wVc(23,"async"),u.wVc(24,"tuiAmount"),u.C$Y(),u.I0R(25,"li"),u.OEk(26),u.wVc(27,"async"),u.wVc(28,"tuiAmount"),u.C$Y(),u.I0R(29,"li"),u.OEk(30),u.wVc(31,"async"),u.wVc(32,"tuiAmount"),u.C$Y()(),u.wR5(33,"hr",0),u.I0R(34,"span"),u.OEk(35),u.wVc(36,"async"),u.wVc(37,"tuiAmount"),u.wVc(38,"async"),u.wVc(39,"tuiAmount"),u.C$Y()),2&e&&(u.yG2(2),u.cNF(u.kDX(3,10,u.kDX(4,12,10728.9))),u.yG2(4),u.cNF(u.kDX(7,14,u.g7$(8,16,10728.9,"RUB"))),u.yG2(4),u.cNF(u.kDX(11,19,u.g7$(12,21,10728.9,"EUR"))),u.yG2(4),u.cNF(u.kDX(15,24,u.g7$(16,26,10728.9,"USD"))),u.yG2(4),u.cNF(u.kDX(19,29,u.g7$(20,31,10728.9,"GBP"))),u.yG2(4),u.cNF(u.kDX(23,34,u.I7O(24,36,-12345.1,"USD","left"))),u.yG2(4),u.cNF(u.kDX(27,40,u.I7O(28,42,100,"£","left"))),u.yG2(4),u.cNF(u.kDX(31,46,u.I7O(32,48,200,"AED","left"))),u.yG2(5),u.CAO("Remaining ",u.kDX(36,52,u.kDX(37,54,10728.9))," of ",u.kDX(38,56,u.kDX(39,58,11e3)),""))},dependencies:[c.a,k._],encapsulation:2,changeDetection:0}),t})();var f=n(17981);const E=function(){return{rounding:"round",thousandSeparator:",",decimalSeparator:"."}},R=function(){return{rounding:"ceil",decimalLimit:1}};let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-amount-example-2"]],decls:12,vars:24,consts:[[3,"tuiNumberFormat"]],template:function(e,t){1&e&&(u.I0R(0,"div",0),u.OEk(1),u.wVc(2,"async"),u.wVc(3,"tuiAmount"),u.C$Y(),u.I0R(4,"div"),u.OEk(5),u.wVc(6,"async"),u.wVc(7,"tuiAmount"),u.C$Y(),u.I0R(8,"div",0),u.OEk(9),u.wVc(10,"async"),u.wVc(11,"tuiAmount"),u.C$Y()),2&e&&(u.E7m("tuiNumberFormat",u.q4q(22,E)),u.yG2(1),u.oRS(" ",u.kDX(2,5,u.I7O(3,7,-10000000.536,"USD","left")),"\n"),u.yG2(4),u.cNF(u.kDX(6,11,u.g7$(7,13,200.536,"EUR"))),u.yG2(3),u.E7m("tuiNumberFormat",u.q4q(23,R)),u.yG2(1),u.oRS(" ",u.kDX(10,16,u.I7O(11,18,54000.643,"USD","left")),"\n"))},dependencies:[f.A,c.a,k._],encapsulation:2,changeDetection:0}),t})(),h=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-amount-example-3"]],features:[u.M5G([(0,o.eE)({sign:"always",currency:"USD",currencyAlign:"left"})])],decls:8,vars:10,template:function(e,t){1&e&&(u.I0R(0,"div"),u.OEk(1),u.wVc(2,"async"),u.wVc(3,"tuiAmount"),u.C$Y(),u.I0R(4,"div"),u.OEk(5),u.wVc(6,"async"),u.wVc(7,"tuiAmount"),u.C$Y()),2&e&&(u.yG2(1),u.cNF(u.kDX(2,2,u.kDX(3,4,-12.3))),u.yG2(4),u.cNF(u.kDX(6,6,u.kDX(7,8,3e3))))},dependencies:[c.a,k._],encapsulation:2,changeDetection:0}),t})();function O(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"p"),u.OEk(6,"Pipe to format number values to show money sums"),u.C$Y(),u.I0R(7,"p"),u.OEk(8," Number formatting can be customized by using "),u.I0R(9,"a",4),u.OEk(10," TUI_NUMBER_FORMAT "),u.C$Y()(),u.I0R(11,"tui-doc-example",5),u.wR5(12,"tui-amount-example-1"),u.C$Y(),u.I0R(13,"tui-doc-example",6),u.wR5(14,"tui-amount-example-2"),u.C$Y(),u.I0R(15,"tui-doc-example",7),u.wR5(16,"tui-amount-example-3"),u.C$Y()),2&e){const e=u.GaO();u.yG2(11),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2),u.yG2(2),u.E7m("content",e.example3)}}function D(e,t){if(1&e&&(u.I0R(0,"ol",8)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",9),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",10),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let $=(()=>{var e;class t{constructor(){this.exampleModule=n.e(20116).then(n.t.bind(n,20116,17)),this.exampleHtml=n.e(41608).then(n.t.bind(n,41608,17)),this.example1={HTML:n.e(57980).then(n.t.bind(n,57980,17)),TypeScript:n.e(18012).then(n.t.bind(n,40392,17))},this.example2={HTML:n.e(90596).then(n.t.bind(n,90596,17)),TypeScript:n.e(11244).then(n.t.bind(n,11244,17))},this.example3={HTML:n.e(20608).then(n.t.bind(n,20608,17)),TypeScript:n.e(23208).then(n.t.bind(n,23208,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-amount"]],decls:3,vars:0,consts:[["header","Amount","package","EXPERIMENTAL","type","pipes"],["pageTab",""],["pageTab","Setup"],["status","warning"],["fragment","number-format","routerLink","/utils/tokens","tuiLink",""],["id","base","heading","Basic",3,"content"],["id","format","heading","Format",3,"content"],["id","options","heading","Options",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,O,17,3,"ng-template",1),u.yuY(2,D,9,2,"ng-template",2),u.C$Y())},dependencies:[m.e,s.u,l.E,r.u,p.I,d.ER,y.C,w,I,h],encapsulation:2,changeDetection:0}),t})();n(23340);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[c.MD,o.MX,a.TuiNotificationModule,a.TuiNumberFormatModule,(0,i.If)($),a.TuiLinkModule]}),t})()}}]);
\ No newline at end of file
diff --git a/next/15264.0433e03db164e7f6.js b/next/15264.99f28d8922fc2c14.js
similarity index 99%
rename from next/15264.0433e03db164e7f6.js
rename to next/15264.99f28d8922fc2c14.js
index c4dc2eaf32e6..11f45b311ed4 100644
--- a/next/15264.0433e03db164e7f6.js
+++ b/next/15264.99f28d8922fc2c14.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15264],{15264:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiTooltipModule:()=>J});var o=n(86568),i=n(35856),a=n(752),r=n(62548),c=n(84788),u=n(33976),p=n(58200),l=n(6528),d=n(6804),s=n(13692),m=n(96808),y=n(95356),h=n(56616),g=n(34496),C=n(37288),f=n(83480),w=n(62224),E=n(45328),b=n(13052),I=n(12436),P=n(18692);function T(e,t){if(1&e&&(l.I0R(0,"tui-loader",4),l.OEk(1),l.C$Y()),2&e){const e=l.GaO();l.E7m("inheritColor",!0)("showLoader",e.loader),l.yG2(1),l.oRS(" ",e.text," ")}}let O=(()=>{var e;class t{constructor(e,t){this.loader=!0,this.text="",(0,b.I)(2e3).pipe((0,E.tuiWatch)(t),(0,I.a)(e)).subscribe((()=>{this.loader=!this.loader,this.text=this.text?"":"Error 502: Bad Gateway"}))}}return(e=t).ɵfac=function(t){return new(t||e)(l.GI1(E.TuiDestroyService,2),l.GI1(l.kD9))},e.ɵcmp=l.In1({type:e,selectors:[["tui-tooltip-example-1"]],features:[l.M5G([E.TuiDestroyService])],decls:14,vars:2,consts:[["content","Supports basic HTML","direction","right"],["direction","bottom-right",3,"content"],[1,"wrapping-tooltip"],["tooltip",""],["size","s",1,"tooltip",3,"inheritColor","showLoader"]],template:function(e,t){if(1&e&&(l.I0R(0,"p"),l.OEk(1,"Component with a static text..."),l.C$Y(),l.wR5(2,"tui-tooltip",0),l.I0R(3,"p"),l.OEk(4," ...or any custom HTML or logic with "),l.I0R(5,"code"),l.OEk(6,"PolymorpheusContent"),l.C$Y(),l.OEk(7," :\n"),l.C$Y(),l.wR5(8,"tui-tooltip",1),l.I0R(9,"p",2),l.OEk(10," Example of wrapping tooltip "),l.wR5(11,"tui-tooltip",1),l.C$Y(),l.yuY(12,T,2,3,"ng-template",null,3,l.gJz)),2&e){const e=l.Gew(13);l.yG2(8),l.E7m("content",e),l.yG2(3),l.E7m("content",e)}},dependencies:[d.i,P.C],styles:[".tooltip[_ngcontent-%COMP%]{height:1.25rem;min-width:6.25rem}.wrapping-tooltip[_ngcontent-%COMP%]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:11rem;background:var(--tui-base-02);border-radius:.5rem;line-height:1.5rem;padding:.375rem 1.875rem .375rem .5rem;resize:horizontal;overflow:auto}.wrapping-tooltip[_ngcontent-%COMP%] tui-tooltip[_ngcontent-%COMP%]{position:absolute}"],changeDetection:0}),t})();var x=n(73148),G=n(61920),R=n(17704),M=n(7332),Y=n(72212);function k(e,t){1&e&&l.OEk(0,"Allowed symbols: ♠ ♣ ♦ ♥")}let V=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-tooltip-example-2"]],decls:7,vars:5,consts:[["tooltip",""],["tuiTextfieldSize","m",1,"input",3,"tuiTextfieldLabelOutside","ngModel","ngModelChange"],["direction","bottom",3,"content"],["tuiTextfieldSize","m",1,"input",3,"ngModel","ngModelChange"],["id","describe-id-example","placeholder","With describeId","tuiTextfield",""],["describeId","described-example-id","direction","right",3,"content"]],template:function(e,t){if(1&e&&(l.yuY(0,k,1,0,"ng-template",null,0,l.gJz),l.I0R(2,"tui-input",1),l.qCj("ngModelChange",(function(e){return t.value=e})),l.C$Y(),l.wR5(3,"tui-tooltip",2),l.I0R(4,"tui-input",3),l.qCj("ngModelChange",(function(e){return t.value=e})),l.wR5(5,"input",4),l.C$Y(),l.wR5(6,"tui-tooltip",5)),2&e){const e=l.Gew(1);l.yG2(2),l.E7m("tuiTextfieldLabelOutside",!0)("ngModel",t.value),l.yG2(1),l.E7m("content",e),l.yG2(1),l.E7m("ngModel",t.value),l.yG2(2),l.E7m("content",e)}},dependencies:[d.i,x.O,G.c,R.b,i.ue,i._G,M.E,Y.r],styles:["[_nghost-%COMP%]{display:block;width:25rem}.primary[_ngcontent-%COMP%]{color:var(--tui-primary)}.input[_ngcontent-%COMP%]{display:inline-block;width:18.75rem;margin:.75rem .75rem .75rem 0;vertical-align:middle}"],changeDetection:0}),t})();var D=n(12248);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-tooltip-example-3"]],features:[l.M5G([(0,c.YT)({icons:"tuiIconInfo"})])],decls:9,vars:0,consts:[["content","Info icon"],["content","Custom appearance","tuiAppearance","accent"]],template:function(e,t){1&e&&(l.I0R(0,"p"),l.OEk(1,"Icon can be changed using DI options"),l.C$Y(),l.wR5(2,"tui-tooltip",0),l.I0R(3,"p"),l.OEk(4," Icon color can be changed using "),l.I0R(5,"code"),l.OEk(6,"tuiAppearance"),l.C$Y(),l.OEk(7," directive\n"),l.C$Y(),l.wR5(8,"tui-tooltip",1))},dependencies:[d.i,D.G],encapsulation:2,changeDetection:0}),t})();function $(e,t){if(1&e&&(l.I0R(0,"tui-notification",2),l.OEk(1," This code is "),l.I0R(2,"strong"),l.OEk(3,"experimental"),l.C$Y(),l.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),l.C$Y(),l.I0R(5,"p"),l.OEk(6,"Component to show icons with a hint by hover"),l.C$Y(),l.I0R(7,"tui-doc-example",3),l.wR5(8,"tui-tooltip-example-1"),l.C$Y(),l.I0R(9,"tui-doc-example",4),l.wR5(10,"tui-tooltip-example-2"),l.C$Y(),l.I0R(11,"tui-doc-example",5),l.wR5(12,"tui-tooltip-example-3"),l.C$Y()),2&e){const e=l.GaO();l.yG2(7),l.E7m("content",e.example1),l.yG2(2),l.E7m("content",e.example2),l.yG2(2),l.E7m("content",e.example3)}}function S(e,t){1&e&&l.OEk(0," Hint appearance ")}function L(e,t){1&e&&l.OEk(0," Tooltip content ")}function H(e,t){1&e&&(l.OEk(0," To be accessible, hint should be set to a focusable element and user with Screen Readers will listen to hint text after a small delay when focusing textfield. Set "),l.I0R(1,"code"),l.OEk(2,"id"),l.C$Y(),l.OEk(3," of your focusable element here. "))}function j(e,t){1&e&&l.OEk(0," Tooltip direction ")}function z(e,t){1&e&&l.OEk(0," Show Delay ")}function N(e,t){1&e&&l.OEk(0," Hide Delay ")}function _(e,t){if(1&e){const e=l.KQA();l.I0R(0,"tui-doc-demo"),l.wR5(1,"tui-tooltip",6)(2,"input",7),l.C$Y(),l.I0R(3,"tui-doc-documentation"),l.yuY(4,S,1,0,"ng-template",8),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.appearance=t)})),l.yuY(5,L,1,0,"ng-template",9),l.yuY(6,H,4,0,"ng-template",10),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.describeId=t)})),l.yuY(7,j,1,0,"ng-template",11),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.direction=t)})),l.yuY(8,z,1,0,"ng-template",12),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.showDelay=t)})),l.yuY(9,N,1,0,"ng-template",13),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.hideDelay=t)})),l.C$Y()}if(2&e){const e=l.GaO();l.yG2(1),l.E7m("appearance",e.appearance)("describeId",e.describeId)("direction",e.direction)("hideDelay",e.hideDelay)("showDelay",e.showDelay),l.yG2(3),l.E7m("documentationPropertyValues",e.appearanceVariants)("documentationPropertyValue",e.appearance),l.yG2(2),l.E7m("documentationPropertyValue",e.describeId),l.yG2(1),l.E7m("documentationPropertyValues",e.directionVariants)("documentationPropertyValue",e.direction),l.yG2(1),l.E7m("documentationPropertyValue",e.showDelay),l.yG2(1),l.E7m("documentationPropertyValue",e.hideDelay)}}function q(e,t){if(1&e&&(l.I0R(0,"ol",14)(1,"li")(2,"p"),l.OEk(3,"Import module:"),l.C$Y(),l.wR5(4,"tui-doc-code",15),l.C$Y(),l.I0R(5,"li")(6,"p"),l.OEk(7,"Add to the template:"),l.C$Y(),l.wR5(8,"tui-doc-code",16),l.C$Y()()),2&e){const e=l.GaO();l.yG2(4),l.E7m("code",e.exampleModule),l.yG2(4),l.E7m("code",e.exampleHtml)}}let A=(()=>{var e;class t{constructor(){this.example1={TypeScript:n.e(24560).then(n.t.bind(n,24560,17)),HTML:n.e(70512).then(n.t.bind(n,70512,17)),LESS:n.e(50326).then(n.t.bind(n,95088,17))},this.example2={TypeScript:n.e(16144).then(n.t.bind(n,38524,17)),HTML:n.e(83396).then(n.t.bind(n,83396,17)),LESS:n.e(74028).then(n.t.bind(n,74028,17))},this.example3={TypeScript:n.e(46472).then(n.t.bind(n,46472,17)),HTML:n.e(97144).then(n.t.bind(n,97144,17))},this.exampleModule=n.e(28936).then(n.t.bind(n,28936,17)),this.exampleHtml=n.e(80500).then(n.t.bind(n,80500,17)),this.appearanceVariants=["","error"],this.appearance=this.appearanceVariants[0],this.directionVariants=r.TUI_HINT_DIRECTIONS,this.direction=this.directionVariants[0],this.describeId="",this.showDelay=500,this.hideDelay=200}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["example-tooltip"]],decls:4,vars:0,consts:[["header","Tooltip","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","example-base","heading","Basic",3,"content"],["id","repeating-template","heading","Repeating template",3,"content"],["id","customization","heading","Customization",3,"content"],["content","You data is hidden",3,"appearance","describeId","direction","hideDelay","showDelay"],["id","qwerty","placeholder","id: qwerty"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","content","documentationPropertyType","PolymorpheusContent"],["documentationPropertyMode","input","documentationPropertyName","describeId","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","direction","documentationPropertyType","TuiHintDirection",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","showDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","hideDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(l.I0R(0,"tui-doc-page",0),l.yuY(1,$,13,3,"ng-template",1),l.yuY(2,_,10,12,"ng-template",1),l.yuY(3,q,9,2,"ng-template",1),l.C$Y())},dependencies:[d.i,s.u,m.m,y.I,h.S,g.E,C.u,f.I,w.e,O,V,v],encapsulation:2,changeDetection:0}),t})();n(23340);let J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[c.aA,r.TuiLinkModule,r.TuiLoaderModule,u.TuiInputModule,p.Ux,r.TuiModeModule,o.MD,i.y,r.TuiTextfieldControllerModule,(0,a.If)(A),r.TuiNotificationModule,c.C]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[15264],{15264:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiTooltipModule:()=>J});var o=n(86568),i=n(35856),a=n(752),r=n(62548),c=n(37304),u=n(33976),p=n(58200),l=n(6528),d=n(6804),s=n(13692),m=n(96808),y=n(95356),h=n(56616),g=n(34496),C=n(37288),f=n(83480),w=n(62224),E=n(45328),b=n(13052),I=n(12436),P=n(18692);function T(e,t){if(1&e&&(l.I0R(0,"tui-loader",4),l.OEk(1),l.C$Y()),2&e){const e=l.GaO();l.E7m("inheritColor",!0)("showLoader",e.loader),l.yG2(1),l.oRS(" ",e.text," ")}}let O=(()=>{var e;class t{constructor(e,t){this.loader=!0,this.text="",(0,b.I)(2e3).pipe((0,E.tuiWatch)(t),(0,I.a)(e)).subscribe((()=>{this.loader=!this.loader,this.text=this.text?"":"Error 502: Bad Gateway"}))}}return(e=t).ɵfac=function(t){return new(t||e)(l.GI1(E.TuiDestroyService,2),l.GI1(l.kD9))},e.ɵcmp=l.In1({type:e,selectors:[["tui-tooltip-example-1"]],features:[l.M5G([E.TuiDestroyService])],decls:14,vars:2,consts:[["content","Supports basic HTML","direction","right"],["direction","bottom-right",3,"content"],[1,"wrapping-tooltip"],["tooltip",""],["size","s",1,"tooltip",3,"inheritColor","showLoader"]],template:function(e,t){if(1&e&&(l.I0R(0,"p"),l.OEk(1,"Component with a static text..."),l.C$Y(),l.wR5(2,"tui-tooltip",0),l.I0R(3,"p"),l.OEk(4," ...or any custom HTML or logic with "),l.I0R(5,"code"),l.OEk(6,"PolymorpheusContent"),l.C$Y(),l.OEk(7," :\n"),l.C$Y(),l.wR5(8,"tui-tooltip",1),l.I0R(9,"p",2),l.OEk(10," Example of wrapping tooltip "),l.wR5(11,"tui-tooltip",1),l.C$Y(),l.yuY(12,T,2,3,"ng-template",null,3,l.gJz)),2&e){const e=l.Gew(13);l.yG2(8),l.E7m("content",e),l.yG2(3),l.E7m("content",e)}},dependencies:[d.i,P.C],styles:[".tooltip[_ngcontent-%COMP%]{height:1.25rem;min-width:6.25rem}.wrapping-tooltip[_ngcontent-%COMP%]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:11rem;background:var(--tui-base-02);border-radius:.5rem;line-height:1.5rem;padding:.375rem 1.875rem .375rem .5rem;resize:horizontal;overflow:auto}.wrapping-tooltip[_ngcontent-%COMP%] tui-tooltip[_ngcontent-%COMP%]{position:absolute}"],changeDetection:0}),t})();var x=n(73148),G=n(61920),R=n(17704),M=n(7332),Y=n(72212);function k(e,t){1&e&&l.OEk(0,"Allowed symbols: ♠ ♣ ♦ ♥")}let V=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-tooltip-example-2"]],decls:7,vars:5,consts:[["tooltip",""],["tuiTextfieldSize","m",1,"input",3,"tuiTextfieldLabelOutside","ngModel","ngModelChange"],["direction","bottom",3,"content"],["tuiTextfieldSize","m",1,"input",3,"ngModel","ngModelChange"],["id","describe-id-example","placeholder","With describeId","tuiTextfield",""],["describeId","described-example-id","direction","right",3,"content"]],template:function(e,t){if(1&e&&(l.yuY(0,k,1,0,"ng-template",null,0,l.gJz),l.I0R(2,"tui-input",1),l.qCj("ngModelChange",(function(e){return t.value=e})),l.C$Y(),l.wR5(3,"tui-tooltip",2),l.I0R(4,"tui-input",3),l.qCj("ngModelChange",(function(e){return t.value=e})),l.wR5(5,"input",4),l.C$Y(),l.wR5(6,"tui-tooltip",5)),2&e){const e=l.Gew(1);l.yG2(2),l.E7m("tuiTextfieldLabelOutside",!0)("ngModel",t.value),l.yG2(1),l.E7m("content",e),l.yG2(1),l.E7m("ngModel",t.value),l.yG2(2),l.E7m("content",e)}},dependencies:[d.i,x.O,G.c,R.b,i.ue,i._G,M.E,Y.r],styles:["[_nghost-%COMP%]{display:block;width:25rem}.primary[_ngcontent-%COMP%]{color:var(--tui-primary)}.input[_ngcontent-%COMP%]{display:inline-block;width:18.75rem;margin:.75rem .75rem .75rem 0;vertical-align:middle}"],changeDetection:0}),t})();var D=n(12248);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-tooltip-example-3"]],features:[l.M5G([(0,c.YT)({icons:"tuiIconInfo"})])],decls:9,vars:0,consts:[["content","Info icon"],["content","Custom appearance","tuiAppearance","accent"]],template:function(e,t){1&e&&(l.I0R(0,"p"),l.OEk(1,"Icon can be changed using DI options"),l.C$Y(),l.wR5(2,"tui-tooltip",0),l.I0R(3,"p"),l.OEk(4," Icon color can be changed using "),l.I0R(5,"code"),l.OEk(6,"tuiAppearance"),l.C$Y(),l.OEk(7," directive\n"),l.C$Y(),l.wR5(8,"tui-tooltip",1))},dependencies:[d.i,D.G],encapsulation:2,changeDetection:0}),t})();function $(e,t){if(1&e&&(l.I0R(0,"tui-notification",2),l.OEk(1," This code is "),l.I0R(2,"strong"),l.OEk(3,"experimental"),l.C$Y(),l.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),l.C$Y(),l.I0R(5,"p"),l.OEk(6,"Component to show icons with a hint by hover"),l.C$Y(),l.I0R(7,"tui-doc-example",3),l.wR5(8,"tui-tooltip-example-1"),l.C$Y(),l.I0R(9,"tui-doc-example",4),l.wR5(10,"tui-tooltip-example-2"),l.C$Y(),l.I0R(11,"tui-doc-example",5),l.wR5(12,"tui-tooltip-example-3"),l.C$Y()),2&e){const e=l.GaO();l.yG2(7),l.E7m("content",e.example1),l.yG2(2),l.E7m("content",e.example2),l.yG2(2),l.E7m("content",e.example3)}}function S(e,t){1&e&&l.OEk(0," Hint appearance ")}function L(e,t){1&e&&l.OEk(0," Tooltip content ")}function H(e,t){1&e&&(l.OEk(0," To be accessible, hint should be set to a focusable element and user with Screen Readers will listen to hint text after a small delay when focusing textfield. Set "),l.I0R(1,"code"),l.OEk(2,"id"),l.C$Y(),l.OEk(3," of your focusable element here. "))}function j(e,t){1&e&&l.OEk(0," Tooltip direction ")}function z(e,t){1&e&&l.OEk(0," Show Delay ")}function N(e,t){1&e&&l.OEk(0," Hide Delay ")}function _(e,t){if(1&e){const e=l.KQA();l.I0R(0,"tui-doc-demo"),l.wR5(1,"tui-tooltip",6)(2,"input",7),l.C$Y(),l.I0R(3,"tui-doc-documentation"),l.yuY(4,S,1,0,"ng-template",8),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.appearance=t)})),l.yuY(5,L,1,0,"ng-template",9),l.yuY(6,H,4,0,"ng-template",10),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.describeId=t)})),l.yuY(7,j,1,0,"ng-template",11),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.direction=t)})),l.yuY(8,z,1,0,"ng-template",12),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.showDelay=t)})),l.yuY(9,N,1,0,"ng-template",13),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.hideDelay=t)})),l.C$Y()}if(2&e){const e=l.GaO();l.yG2(1),l.E7m("appearance",e.appearance)("describeId",e.describeId)("direction",e.direction)("hideDelay",e.hideDelay)("showDelay",e.showDelay),l.yG2(3),l.E7m("documentationPropertyValues",e.appearanceVariants)("documentationPropertyValue",e.appearance),l.yG2(2),l.E7m("documentationPropertyValue",e.describeId),l.yG2(1),l.E7m("documentationPropertyValues",e.directionVariants)("documentationPropertyValue",e.direction),l.yG2(1),l.E7m("documentationPropertyValue",e.showDelay),l.yG2(1),l.E7m("documentationPropertyValue",e.hideDelay)}}function q(e,t){if(1&e&&(l.I0R(0,"ol",14)(1,"li")(2,"p"),l.OEk(3,"Import module:"),l.C$Y(),l.wR5(4,"tui-doc-code",15),l.C$Y(),l.I0R(5,"li")(6,"p"),l.OEk(7,"Add to the template:"),l.C$Y(),l.wR5(8,"tui-doc-code",16),l.C$Y()()),2&e){const e=l.GaO();l.yG2(4),l.E7m("code",e.exampleModule),l.yG2(4),l.E7m("code",e.exampleHtml)}}let A=(()=>{var e;class t{constructor(){this.example1={TypeScript:n.e(24560).then(n.t.bind(n,24560,17)),HTML:n.e(70512).then(n.t.bind(n,70512,17)),LESS:n.e(50326).then(n.t.bind(n,95088,17))},this.example2={TypeScript:n.e(16144).then(n.t.bind(n,38524,17)),HTML:n.e(83396).then(n.t.bind(n,83396,17)),LESS:n.e(74028).then(n.t.bind(n,74028,17))},this.example3={TypeScript:n.e(46472).then(n.t.bind(n,46472,17)),HTML:n.e(97144).then(n.t.bind(n,97144,17))},this.exampleModule=n.e(28936).then(n.t.bind(n,28936,17)),this.exampleHtml=n.e(80500).then(n.t.bind(n,80500,17)),this.appearanceVariants=["","error"],this.appearance=this.appearanceVariants[0],this.directionVariants=r.TUI_HINT_DIRECTIONS,this.direction=this.directionVariants[0],this.describeId="",this.showDelay=500,this.hideDelay=200}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["example-tooltip"]],decls:4,vars:0,consts:[["header","Tooltip","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","example-base","heading","Basic",3,"content"],["id","repeating-template","heading","Repeating template",3,"content"],["id","customization","heading","Customization",3,"content"],["content","You data is hidden",3,"appearance","describeId","direction","hideDelay","showDelay"],["id","qwerty","placeholder","id: qwerty"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","content","documentationPropertyType","PolymorpheusContent"],["documentationPropertyMode","input","documentationPropertyName","describeId","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","direction","documentationPropertyType","TuiHintDirection",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","showDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","hideDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(l.I0R(0,"tui-doc-page",0),l.yuY(1,$,13,3,"ng-template",1),l.yuY(2,_,10,12,"ng-template",1),l.yuY(3,q,9,2,"ng-template",1),l.C$Y())},dependencies:[d.i,s.u,m.m,y.I,h.S,g.E,C.u,f.I,w.e,O,V,v],encapsulation:2,changeDetection:0}),t})();n(23340);let J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[c.aA,r.TuiLinkModule,r.TuiLoaderModule,u.TuiInputModule,p.Ux,r.TuiModeModule,o.MD,i.y,r.TuiTextfieldControllerModule,(0,a.If)(A),r.TuiNotificationModule,c.C]}),t})()}}]);
\ No newline at end of file
diff --git a/next/22740.8bca525f5a465300.js b/next/22740.cea871719811081c.js
similarity index 98%
rename from next/22740.8bca525f5a465300.js
rename to next/22740.cea871719811081c.js
index d4964ae2a2f1..caa10c0aa7e9 100644
--- a/next/22740.8bca525f5a465300.js
+++ b/next/22740.cea871719811081c.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[22740],{22740:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiTitleModule:()=>g});var n=i(86568),a=i(752),l=i(62548),s=i(84788),o=i(6528),c=i(62224),u=i(13692),m=i(34496),p=i(37288),d=i(83480),r=i(52132);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["tui-title-example-1"]],decls:16,vars:0,consts:[["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(o.I0R(0,"h2",0),o.OEk(1,"I am a title"),o.C$Y(),o.I0R(2,"h2",0),o.OEk(3," I am a title "),o.I0R(4,"div",1),o.OEk(5,"I'm a subtitle"),o.C$Y()(),o.I0R(6,"h2",0)(7,"div",1),o.OEk(8,"Caption"),o.C$Y(),o.OEk(9," I am a title\n"),o.C$Y(),o.I0R(10,"h2",0)(11,"div",1),o.OEk(12,"Caption"),o.C$Y(),o.OEk(13," I am a title "),o.I0R(14,"div",1),o.OEk(15,"I'm a subtitle"),o.C$Y()())},dependencies:[r.e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})(),h=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["tui-title-example-2"]],decls:14,vars:0,consts:[["tuiTitle","s"],["tuiSubtitle",""],["tuiTitle","m"],["tuiTitle","l"]],template:function(e,t){1&e&&(o.I0R(0,"h2",0)(1,"div",1),o.OEk(2,"Caption"),o.C$Y(),o.OEk(3," I am a title "),o.I0R(4,"div",1),o.OEk(5,"I'm a subtitle"),o.C$Y()(),o.I0R(6,"h2",2)(7,"div",1),o.OEk(8,"Caption"),o.C$Y(),o.OEk(9," I am a title\n"),o.C$Y(),o.I0R(10,"h2",3),o.OEk(11," I am a title "),o.I0R(12,"div",1),o.OEk(13,"I'm a subtitle"),o.C$Y()())},dependencies:[r.e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})();var f=i(55412),C=i(3088);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["tui-title-example-3"]],decls:16,vars:8,consts:[["tuiTitle",""],["tuiSubtitle",""],["href","https://github.com/taiga-family/taiga-ui","tuiLink","","tuiTitle",""],[1,"flex"],["size","s","src","/assets/images/avatar.jpg"],["tuiTitle","s"]],template:function(e,t){1&e&&(o.I0R(0,"h2",0)(1,"b"),o.OEk(2,"I am a title"),o.C$Y(),o.I0R(3,"div",1),o.OEk(4," I'm a subtitle "),o.C$Y()(),o.I0R(5,"a",2),o.OEk(6," Taiga UI — GitHub "),o.I0R(7,"div",1),o.OEk(8," Drop us a star! "),o.C$Y()(),o.I0R(9,"label",3),o.wR5(10,"tui-avatar",4),o.I0R(11,"div",5)(12,"strong"),o.OEk(13,"Alex Inkin"),o.C$Y(),o.I0R(14,"div",1),o.OEk(15,"Available"),o.C$Y()()()),2&e&&(o.yG2(3),o.m4B("color","var(--tui-text-02)"),o.yG2(2),o.m4B("font-size",1,"rem")("line-height",1.25,"rem"),o.yG2(2),o.m4B("font","var(--tui-font-text-s)"))},dependencies:[r.e,f.C,C.I],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}.flex[_ngcontent-%COMP%]{display:flex;gap:.5rem}.flex[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:var(--tui-positive)}"],changeDetection:0}),t})();function x(e,t){if(1&e&&(o.I0R(0,"tui-notification",3),o.OEk(1," This code is "),o.I0R(2,"strong"),o.OEk(3,"experimental"),o.C$Y(),o.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),o.C$Y(),o.I0R(5,"p"),o.OEk(6,"A directive for title with optional subtitle"),o.C$Y(),o.I0R(7,"tui-doc-example",4),o.wR5(8,"tui-title-example-1"),o.C$Y(),o.I0R(9,"tui-doc-example",5),o.wR5(10,"tui-title-example-2"),o.C$Y(),o.I0R(11,"tui-doc-example",6),o.wR5(12,"tui-title-example-3"),o.C$Y()),2&e){const e=o.GaO();o.yG2(7),o.E7m("content",e.example1),o.yG2(2),o.E7m("content",e.example2),o.yG2(2),o.E7m("content",e.example3)}}function k(e,t){if(1&e&&(o.I0R(0,"ol",7)(1,"li")(2,"p"),o.OEk(3,"Import module:"),o.C$Y(),o.wR5(4,"tui-doc-code",8),o.C$Y(),o.I0R(5,"li")(6,"p"),o.OEk(7,"Add to the template:"),o.C$Y(),o.wR5(8,"tui-doc-code",9),o.C$Y()()),2&e){const e=o.GaO();o.yG2(4),o.E7m("code",e.exampleModule),o.yG2(4),o.E7m("code",e.exampleHtml)}}let O=(()=>{var e;class t{constructor(){this.exampleModule=i.e(81552).then(i.t.bind(i,81552,17)),this.exampleHtml=i.e(5924).then(i.t.bind(i,5924,17)),this.example1={TypeScript:i.e(92208).then(i.t.bind(i,69828,17)),HTML:i.e(54324).then(i.t.bind(i,54324,17))},this.example2={TypeScript:i.e(50656).then(i.t.bind(i,50656,17)),HTML:i.e(89924).then(i.t.bind(i,89924,17))},this.example3={TypeScript:i.e(8076).then(i.t.bind(i,8076,17)),HTML:i.e(23400).then(i.t.bind(i,23400,17)),LESS:i.e(68192).then(i.t.bind(i,68192,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["example-title"]],decls:3,vars:0,consts:[["header","Title","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","heading","Basic",3,"content"],["id","sizes","heading","Sizes",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&&(o.I0R(0,"tui-doc-page",0),o.yuY(1,x,13,3,"ng-template",1),o.yuY(2,k,9,2,"ng-template",2),o.C$Y())},dependencies:[c.e,u.u,m.E,p.u,d.I,I,h,E],encapsulation:2,changeDetection:0}),t})();i(23340);let g=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=o.a4G({type:e}),e.ɵinj=o.s3X({imports:[n.MD,s._M,l.TuiLinkModule,s.CA,l.TuiNotificationModule,(0,a.If)(O)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[22740],{22740:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiTitleModule:()=>g});var n=i(86568),a=i(752),l=i(62548),s=i(37304),o=i(6528),c=i(62224),u=i(13692),m=i(34496),p=i(37288),d=i(83480),r=i(52132);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["tui-title-example-1"]],decls:16,vars:0,consts:[["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(o.I0R(0,"h2",0),o.OEk(1,"I am a title"),o.C$Y(),o.I0R(2,"h2",0),o.OEk(3," I am a title "),o.I0R(4,"div",1),o.OEk(5,"I'm a subtitle"),o.C$Y()(),o.I0R(6,"h2",0)(7,"div",1),o.OEk(8,"Caption"),o.C$Y(),o.OEk(9," I am a title\n"),o.C$Y(),o.I0R(10,"h2",0)(11,"div",1),o.OEk(12,"Caption"),o.C$Y(),o.OEk(13," I am a title "),o.I0R(14,"div",1),o.OEk(15,"I'm a subtitle"),o.C$Y()())},dependencies:[r.e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})(),h=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["tui-title-example-2"]],decls:14,vars:0,consts:[["tuiTitle","s"],["tuiSubtitle",""],["tuiTitle","m"],["tuiTitle","l"]],template:function(e,t){1&e&&(o.I0R(0,"h2",0)(1,"div",1),o.OEk(2,"Caption"),o.C$Y(),o.OEk(3," I am a title "),o.I0R(4,"div",1),o.OEk(5,"I'm a subtitle"),o.C$Y()(),o.I0R(6,"h2",2)(7,"div",1),o.OEk(8,"Caption"),o.C$Y(),o.OEk(9," I am a title\n"),o.C$Y(),o.I0R(10,"h2",3),o.OEk(11," I am a title "),o.I0R(12,"div",1),o.OEk(13,"I'm a subtitle"),o.C$Y()())},dependencies:[r.e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})();var f=i(55412),C=i(3088);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["tui-title-example-3"]],decls:16,vars:8,consts:[["tuiTitle",""],["tuiSubtitle",""],["href","https://github.com/taiga-family/taiga-ui","tuiLink","","tuiTitle",""],[1,"flex"],["size","s","src","/assets/images/avatar.jpg"],["tuiTitle","s"]],template:function(e,t){1&e&&(o.I0R(0,"h2",0)(1,"b"),o.OEk(2,"I am a title"),o.C$Y(),o.I0R(3,"div",1),o.OEk(4," I'm a subtitle "),o.C$Y()(),o.I0R(5,"a",2),o.OEk(6," Taiga UI — GitHub "),o.I0R(7,"div",1),o.OEk(8," Drop us a star! "),o.C$Y()(),o.I0R(9,"label",3),o.wR5(10,"tui-avatar",4),o.I0R(11,"div",5)(12,"strong"),o.OEk(13,"Alex Inkin"),o.C$Y(),o.I0R(14,"div",1),o.OEk(15,"Available"),o.C$Y()()()),2&e&&(o.yG2(3),o.m4B("color","var(--tui-text-02)"),o.yG2(2),o.m4B("font-size",1,"rem")("line-height",1.25,"rem"),o.yG2(2),o.m4B("font","var(--tui-font-text-s)"))},dependencies:[r.e,f.C,C.I],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}.flex[_ngcontent-%COMP%]{display:flex;gap:.5rem}.flex[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:var(--tui-positive)}"],changeDetection:0}),t})();function x(e,t){if(1&e&&(o.I0R(0,"tui-notification",3),o.OEk(1," This code is "),o.I0R(2,"strong"),o.OEk(3,"experimental"),o.C$Y(),o.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),o.C$Y(),o.I0R(5,"p"),o.OEk(6,"A directive for title with optional subtitle"),o.C$Y(),o.I0R(7,"tui-doc-example",4),o.wR5(8,"tui-title-example-1"),o.C$Y(),o.I0R(9,"tui-doc-example",5),o.wR5(10,"tui-title-example-2"),o.C$Y(),o.I0R(11,"tui-doc-example",6),o.wR5(12,"tui-title-example-3"),o.C$Y()),2&e){const e=o.GaO();o.yG2(7),o.E7m("content",e.example1),o.yG2(2),o.E7m("content",e.example2),o.yG2(2),o.E7m("content",e.example3)}}function k(e,t){if(1&e&&(o.I0R(0,"ol",7)(1,"li")(2,"p"),o.OEk(3,"Import module:"),o.C$Y(),o.wR5(4,"tui-doc-code",8),o.C$Y(),o.I0R(5,"li")(6,"p"),o.OEk(7,"Add to the template:"),o.C$Y(),o.wR5(8,"tui-doc-code",9),o.C$Y()()),2&e){const e=o.GaO();o.yG2(4),o.E7m("code",e.exampleModule),o.yG2(4),o.E7m("code",e.exampleHtml)}}let O=(()=>{var e;class t{constructor(){this.exampleModule=i.e(81552).then(i.t.bind(i,81552,17)),this.exampleHtml=i.e(5924).then(i.t.bind(i,5924,17)),this.example1={TypeScript:i.e(92208).then(i.t.bind(i,69828,17)),HTML:i.e(54324).then(i.t.bind(i,54324,17))},this.example2={TypeScript:i.e(50656).then(i.t.bind(i,50656,17)),HTML:i.e(89924).then(i.t.bind(i,89924,17))},this.example3={TypeScript:i.e(8076).then(i.t.bind(i,8076,17)),HTML:i.e(23400).then(i.t.bind(i,23400,17)),LESS:i.e(68192).then(i.t.bind(i,68192,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=o.In1({type:e,selectors:[["example-title"]],decls:3,vars:0,consts:[["header","Title","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","heading","Basic",3,"content"],["id","sizes","heading","Sizes",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&&(o.I0R(0,"tui-doc-page",0),o.yuY(1,x,13,3,"ng-template",1),o.yuY(2,k,9,2,"ng-template",2),o.C$Y())},dependencies:[c.e,u.u,m.E,p.u,d.I,I,h,E],encapsulation:2,changeDetection:0}),t})();i(23340);let g=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=o.a4G({type:e}),e.ɵinj=o.s3X({imports:[n.MD,s._M,l.TuiLinkModule,s.CA,l.TuiNotificationModule,(0,a.If)(O)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/26160.b69e1447f12694ae.js b/next/26160.b69e1447f12694ae.js
new file mode 100644
index 000000000000..689e52f02433
--- /dev/null
+++ b/next/26160.b69e1447f12694ae.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[26160],{26160:n=>{n.exports="@import '@taiga-ui/core/styles/taiga-ui-local';\n\n:host {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 21.5625rem;\n\n @media @tui-mobile {\n width: 100%;\n }\n}\n\n[tuiSurface][data-surface='dark'] {\n background: linear-gradient(334.83deg, #7d8ca0 0%, #647382 100%);\n\n button {\n color: #fff;\n\n &:active {\n --tui-clear: var(--tui-clear-inverse);\n }\n }\n}\n"}}]);
\ No newline at end of file
diff --git a/next/26532.59fbc329e53a1b8d.js b/next/26532.044aa1b126db8ff1.js
similarity index 99%
rename from next/26532.59fbc329e53a1b8d.js
rename to next/26532.044aa1b126db8ff1.js
index dff46cd20169..60e19f5dbb96 100644
--- a/next/26532.59fbc329e53a1b8d.js
+++ b/next/26532.044aa1b126db8ff1.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[26532],{26532:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiChipModule:()=>J});var n=i(86568),c=i(35856),a=i(752),o=i(45328),s=i(62548),p=i(84788),u=i(33976),r=i(6528),l=i(62224),m=i(13692),h=i(34496),d=i(37288),g=i(83480),f=i(23716);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-1"]],decls:18,vars:0,consts:[["appearance","primary"],["appearance","accent"],["appearance","success"],["appearance","error"],["appearance","warning"],["appearance","info"],["appearance","whiteblock"],["appearance","floating"]],template:function(e,t){1&e&&(r.I0R(0,"tui-chip"),r.OEk(1,"Default appearance is Neutral"),r.C$Y(),r.I0R(2,"tui-chip",0),r.OEk(3,"Primary"),r.C$Y(),r.I0R(4,"tui-chip",1),r.OEk(5,"Accent"),r.C$Y(),r.I0R(6,"tui-chip",2),r.OEk(7,"Success"),r.C$Y(),r.I0R(8,"tui-chip",3),r.OEk(9,"Error"),r.C$Y(),r.I0R(10,"tui-chip",4),r.OEk(11,"Warning"),r.C$Y(),r.I0R(12,"tui-chip",5),r.OEk(13,"Info"),r.C$Y(),r.I0R(14,"tui-chip",6),r.OEk(15,"Whiteblock"),r.C$Y(),r.I0R(16,"tui-chip",7),r.OEk(17,"Floating"),r.C$Y())},dependencies:[f.e],styles:["tui-chip[_ngcontent-%COMP%]{margin:.5rem}"],changeDetection:0}),t})();var R=i(26220),I=i(3088);function O(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.OEk(1," Text "),r.C$Y()),2&e){const e=t.$implicit;r.m4B("border-radius",5,"rem"),r.E7m("size",e)}}function y(e,t){if(1&e&&(r.I0R(0,"tui-chip",7),r.OEk(1," Single icon "),r.C$Y()),2&e){const e=t.$implicit;r.E7m("size",e)}}function E(e,t){if(1&e&&(r.I0R(0,"tui-chip",8),r.OEk(1," Duo icon "),r.C$Y()),2&e){const e=t.$implicit;r.m4B("border-radius",5,"rem"),r.E7m("size",e)}}function k(e,t){if(1&e&&r.wR5(0,"img",10),2&e){const e=r.GaO().$implicit;r.m4B("border-radius","m"===e?.25:.5,"rem")}}function $(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.yuY(1,k,1,2,"img",9),r.OEk(2," Image "),r.C$Y()),2&e){const e=t.$implicit;r.E7m("size",e),r.yG2(1),r.E7m("ngIf","m"===e||"s"===e)}}function Y(e,t){1&e&&r.wR5(0,"tui-avatar",12)}function b(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.yuY(1,Y,1,0,"tui-avatar",11),r.OEk(2," Avatar "),r.C$Y()),2&e){const e=t.$implicit;r.m4B("border-radius",5,"rem"),r.E7m("size",e),r.yG2(1),r.E7m("ngIf","m"===e||"s"===e)}}function G(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.OEk(1," Button "),r.I0R(2,"button",13),r.OEk(3," Remove "),r.C$Y()()),2&e){const e=t.$implicit;r.E7m("size",e)}}let x=(()=>{var e;class t{constructor(){this.sizes=["m","s","xs","xxs"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-2"]],decls:17,vars:9,consts:[[3,"size","border-radius",4,"ngFor","ngForOf"],["iconLeft","tuiIconBell",3,"size",4,"ngFor","ngForOf"],["iconLeft","tuiIconBell","iconRight","tuiIconHelpCircle",3,"size","border-radius",4,"ngFor","ngForOf"],[3,"size",4,"ngFor","ngForOf"],["size","m"],["iconLeft","tuiIconClose","size","s","tuiIconButton",""],[3,"size"],["iconLeft","tuiIconBell",3,"size"],["iconLeft","tuiIconBell","iconRight","tuiIconHelpCircle",3,"size"],["alt","Avatar","src","/assets/images/avatar.jpg",3,"border-radius",4,"ngIf"],["alt","Avatar","src","/assets/images/avatar.jpg"],["src","/assets/images/avatar.jpg",4,"ngIf"],["src","/assets/images/avatar.jpg"],["iconLeft","tuiIconClose","tuiIconButton",""]],template:function(e,t){1&e&&(r.I0R(0,"section"),r.yuY(1,O,2,3,"tui-chip",0),r.C$Y(),r.I0R(2,"section"),r.yuY(3,y,2,1,"tui-chip",1),r.C$Y(),r.I0R(4,"section"),r.yuY(5,E,2,3,"tui-chip",2),r.C$Y(),r.I0R(6,"section"),r.yuY(7,$,3,2,"tui-chip",3),r.C$Y(),r.I0R(8,"section"),r.yuY(9,b,3,4,"tui-chip",0),r.C$Y(),r.I0R(10,"section")(11,"tui-chip",4),r.OEk(12," Button "),r.I0R(13,"button",5),r.OEk(14," Remove "),r.C$Y()(),r.yuY(15,G,4,1,"tui-chip",3),r.wVc(16,"slice"),r.C$Y()),2&e&&(r.yG2(1),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(6),r.E7m("ngForOf",r.g7$(16,6,t.sizes,1)))},dependencies:[n.ay,n.u_,f.e,R.W,I.I,n.qq],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}section[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"],changeDetection:0}),t})();var v=i(34576),T=i(10268);function M(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-chip",5),r.OEk(1),r.I0R(2,"input",6),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.checked[i]=t)})),r.C$Y()()}if(2&e){const e=t.$implicit,i=r.GaO();r.yG2(1),r.oRS(" Checkbox ",e+1," "),r.yG2(1),r.E7m("ngModel",i.checked[e])}}function w(e,t){if(1&e&&(r.I0R(0,"tui-chip",5),r.OEk(1),r.wR5(2,"input",7),r.C$Y()),2&e){const e=t.$implicit;r.yG2(1),r.oRS(" Radio ",e+1," "),r.yG2(1),r.E7m("value",e)}}function z(e,t){if(1&e){const e=r.KQA();r.I0R(0,"label",8)(1,"input",9),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.checked[i]=t)})),r.C$Y(),r.OEk(2),r.C$Y()}if(2&e){const e=t.$implicit,i=r.GaO();r.yG2(1),r.E7m("ngModel",i.checked[e]),r.yG2(1),r.oRS(" Label ",e+1," ")}}function B(e,t){if(1&e){const e=r.KQA();r.I0R(0,"label",10)(1,"input",11),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.checked[i]=t)})),r.C$Y(),r.OEk(2),r.C$Y()}if(2&e){const e=t.$implicit,i=r.GaO();r.E7m("appearance",i.checked[e]?"accent":"neutral"),r.yG2(1),r.E7m("ngModel",i.checked[e]),r.yG2(1),r.oRS(" Label ",e+1," ")}}function L(e,t){if(1&e){const e=r.KQA();r.I0R(0,"button",12),r.qCj("click",(function(){const t=r.usT(e).$implicit,i=r.GaO();return r.CGJ(i.onChip(t))})),r.OEk(1),r.I0R(2,"button",13),r.qCj("click.stop",(function(){const t=r.usT(e).$implicit,i=r.GaO();return r.CGJ(i.onX(t))})),r.OEk(3," Remove "),r.C$Y()()}if(2&e){const e=t.$implicit;r.yG2(1),r.oRS(" Button ",e+1," ")}}function F(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-chip",5),r.OEk(1),r.I0R(2,"input",14),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.values[i]=t)})),r.C$Y()()}if(2&e){const e=t.$implicit,i=r.GaO();r.m4B("color","transparent"),r.yG2(1),r.oRS(" ",i.values[e]," "),r.yG2(1),r.E7m("ngModel",i.values[e])}}let S=(()=>{var e;class t{constructor(e){this.alerts=e,this.checked=[!0,!1,!0],this.values=["test","Some text","WOW!"]}onChip(e){this.alerts.open(`Clicked chip ${e+1}`).subscribe()}onX(e){this.alerts.open(`Removed chip ${e+1}`,{status:"error"}).subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)(r.GI1(s.TuiAlertService))},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-3"]],decls:24,vars:6,consts:[["appearance","",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","whiteblock","tuiChip","",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiChip","",3,"appearance",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiChip","",3,"click",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","",3,"color",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance",""],["appearance","whiteblock","tuiChip","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","whiteblock","name","radio","tuiChip","","type","radio",3,"value"],["appearance","whiteblock","tuiChip",""],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["tuiChip","",3,"appearance"],["hidden","","type","checkbox",3,"ngModel","ngModelChange"],["tuiChip","",3,"click"],["iconLeft","tuiIconClose","tuiIconButton","",3,"click.stop"],["tuiChip","",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(r.I0R(0,"h3"),r.OEk(1,"Checkbox"),r.C$Y(),r.I0R(2,"section"),r.yuY(3,M,3,2,"tui-chip",0),r.C$Y(),r.I0R(4,"h3"),r.OEk(5,"Radio"),r.C$Y(),r.I0R(6,"section"),r.yuY(7,w,3,2,"tui-chip",0),r.C$Y(),r.I0R(8,"h3"),r.OEk(9,"Label whiteblock"),r.C$Y(),r.I0R(10,"section"),r.yuY(11,z,3,2,"label",1),r.C$Y(),r.I0R(12,"h3"),r.OEk(13,"Label accent"),r.C$Y(),r.I0R(14,"section"),r.yuY(15,B,3,3,"label",2),r.C$Y(),r.I0R(16,"h3"),r.OEk(17,"Button"),r.C$Y(),r.I0R(18,"section"),r.yuY(19,L,4,1,"button",3),r.C$Y(),r.I0R(20,"h3"),r.OEk(21,"Input"),r.C$Y(),r.I0R(22,"section"),r.yuY(23,F,3,4,"tui-chip",4),r.C$Y()),2&e&&(r.yG2(3),r.E7m("tuiRepeatTimesOf",t.checked.length),r.yG2(4),r.E7m("tuiRepeatTimesOf",3),r.yG2(4),r.E7m("tuiRepeatTimesOf",t.checked.length),r.yG2(4),r.E7m("tuiRepeatTimesOf",t.checked.length),r.yG2(4),r.E7m("tuiRepeatTimesOf",3),r.yG2(4),r.E7m("tuiRepeatTimesOf",t.values.length))},dependencies:[c.ot,c.SU,c.ue,c._G,f.e,v._,R.W,T.g],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}h3[_ngcontent-%COMP%]{margin:0}section[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"],changeDetection:0}),t})();var _=i(24980),j=i(35432),A=i(67156),P=i(86824);let q=(()=>{var e;class t{constructor(){this.selected=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-4"]],decls:20,vars:9,consts:[["appearance","primary",1,"fade"],["tuiFade",""],["appearance","accent","iconLeft","tuiIconBox"],[1,"ellipsis"],["size","xs","tuiSlot","top"],["appearance","secondary","iconLeft","tuiIconBell"],["appearance","custom","iconRight","tuiIconThumbsUp"],[3,"appearance"],["iconLeft","tuiIconPlus","tuiIconButton","",1,"toggle",3,"click"]],template:function(e,t){1&e&&(r.I0R(0,"tui-chip",0)(1,"div",1),r.OEk(2,"Very long value in chip"),r.C$Y(),r.I0R(3,"div"),r.OEk(4),r.wVc(5,"async"),r.wVc(6,"tuiAmount"),r.C$Y()(),r.I0R(7,"tui-chip",2)(8,"div",3),r.OEk(9,"Very long value in chip"),r.C$Y()(),r.I0R(10,"tui-badged-content"),r.wR5(11,"tui-badge-notification",4),r.I0R(12,"tui-chip",5),r.OEk(13," Notifications "),r.C$Y()(),r.I0R(14,"tui-chip",6),r.OEk(15," Customized chip\n"),r.C$Y(),r.I0R(16,"tui-chip",7),r.OEk(17," Toggle chip "),r.I0R(18,"button",8),r.qCj("click",(function(){return t.selected=!t.selected})),r.OEk(19," Toggle "),r.C$Y()()),2&e&&(r.yG2(4),r.cNF(r.kDX(5,4,r.g7$(6,6,123435,"RUB"))),r.yG2(12),r.E7m("appearance",t.selected?"primary":"neutral"),r.yG2(2),r.m4B("transform",t.selected?"rotate(45deg)":"rotate(0)"))},dependencies:[f.e,_.y,R.W,j.i,A.u,n.a,P._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.fade[_ngcontent-%COMP%]{max-width:11rem}.ellipsis[_ngcontent-%COMP%]{max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-appearance=custom][_ngcontent-%COMP%]{color:var(--tui-text-01-night);background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%);font-weight:700}.toggle[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:inherit!important}"],changeDetection:0}),t})();function D(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"Chip component is used to display array data and can also be interactive depending on the tag used."),r.C$Y(),r.I0R(7,"tui-doc-example",4),r.wR5(8,"tui-chip-example-1"),r.C$Y(),r.I0R(9,"tui-doc-example",5),r.wR5(10,"tui-chip-example-2"),r.C$Y(),r.I0R(11,"tui-doc-example",6),r.wR5(12,"tui-chip-example-3"),r.C$Y(),r.I0R(13,"tui-doc-example",7),r.wR5(14,"tui-chip-example-4"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3),r.yG2(2),r.E7m("content",e.example4)}}function H(e,t){if(1&e&&(r.I0R(0,"ol",8)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",9),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",10),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let W=(()=>{var e;class t{constructor(){this.exampleModule=i.e(4392).then(i.t.bind(i,4392,17)),this.exampleHtml=i.e(27128).then(i.t.bind(i,4748,17)),this.example1={HTML:i.e(18164).then(i.t.bind(i,18164,17))},this.example2={HTML:i.e(84640).then(i.t.bind(i,84640,17))},this.example3={HTML:i.e(9856).then(i.t.bind(i,32236,17)),TypeScript:i.e(41520).then(i.t.bind(i,41520,17))},this.example4={HTML:i.e(36468).then(i.t.bind(i,58848,17)),LESS:i.e(82132).then(i.t.bind(i,82132,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-chip"]],decls:3,vars:0,consts:[["header","Chip","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","heading","Basic",3,"content"],["id","sizes","heading","Sizes and content",3,"content"],["id","interactive","heading","Interactive",3,"content"],["id","cases","heading","Use cases",3,"content"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,D,15,4,"ng-template",1),r.yuY(2,H,9,2,"ng-template",2),r.C$Y())},dependencies:[l.e,m.u,h.E,d.u,g.I,C,x,S,q],encapsulation:2,changeDetection:0}),t})();i(23340);let J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[n.MD,c.y,p.GE,o.TuiRepeatTimesModule,p.mC,s.TuiNotificationModule,p.CI,p.CA,p.Q7,p.MX,u.TuiBadgedContentComponent,p._e,(0,a.If)(W)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[26532],{26532:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiChipModule:()=>J});var n=i(86568),c=i(35856),a=i(752),o=i(45328),s=i(62548),p=i(37304),u=i(33976),r=i(6528),l=i(62224),m=i(13692),h=i(34496),d=i(37288),g=i(83480),f=i(23716);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-1"]],decls:18,vars:0,consts:[["appearance","primary"],["appearance","accent"],["appearance","success"],["appearance","error"],["appearance","warning"],["appearance","info"],["appearance","whiteblock"],["appearance","floating"]],template:function(e,t){1&e&&(r.I0R(0,"tui-chip"),r.OEk(1,"Default appearance is Neutral"),r.C$Y(),r.I0R(2,"tui-chip",0),r.OEk(3,"Primary"),r.C$Y(),r.I0R(4,"tui-chip",1),r.OEk(5,"Accent"),r.C$Y(),r.I0R(6,"tui-chip",2),r.OEk(7,"Success"),r.C$Y(),r.I0R(8,"tui-chip",3),r.OEk(9,"Error"),r.C$Y(),r.I0R(10,"tui-chip",4),r.OEk(11,"Warning"),r.C$Y(),r.I0R(12,"tui-chip",5),r.OEk(13,"Info"),r.C$Y(),r.I0R(14,"tui-chip",6),r.OEk(15,"Whiteblock"),r.C$Y(),r.I0R(16,"tui-chip",7),r.OEk(17,"Floating"),r.C$Y())},dependencies:[f.e],styles:["tui-chip[_ngcontent-%COMP%]{margin:.5rem}"],changeDetection:0}),t})();var R=i(26220),I=i(3088);function O(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.OEk(1," Text "),r.C$Y()),2&e){const e=t.$implicit;r.m4B("border-radius",5,"rem"),r.E7m("size",e)}}function y(e,t){if(1&e&&(r.I0R(0,"tui-chip",7),r.OEk(1," Single icon "),r.C$Y()),2&e){const e=t.$implicit;r.E7m("size",e)}}function E(e,t){if(1&e&&(r.I0R(0,"tui-chip",8),r.OEk(1," Duo icon "),r.C$Y()),2&e){const e=t.$implicit;r.m4B("border-radius",5,"rem"),r.E7m("size",e)}}function k(e,t){if(1&e&&r.wR5(0,"img",10),2&e){const e=r.GaO().$implicit;r.m4B("border-radius","m"===e?.25:.5,"rem")}}function $(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.yuY(1,k,1,2,"img",9),r.OEk(2," Image "),r.C$Y()),2&e){const e=t.$implicit;r.E7m("size",e),r.yG2(1),r.E7m("ngIf","m"===e||"s"===e)}}function Y(e,t){1&e&&r.wR5(0,"tui-avatar",12)}function b(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.yuY(1,Y,1,0,"tui-avatar",11),r.OEk(2," Avatar "),r.C$Y()),2&e){const e=t.$implicit;r.m4B("border-radius",5,"rem"),r.E7m("size",e),r.yG2(1),r.E7m("ngIf","m"===e||"s"===e)}}function G(e,t){if(1&e&&(r.I0R(0,"tui-chip",6),r.OEk(1," Button "),r.I0R(2,"button",13),r.OEk(3," Remove "),r.C$Y()()),2&e){const e=t.$implicit;r.E7m("size",e)}}let x=(()=>{var e;class t{constructor(){this.sizes=["m","s","xs","xxs"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-2"]],decls:17,vars:9,consts:[[3,"size","border-radius",4,"ngFor","ngForOf"],["iconLeft","tuiIconBell",3,"size",4,"ngFor","ngForOf"],["iconLeft","tuiIconBell","iconRight","tuiIconHelpCircle",3,"size","border-radius",4,"ngFor","ngForOf"],[3,"size",4,"ngFor","ngForOf"],["size","m"],["iconLeft","tuiIconClose","size","s","tuiIconButton",""],[3,"size"],["iconLeft","tuiIconBell",3,"size"],["iconLeft","tuiIconBell","iconRight","tuiIconHelpCircle",3,"size"],["alt","Avatar","src","/assets/images/avatar.jpg",3,"border-radius",4,"ngIf"],["alt","Avatar","src","/assets/images/avatar.jpg"],["src","/assets/images/avatar.jpg",4,"ngIf"],["src","/assets/images/avatar.jpg"],["iconLeft","tuiIconClose","tuiIconButton",""]],template:function(e,t){1&e&&(r.I0R(0,"section"),r.yuY(1,O,2,3,"tui-chip",0),r.C$Y(),r.I0R(2,"section"),r.yuY(3,y,2,1,"tui-chip",1),r.C$Y(),r.I0R(4,"section"),r.yuY(5,E,2,3,"tui-chip",2),r.C$Y(),r.I0R(6,"section"),r.yuY(7,$,3,2,"tui-chip",3),r.C$Y(),r.I0R(8,"section"),r.yuY(9,b,3,4,"tui-chip",0),r.C$Y(),r.I0R(10,"section")(11,"tui-chip",4),r.OEk(12," Button "),r.I0R(13,"button",5),r.OEk(14," Remove "),r.C$Y()(),r.yuY(15,G,4,1,"tui-chip",3),r.wVc(16,"slice"),r.C$Y()),2&e&&(r.yG2(1),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(2),r.E7m("ngForOf",t.sizes),r.yG2(6),r.E7m("ngForOf",r.g7$(16,6,t.sizes,1)))},dependencies:[n.ay,n.u_,f.e,R.W,I.I,n.qq],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}section[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"],changeDetection:0}),t})();var v=i(34576),T=i(10268);function M(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-chip",5),r.OEk(1),r.I0R(2,"input",6),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.checked[i]=t)})),r.C$Y()()}if(2&e){const e=t.$implicit,i=r.GaO();r.yG2(1),r.oRS(" Checkbox ",e+1," "),r.yG2(1),r.E7m("ngModel",i.checked[e])}}function w(e,t){if(1&e&&(r.I0R(0,"tui-chip",5),r.OEk(1),r.wR5(2,"input",7),r.C$Y()),2&e){const e=t.$implicit;r.yG2(1),r.oRS(" Radio ",e+1," "),r.yG2(1),r.E7m("value",e)}}function z(e,t){if(1&e){const e=r.KQA();r.I0R(0,"label",8)(1,"input",9),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.checked[i]=t)})),r.C$Y(),r.OEk(2),r.C$Y()}if(2&e){const e=t.$implicit,i=r.GaO();r.yG2(1),r.E7m("ngModel",i.checked[e]),r.yG2(1),r.oRS(" Label ",e+1," ")}}function B(e,t){if(1&e){const e=r.KQA();r.I0R(0,"label",10)(1,"input",11),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.checked[i]=t)})),r.C$Y(),r.OEk(2),r.C$Y()}if(2&e){const e=t.$implicit,i=r.GaO();r.E7m("appearance",i.checked[e]?"accent":"neutral"),r.yG2(1),r.E7m("ngModel",i.checked[e]),r.yG2(1),r.oRS(" Label ",e+1," ")}}function L(e,t){if(1&e){const e=r.KQA();r.I0R(0,"button",12),r.qCj("click",(function(){const t=r.usT(e).$implicit,i=r.GaO();return r.CGJ(i.onChip(t))})),r.OEk(1),r.I0R(2,"button",13),r.qCj("click.stop",(function(){const t=r.usT(e).$implicit,i=r.GaO();return r.CGJ(i.onX(t))})),r.OEk(3," Remove "),r.C$Y()()}if(2&e){const e=t.$implicit;r.yG2(1),r.oRS(" Button ",e+1," ")}}function F(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-chip",5),r.OEk(1),r.I0R(2,"input",14),r.qCj("ngModelChange",(function(t){const i=r.usT(e).$implicit,n=r.GaO();return r.CGJ(n.values[i]=t)})),r.C$Y()()}if(2&e){const e=t.$implicit,i=r.GaO();r.m4B("color","transparent"),r.yG2(1),r.oRS(" ",i.values[e]," "),r.yG2(1),r.E7m("ngModel",i.values[e])}}let S=(()=>{var e;class t{constructor(e){this.alerts=e,this.checked=[!0,!1,!0],this.values=["test","Some text","WOW!"]}onChip(e){this.alerts.open(`Clicked chip ${e+1}`).subscribe()}onX(e){this.alerts.open(`Removed chip ${e+1}`,{status:"error"}).subscribe()}}return(e=t).ɵfac=function(t){return new(t||e)(r.GI1(s.TuiAlertService))},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-3"]],decls:24,vars:6,consts:[["appearance","",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","whiteblock","tuiChip","",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiChip","",3,"appearance",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiChip","",3,"click",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","",3,"color",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance",""],["appearance","whiteblock","tuiChip","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","whiteblock","name","radio","tuiChip","","type","radio",3,"value"],["appearance","whiteblock","tuiChip",""],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["tuiChip","",3,"appearance"],["hidden","","type","checkbox",3,"ngModel","ngModelChange"],["tuiChip","",3,"click"],["iconLeft","tuiIconClose","tuiIconButton","",3,"click.stop"],["tuiChip","",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(r.I0R(0,"h3"),r.OEk(1,"Checkbox"),r.C$Y(),r.I0R(2,"section"),r.yuY(3,M,3,2,"tui-chip",0),r.C$Y(),r.I0R(4,"h3"),r.OEk(5,"Radio"),r.C$Y(),r.I0R(6,"section"),r.yuY(7,w,3,2,"tui-chip",0),r.C$Y(),r.I0R(8,"h3"),r.OEk(9,"Label whiteblock"),r.C$Y(),r.I0R(10,"section"),r.yuY(11,z,3,2,"label",1),r.C$Y(),r.I0R(12,"h3"),r.OEk(13,"Label accent"),r.C$Y(),r.I0R(14,"section"),r.yuY(15,B,3,3,"label",2),r.C$Y(),r.I0R(16,"h3"),r.OEk(17,"Button"),r.C$Y(),r.I0R(18,"section"),r.yuY(19,L,4,1,"button",3),r.C$Y(),r.I0R(20,"h3"),r.OEk(21,"Input"),r.C$Y(),r.I0R(22,"section"),r.yuY(23,F,3,4,"tui-chip",4),r.C$Y()),2&e&&(r.yG2(3),r.E7m("tuiRepeatTimesOf",t.checked.length),r.yG2(4),r.E7m("tuiRepeatTimesOf",3),r.yG2(4),r.E7m("tuiRepeatTimesOf",t.checked.length),r.yG2(4),r.E7m("tuiRepeatTimesOf",t.checked.length),r.yG2(4),r.E7m("tuiRepeatTimesOf",3),r.yG2(4),r.E7m("tuiRepeatTimesOf",t.values.length))},dependencies:[c.ot,c.SU,c.ue,c._G,f.e,v._,R.W,T.g],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}h3[_ngcontent-%COMP%]{margin:0}section[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem}"],changeDetection:0}),t})();var _=i(24980),j=i(35432),A=i(67156),P=i(86824);let q=(()=>{var e;class t{constructor(){this.selected=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-chip-example-4"]],decls:20,vars:9,consts:[["appearance","primary",1,"fade"],["tuiFade",""],["appearance","accent","iconLeft","tuiIconBox"],[1,"ellipsis"],["size","xs","tuiSlot","top"],["appearance","secondary","iconLeft","tuiIconBell"],["appearance","custom","iconRight","tuiIconThumbsUp"],[3,"appearance"],["iconLeft","tuiIconPlus","tuiIconButton","",1,"toggle",3,"click"]],template:function(e,t){1&e&&(r.I0R(0,"tui-chip",0)(1,"div",1),r.OEk(2,"Very long value in chip"),r.C$Y(),r.I0R(3,"div"),r.OEk(4),r.wVc(5,"async"),r.wVc(6,"tuiAmount"),r.C$Y()(),r.I0R(7,"tui-chip",2)(8,"div",3),r.OEk(9,"Very long value in chip"),r.C$Y()(),r.I0R(10,"tui-badged-content"),r.wR5(11,"tui-badge-notification",4),r.I0R(12,"tui-chip",5),r.OEk(13," Notifications "),r.C$Y()(),r.I0R(14,"tui-chip",6),r.OEk(15," Customized chip\n"),r.C$Y(),r.I0R(16,"tui-chip",7),r.OEk(17," Toggle chip "),r.I0R(18,"button",8),r.qCj("click",(function(){return t.selected=!t.selected})),r.OEk(19," Toggle "),r.C$Y()()),2&e&&(r.yG2(4),r.cNF(r.kDX(5,4,r.g7$(6,6,123435,"RUB"))),r.yG2(12),r.E7m("appearance",t.selected?"primary":"neutral"),r.yG2(2),r.m4B("transform",t.selected?"rotate(45deg)":"rotate(0)"))},dependencies:[f.e,_.y,R.W,j.i,A.u,n.a,P._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.fade[_ngcontent-%COMP%]{max-width:11rem}.ellipsis[_ngcontent-%COMP%]{max-width:7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-appearance=custom][_ngcontent-%COMP%]{color:var(--tui-text-01-night);background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#ffcc70 100%);font-weight:700}.toggle[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:inherit!important}"],changeDetection:0}),t})();function D(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"Chip component is used to display array data and can also be interactive depending on the tag used."),r.C$Y(),r.I0R(7,"tui-doc-example",4),r.wR5(8,"tui-chip-example-1"),r.C$Y(),r.I0R(9,"tui-doc-example",5),r.wR5(10,"tui-chip-example-2"),r.C$Y(),r.I0R(11,"tui-doc-example",6),r.wR5(12,"tui-chip-example-3"),r.C$Y(),r.I0R(13,"tui-doc-example",7),r.wR5(14,"tui-chip-example-4"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3),r.yG2(2),r.E7m("content",e.example4)}}function H(e,t){if(1&e&&(r.I0R(0,"ol",8)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",9),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",10),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let W=(()=>{var e;class t{constructor(){this.exampleModule=i.e(4392).then(i.t.bind(i,4392,17)),this.exampleHtml=i.e(27128).then(i.t.bind(i,4748,17)),this.example1={HTML:i.e(18164).then(i.t.bind(i,18164,17))},this.example2={HTML:i.e(84640).then(i.t.bind(i,84640,17))},this.example3={HTML:i.e(9856).then(i.t.bind(i,32236,17)),TypeScript:i.e(41520).then(i.t.bind(i,41520,17))},this.example4={HTML:i.e(36468).then(i.t.bind(i,58848,17)),LESS:i.e(82132).then(i.t.bind(i,82132,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-chip"]],decls:3,vars:0,consts:[["header","Chip","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","heading","Basic",3,"content"],["id","sizes","heading","Sizes and content",3,"content"],["id","interactive","heading","Interactive",3,"content"],["id","cases","heading","Use cases",3,"content"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,D,15,4,"ng-template",1),r.yuY(2,H,9,2,"ng-template",2),r.C$Y())},dependencies:[l.e,m.u,h.E,d.u,g.I,C,x,S,q],encapsulation:2,changeDetection:0}),t})();i(23340);let J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[n.MD,c.y,p.GE,o.TuiRepeatTimesModule,p.mC,s.TuiNotificationModule,p.CI,p.CA,p.Q7,p.MX,u.TuiBadgedContentComponent,p._e,(0,a.If)(W)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/27698.d81fa2d2bc030818.js b/next/27698.0852f7c0b242a547.js
similarity index 97%
rename from next/27698.d81fa2d2bc030818.js
rename to next/27698.0852f7c0b242a547.js
index 4abf40075496..525a2fdbeedf 100644
--- a/next/27698.d81fa2d2bc030818.js
+++ b/next/27698.0852f7c0b242a547.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27698],{27698:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiCheckboxModule:()=>C});var n=i(86568),o=i(35856),a=i(752),c=i(45328),l=i(62548),s=i(84788),r=i(6528),p=i(62224),d=i(13692),u=i(34496),m=i(37288),h=i(83480),f=i(10268),b=i(54680);function g(e,t){if(1&e&&(r.I0R(0,"div",1),r.wR5(1,"input",2)(2,"input",3)(3,"input",4)(4,"input",5)(5,"input",4)(6,"input",6)(7,"input",6),r.C$Y()),2&e){const e=t.$implicit,i=t.first,n=r.GaO();r.eAK("wrapper_web","web"===e),r.E7m("tuiPlatform",e),r.yG2(1),r.E7m("ngModel",!0)("size",n.getSize(i)),r.yG2(1),r.E7m("indeterminate",!0)("size",n.getSize(i)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!0)("size",n.getSize(i)),r.yG2(1),r.E7m("size",n.getSize(i)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!1)("size",n.getSize(i)),r.yG2(1),r.E7m("formControl",n.invalidTrue)("size",n.getSize(i)),r.yG2(1),r.E7m("formControl",n.invalidFalse)("size",n.getSize(i))}}let x=(()=>{var e;class t{constructor(){this.platforms=["web","web","android","ios"],this.invalidTrue=new o.Ku(!0,(()=>({invalid:!0}))),this.invalidFalse=new o.Ku(!1,(()=>({invalid:!0})))}ngOnInit(){this.invalidTrue.markAsTouched(),this.invalidFalse.markAsTouched()}getSize(e){return e?"m":"s"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-checkbox-example-1"]],decls:1,vars:1,consts:[["class","wrapper",3,"wrapper_web","tuiPlatform",4,"ngFor","ngForOf"],[1,"wrapper",3,"tuiPlatform"],["tuiCheckbox","","type","checkbox",3,"ngModel","size"],["tuiCheckbox","","type","checkbox",3,"indeterminate","size"],["tuiCheckbox","","type","checkbox",3,"disabled","ngModel","size"],["tuiCheckbox","","type","checkbox",3,"size"],["tuiCheckbox","","type","checkbox",3,"formControl","size"]],template:function(e,t){1&e&&r.yuY(0,g,8,18,"div",0),2&e&&r.E7m("ngForOf",t.platforms)},dependencies:[o.SU,o.ue,o._G,o.ug,n.ay,f.g,b.o],styles:["[_nghost-%COMP%]{display:flex;--tui-accent: var(--tui-info-fill)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;gap:1rem;padding:1rem}.wrapper_web[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04);border-left-width:0}.wrapper_web[_ngcontent-%COMP%]:first-child{border-right-width:0;border-left-width:1px}"],changeDetection:0}),t})();function k(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"A checkbox component that is able to imitate native control on mobile platforms."),r.C$Y(),r.I0R(7,"tui-doc-example",4)(8,"tui-notification",5),r.OEk(9," Use "),r.I0R(10,"code"),r.OEk(11,"--tui-accent"),r.C$Y(),r.OEk(12," CSS variable to customize color of native control emulation "),r.C$Y(),r.wR5(13,"tui-checkbox-example-1"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1)}}function y(e,t){if(1&e&&(r.I0R(0,"ol",6)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",7),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",8),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=i.e(61748).then(i.t.bind(i,39368,17)),this.exampleHtml=i.e(6394).then(i.t.bind(i,6394,17)),this.example1={TypeScript:i.e(63852).then(i.t.bind(i,63852,17)),HTML:i.e(1536).then(i.t.bind(i,1536,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-checkbox"]],decls:3,vars:0,consts:[["header","Checkbox","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","platforms","heading","Platforms",3,"content"],[1,"tui-space_bottom-4"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,k,14,1,"ng-template",1),r.yuY(2,y,9,2,"ng-template",2),r.C$Y())},dependencies:[p.e,d.u,u.E,m.u,h.I,x],encapsulation:2,changeDetection:0}),t})();i(23340);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.y,o.sl,n.MD,s.Q7,l.TuiNotificationModule,c.TuiPlatformModule,(0,a.If)(w)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27698],{27698:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiCheckboxModule:()=>C});var n=i(86568),o=i(35856),a=i(752),c=i(45328),l=i(62548),s=i(37304),r=i(6528),p=i(62224),d=i(13692),u=i(34496),m=i(37288),h=i(83480),f=i(10268),b=i(54680);function g(e,t){if(1&e&&(r.I0R(0,"div",1),r.wR5(1,"input",2)(2,"input",3)(3,"input",4)(4,"input",5)(5,"input",4)(6,"input",6)(7,"input",6),r.C$Y()),2&e){const e=t.$implicit,i=t.first,n=r.GaO();r.eAK("wrapper_web","web"===e),r.E7m("tuiPlatform",e),r.yG2(1),r.E7m("ngModel",!0)("size",n.getSize(i)),r.yG2(1),r.E7m("indeterminate",!0)("size",n.getSize(i)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!0)("size",n.getSize(i)),r.yG2(1),r.E7m("size",n.getSize(i)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!1)("size",n.getSize(i)),r.yG2(1),r.E7m("formControl",n.invalidTrue)("size",n.getSize(i)),r.yG2(1),r.E7m("formControl",n.invalidFalse)("size",n.getSize(i))}}let x=(()=>{var e;class t{constructor(){this.platforms=["web","web","android","ios"],this.invalidTrue=new o.Ku(!0,(()=>({invalid:!0}))),this.invalidFalse=new o.Ku(!1,(()=>({invalid:!0})))}ngOnInit(){this.invalidTrue.markAsTouched(),this.invalidFalse.markAsTouched()}getSize(e){return e?"m":"s"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-checkbox-example-1"]],decls:1,vars:1,consts:[["class","wrapper",3,"wrapper_web","tuiPlatform",4,"ngFor","ngForOf"],[1,"wrapper",3,"tuiPlatform"],["tuiCheckbox","","type","checkbox",3,"ngModel","size"],["tuiCheckbox","","type","checkbox",3,"indeterminate","size"],["tuiCheckbox","","type","checkbox",3,"disabled","ngModel","size"],["tuiCheckbox","","type","checkbox",3,"size"],["tuiCheckbox","","type","checkbox",3,"formControl","size"]],template:function(e,t){1&e&&r.yuY(0,g,8,18,"div",0),2&e&&r.E7m("ngForOf",t.platforms)},dependencies:[o.SU,o.ue,o._G,o.ug,n.ay,f.g,b.o],styles:["[_nghost-%COMP%]{display:flex;--tui-accent: var(--tui-info-fill)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;gap:1rem;padding:1rem}.wrapper_web[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04);border-left-width:0}.wrapper_web[_ngcontent-%COMP%]:first-child{border-right-width:0;border-left-width:1px}"],changeDetection:0}),t})();function k(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"A checkbox component that is able to imitate native control on mobile platforms."),r.C$Y(),r.I0R(7,"tui-doc-example",4)(8,"tui-notification",5),r.OEk(9," Use "),r.I0R(10,"code"),r.OEk(11,"--tui-accent"),r.C$Y(),r.OEk(12," CSS variable to customize color of native control emulation "),r.C$Y(),r.wR5(13,"tui-checkbox-example-1"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1)}}function y(e,t){if(1&e&&(r.I0R(0,"ol",6)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",7),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",8),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=i.e(61748).then(i.t.bind(i,39368,17)),this.exampleHtml=i.e(6394).then(i.t.bind(i,6394,17)),this.example1={TypeScript:i.e(63852).then(i.t.bind(i,63852,17)),HTML:i.e(1536).then(i.t.bind(i,1536,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-checkbox"]],decls:3,vars:0,consts:[["header","Checkbox","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","platforms","heading","Platforms",3,"content"],[1,"tui-space_bottom-4"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,k,14,1,"ng-template",1),r.yuY(2,y,9,2,"ng-template",2),r.C$Y())},dependencies:[p.e,d.u,u.E,m.u,h.I,x],encapsulation:2,changeDetection:0}),t})();i(23340);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.y,o.sl,n.MD,s.Q7,l.TuiNotificationModule,c.TuiPlatformModule,(0,a.If)(w)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/27792.b75be4ba14ee1f1c.js b/next/27792.5de31fc09c16dfe2.js
similarity index 98%
rename from next/27792.b75be4ba14ee1f1c.js
rename to next/27792.5de31fc09c16dfe2.js
index 16ac8d64922c..24dab0110c48 100644
--- a/next/27792.b75be4ba14ee1f1c.js
+++ b/next/27792.5de31fc09c16dfe2.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27792],{27792:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiBadgeNotificationModule:()=>$});var n=i(86568),o=i(752),a=i(45328),c=i(62548),s=i(84788),u=i(6528),d=i(67156),l=i(62224),r=i(13692),m=i(96808),p=i(95356),f=i(56616),g=i(34496),b=i(37288),C=i(83480),E=i(54680);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-badge-notification-example-1"]],decls:33,vars:0,consts:[["tuiPlatform","web"],["size","l"],["size","s"],["size","xs"],["tuiPlatform","android"],["tuiPlatform","ios"]],template:function(e,t){1&e&&(u.I0R(0,"h4"),u.OEk(1,"Desktop"),u.C$Y(),u.I0R(2,"p",0)(3,"tui-badge-notification",1),u.OEk(4,"9"),u.C$Y(),u.I0R(5,"tui-badge-notification"),u.OEk(6,"9"),u.C$Y(),u.I0R(7,"tui-badge-notification",2),u.OEk(8,"9"),u.C$Y(),u.I0R(9,"tui-badge-notification",3),u.OEk(10,"9"),u.C$Y()(),u.I0R(11,"h4"),u.OEk(12,"Android"),u.C$Y(),u.I0R(13,"p",4)(14,"tui-badge-notification",1),u.OEk(15,"9"),u.C$Y(),u.I0R(16,"tui-badge-notification"),u.OEk(17,"9"),u.C$Y(),u.I0R(18,"tui-badge-notification",2),u.OEk(19,"9"),u.C$Y(),u.I0R(20,"tui-badge-notification",3),u.OEk(21,"9"),u.C$Y()(),u.I0R(22,"h4"),u.OEk(23,"IOS"),u.C$Y(),u.I0R(24,"p",5)(25,"tui-badge-notification",1),u.OEk(26,"9"),u.C$Y(),u.I0R(27,"tui-badge-notification"),u.OEk(28,"9"),u.C$Y(),u.I0R(29,"tui-badge-notification",2),u.OEk(30,"9"),u.C$Y(),u.I0R(31,"tui-badge-notification",3),u.OEk(32,"9"),u.C$Y()())},dependencies:[d.u,E.o],styles:["tui-badge-notification[_ngcontent-%COMP%]{margin:.2rem}"],changeDetection:0}),t})(),R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-badge-notification-example-2"]],decls:7,vars:0,consts:[["size","l"],["size","s"],["size","xs"]],template:function(e,t){1&e&&(u.I0R(0,"tui-badge-notification",0),u.OEk(1,"10"),u.C$Y(),u.I0R(2,"tui-badge-notification"),u.OEk(3,"11"),u.C$Y(),u.I0R(4,"tui-badge-notification",1),u.OEk(5,"12"),u.C$Y(),u.wR5(6,"tui-badge-notification",2))},dependencies:[d.u],styles:["tui-badge-notification[_ngcontent-%COMP%]{margin:.2rem;background-image:linear-gradient(45deg,#c86dd7 0%,#3023ae 100%)}"],changeDetection:0}),t})();function h(e,t){if(1&e&&(u.I0R(0,"tui-notification",2),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"p"),u.OEk(6," Simple non-interactive badge. Used in headers, cells, cards, avatars to indicate notifications, such as new messages "),u.C$Y(),u.I0R(7,"tui-doc-example",3),u.wR5(8,"tui-badge-notification-example-1"),u.C$Y(),u.I0R(9,"tui-doc-example",4),u.wR5(10,"tui-badge-notification-example-2"),u.C$Y()),2&e){const e=u.GaO();u.yG2(7),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2)}}function Y(e,t){1&e&&u.OEk(0," Size ")}function k(e,t){if(1&e){const e=u.KQA();u.I0R(0,"tui-doc-demo")(1,"tui-badge-notification",5),u.OEk(2,"11"),u.C$Y()(),u.wR5(3,"label",6),u.I0R(4,"tui-doc-documentation"),u.yuY(5,Y,1,0,"ng-template",7),u.qCj("documentationPropertyValueChange",(function(t){u.usT(e);const i=u.GaO();return u.CGJ(i.size=t)})),u.C$Y()}if(2&e){const e=u.GaO();u.yG2(1),u.E7m("size",e.size),u.yG2(4),u.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size)}}function O(e,t){if(1&e&&(u.I0R(0,"ol",8)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",9),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",10),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let y=(()=>{var e;class t{constructor(){this.exampleModule=i.e(11440).then(i.t.bind(i,11440,17)),this.exampleHtml=i.e(86544).then(i.t.bind(i,86544,17)),this.example1={HTML:i.e(8664).then(i.t.bind(i,8664,17))},this.example2={HTML:i.e(35300).then(i.t.bind(i,35300,17)),LESS:i.e(64775).then(i.t.bind(i,64775,17))},this.sizeVariants=["l","m","s","xs"],this.size=this.sizeVariants[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-badge-notification"]],decls:4,vars:0,consts:[["header","BadgeNotification","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","base","heading","Basic",3,"content"],["id","custom","heading","Custom color",3,"content"],[3,"size"],["tuiLabel","Content type",1,"tui-space_vertical-3"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",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&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,h,11,2,"ng-template",1),u.yuY(2,k,6,3,"ng-template",1),u.yuY(3,O,9,2,"ng-template",1),u.C$Y())},dependencies:[d.u,l.e,r.u,m.m,p.I,f.S,g.E,b.u,C.I,I,R],encapsulation:2,changeDetection:0}),t})();i(23340);let $=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[n.MD,s._e,c.TuiNotificationModule,a.TuiPlatformModule,(0,o.If)(y)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[27792],{27792:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiBadgeNotificationModule:()=>$});var n=i(86568),o=i(752),a=i(45328),c=i(62548),s=i(37304),u=i(6528),d=i(67156),l=i(62224),r=i(13692),m=i(96808),p=i(95356),f=i(56616),g=i(34496),b=i(37288),C=i(83480),E=i(54680);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-badge-notification-example-1"]],decls:33,vars:0,consts:[["tuiPlatform","web"],["size","l"],["size","s"],["size","xs"],["tuiPlatform","android"],["tuiPlatform","ios"]],template:function(e,t){1&e&&(u.I0R(0,"h4"),u.OEk(1,"Desktop"),u.C$Y(),u.I0R(2,"p",0)(3,"tui-badge-notification",1),u.OEk(4,"9"),u.C$Y(),u.I0R(5,"tui-badge-notification"),u.OEk(6,"9"),u.C$Y(),u.I0R(7,"tui-badge-notification",2),u.OEk(8,"9"),u.C$Y(),u.I0R(9,"tui-badge-notification",3),u.OEk(10,"9"),u.C$Y()(),u.I0R(11,"h4"),u.OEk(12,"Android"),u.C$Y(),u.I0R(13,"p",4)(14,"tui-badge-notification",1),u.OEk(15,"9"),u.C$Y(),u.I0R(16,"tui-badge-notification"),u.OEk(17,"9"),u.C$Y(),u.I0R(18,"tui-badge-notification",2),u.OEk(19,"9"),u.C$Y(),u.I0R(20,"tui-badge-notification",3),u.OEk(21,"9"),u.C$Y()(),u.I0R(22,"h4"),u.OEk(23,"IOS"),u.C$Y(),u.I0R(24,"p",5)(25,"tui-badge-notification",1),u.OEk(26,"9"),u.C$Y(),u.I0R(27,"tui-badge-notification"),u.OEk(28,"9"),u.C$Y(),u.I0R(29,"tui-badge-notification",2),u.OEk(30,"9"),u.C$Y(),u.I0R(31,"tui-badge-notification",3),u.OEk(32,"9"),u.C$Y()())},dependencies:[d.u,E.o],styles:["tui-badge-notification[_ngcontent-%COMP%]{margin:.2rem}"],changeDetection:0}),t})(),R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-badge-notification-example-2"]],decls:7,vars:0,consts:[["size","l"],["size","s"],["size","xs"]],template:function(e,t){1&e&&(u.I0R(0,"tui-badge-notification",0),u.OEk(1,"10"),u.C$Y(),u.I0R(2,"tui-badge-notification"),u.OEk(3,"11"),u.C$Y(),u.I0R(4,"tui-badge-notification",1),u.OEk(5,"12"),u.C$Y(),u.wR5(6,"tui-badge-notification",2))},dependencies:[d.u],styles:["tui-badge-notification[_ngcontent-%COMP%]{margin:.2rem;background-image:linear-gradient(45deg,#c86dd7 0%,#3023ae 100%)}"],changeDetection:0}),t})();function h(e,t){if(1&e&&(u.I0R(0,"tui-notification",2),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"p"),u.OEk(6," Simple non-interactive badge. Used in headers, cells, cards, avatars to indicate notifications, such as new messages "),u.C$Y(),u.I0R(7,"tui-doc-example",3),u.wR5(8,"tui-badge-notification-example-1"),u.C$Y(),u.I0R(9,"tui-doc-example",4),u.wR5(10,"tui-badge-notification-example-2"),u.C$Y()),2&e){const e=u.GaO();u.yG2(7),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2)}}function Y(e,t){1&e&&u.OEk(0," Size ")}function k(e,t){if(1&e){const e=u.KQA();u.I0R(0,"tui-doc-demo")(1,"tui-badge-notification",5),u.OEk(2,"11"),u.C$Y()(),u.wR5(3,"label",6),u.I0R(4,"tui-doc-documentation"),u.yuY(5,Y,1,0,"ng-template",7),u.qCj("documentationPropertyValueChange",(function(t){u.usT(e);const i=u.GaO();return u.CGJ(i.size=t)})),u.C$Y()}if(2&e){const e=u.GaO();u.yG2(1),u.E7m("size",e.size),u.yG2(4),u.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size)}}function O(e,t){if(1&e&&(u.I0R(0,"ol",8)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",9),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",10),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let y=(()=>{var e;class t{constructor(){this.exampleModule=i.e(11440).then(i.t.bind(i,11440,17)),this.exampleHtml=i.e(86544).then(i.t.bind(i,86544,17)),this.example1={HTML:i.e(8664).then(i.t.bind(i,8664,17))},this.example2={HTML:i.e(35300).then(i.t.bind(i,35300,17)),LESS:i.e(64775).then(i.t.bind(i,64775,17))},this.sizeVariants=["l","m","s","xs"],this.size=this.sizeVariants[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-badge-notification"]],decls:4,vars:0,consts:[["header","BadgeNotification","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","base","heading","Basic",3,"content"],["id","custom","heading","Custom color",3,"content"],[3,"size"],["tuiLabel","Content type",1,"tui-space_vertical-3"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",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&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,h,11,2,"ng-template",1),u.yuY(2,k,6,3,"ng-template",1),u.yuY(3,O,9,2,"ng-template",1),u.C$Y())},dependencies:[d.u,l.e,r.u,m.m,p.I,f.S,g.E,b.u,C.I,I,R],encapsulation:2,changeDetection:0}),t})();i(23340);let $=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[n.MD,s._e,c.TuiNotificationModule,a.TuiPlatformModule,(0,o.If)(y)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/30116.dc84cd48e2080a16.js b/next/30116.dc84cd48e2080a16.js
new file mode 100644
index 000000000000..208e1c278b87
--- /dev/null
+++ b/next/30116.dc84cd48e2080a16.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[30116],{30116:n=>{n.exports='
\n \n\n \n\n \n
\n\n
\n \n\n \n
\n\n
\n \n
\n'}}]);
\ No newline at end of file
diff --git a/next/34760.2a654a699122e14a.js b/next/34760.70c3fe1defa0be03.js
similarity index 99%
rename from next/34760.2a654a699122e14a.js
rename to next/34760.70c3fe1defa0be03.js
index ffd61dac7264..d59588701292 100644
--- a/next/34760.2a654a699122e14a.js
+++ b/next/34760.70c3fe1defa0be03.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[34760],{34760:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiCardMediumModule:()=>X});var i=n(86568),a=n(35856),o=n(752),r=n(27297),c=n(45328),u=n(62548),s=n(84788),d=n(6528),l=n(13692),m=n(34496),p=n(37288),g=n(83480),f=n(3088),h=n(91576),b=n(15268),C=n(52132);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-1"]],decls:16,vars:2,consts:[["tuiCardMedium","","tuiSurface","flat"],["src","tuiIconStarLarge",1,"star"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(d.I0R(0,"div",0),d.wR5(1,"tui-avatar",1),d.I0R(2,"h2",2),d.OEk(3," Title "),d.I0R(4,"span",3),d.OEk(5,"Subtitle"),d.C$Y()()(),d.I0R(6,"div",0)(7,"h2",2),d.OEk(8," Title "),d.I0R(9,"span",3),d.OEk(10,"Subtitle"),d.C$Y()()(),d.I0R(11,"div",0)(12,"h2",2),d.OEk(13," Title "),d.I0R(14,"span",3),d.OEk(15,"Subtitle"),d.C$Y()()()),2&e&&(d.yG2(7),d.m4B("margin-top","auto"))},dependencies:[f.I,h.s,b.c,C.e],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.star[_ngcontent-%COMP%]{background:#428bfa;color:#fff}"],changeDetection:0}),t})();var y=n(69352);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-2"]],decls:12,vars:0,consts:[["tuiCardMedium","","tuiSurface","elevated"],["icon","tuiIconPlusSquareLarge",1,"plus"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(d.I0R(0,"div",0),d.wR5(1,"tui-icon",1),d.I0R(2,"h2",2),d.OEk(3," Title "),d.I0R(4,"span",3),d.OEk(5,"Subtitle"),d.C$Y()()(),d.I0R(6,"div",0)(7,"h2",2),d.OEk(8," Title "),d.I0R(9,"span",3),d.OEk(10,"Subtitle"),d.C$Y()(),d.wR5(11,"tui-icon",1),d.C$Y())},dependencies:[h.s,b.c,C.e,y.i],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.plus[_ngcontent-%COMP%]{background:#428bfa;color:#fff;border-radius:.25rem}"],changeDetection:0}),t})();var v=n(49712);let O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-3"]],decls:16,vars:0,consts:[["tuiCardMedium","","tuiSurface","flat"],["appearance","custom",1,"badge"],["icon","tuiIconTarget"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"tui-badge",1),d.wR5(2,"tui-icon",2),d.OEk(3," 10 % "),d.C$Y(),d.I0R(4,"h2",3),d.OEk(5," Title "),d.I0R(6,"span",4),d.OEk(7,"Subtitle"),d.C$Y()()(),d.I0R(8,"div",0)(9,"h2",3),d.OEk(10," Title "),d.I0R(11,"span",4),d.OEk(12,"Subtitle"),d.C$Y()(),d.I0R(13,"tui-badge",1),d.wR5(14,"tui-icon",2),d.OEk(15," 10 % "),d.C$Y()())},dependencies:[h.s,b.c,v.Y,C.e,y.i],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.badge[_ngcontent-%COMP%]{background:#aff218;color:#333}"],changeDetection:0}),t})();var R=n(18252),M=n(13132),w=n(71984);function E(e,t){if(1&e&&(d.I0R(0,"tui-avatar",5),d.wVc(1,"tuiAutoColor"),d.wVc(2,"async"),d.wVc(3,"tuiFallbackSrc"),d.C$Y()),2&e){const e=t.$implicit;d.m4B("background",d.kDX(1,4,e)),d.E7m("round",!0)("src",d.kDX(2,6,d.g7$(3,8,e,"tuiIconUserLarge")))}}function S(e,t){if(1&e&&(d.I0R(0,"tui-avatar",5),d.wVc(1,"tuiAutoColor"),d.wVc(2,"async"),d.wVc(3,"tuiFallbackSrc"),d.C$Y()),2&e){const e=t.$implicit;d.m4B("background",d.kDX(1,4,e)),d.E7m("round",!0)("src",d.kDX(2,6,d.g7$(3,8,e,"tuiIconUserLarge")))}}let x=(()=>{var e;class t{constructor(){this.urls=["https://avatars.githubusercontent.com/u/11832552","https://avatars.githubusercontent.com/u/10106368","https://avatars.githubusercontent.com/u/46284632"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-4"]],decls:14,vars:2,consts:[["tuiCardMedium","","tuiSurface","elevated"],["direction","left"],["size","s",3,"round","src","background",4,"ngFor","ngForOf"],["tuiTitle",""],["tuiSubtitle",""],["size","s",3,"round","src"]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"tui-avatar-stack",1),d.yuY(2,E,4,11,"tui-avatar",2),d.C$Y(),d.I0R(3,"h2",3),d.OEk(4," Title "),d.I0R(5,"span",4),d.OEk(6,"Subtitle"),d.C$Y()()(),d.I0R(7,"div",0)(8,"h2",3),d.OEk(9," Title "),d.I0R(10,"span",4),d.OEk(11,"Subtitle"),d.C$Y()(),d.I0R(12,"tui-avatar-stack",1),d.yuY(13,S,4,11,"tui-avatar",2),d.C$Y()()),2&e&&(d.yG2(2),d.E7m("ngForOf",t.urls),d.yG2(11),d.E7m("ngForOf",t.urls))},dependencies:[i.ay,R.G,f.I,h.s,b.c,C.e,i.a,M.W,w.o],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})(),Y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-5"]],decls:28,vars:0,consts:[["tuiCardMedium","","tuiSurface","",1,"poster"],["tuiTitle",""],["tuiSubtitle",""],["appearance","custom",1,"badge"],["icon","tuiIconTarget"],["tuiCardMedium","","tuiSurface","",1,"fly"],["tuiCardMedium","","tuiSurface","",1,"google"],["appearance","custom",1,"money"],["tuiCardMedium","","tuiSurface","",1,"microsoft"]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"h2",1),d.OEk(2," Poster "),d.I0R(3,"span",2),d.OEk(4,"Cinema, concerts, theaters and sports up to 25%"),d.C$Y()(),d.I0R(5,"tui-badge",3),d.wR5(6,"tui-icon",4),d.OEk(7," 10 % "),d.C$Y()(),d.I0R(8,"div",5)(9,"h2",1),d.OEk(10,"Flights"),d.C$Y(),d.I0R(11,"tui-badge",3),d.wR5(12,"tui-icon",4),d.OEk(13," 10 % "),d.C$Y()(),d.I0R(14,"div",6)(15,"h2",1),d.OEk(16," Google "),d.I0R(17,"span",2),d.OEk(18,"-2.7%"),d.C$Y()(),d.I0R(19,"tui-badge",7),d.OEk(20," $ 3,605.2 "),d.C$Y()(),d.I0R(21,"div",8)(22,"h2",1),d.OEk(23," Microsoft "),d.I0R(24,"span",2),d.OEk(25,"-12.44%"),d.C$Y()(),d.I0R(26,"tui-badge",7),d.OEk(27," $ 1,095.3 "),d.C$Y()())},dependencies:[h.s,b.c,v.Y,C.e,y.i],styles:["[_nghost-%COMP%]{display:flex;gap:1.2rem;min-width:40.625rem}.badge[_ngcontent-%COMP%]{background:#aff218;color:#333}.money[_ngcontent-%COMP%]{background:#ffdd2d;color:#333}.poster[_ngcontent-%COMP%]{background:#58c0be;padding:.75rem;color:#fff;width:13.9375rem;height:8rem}.poster[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:#fff}.poster[_ngcontent-%COMP%]:after{background:url(/assets/images/poster.svg) bottom right no-repeat}.poster[_ngcontent-%COMP%]:hover:after{transform:scale(1.1)}.fly[_ngcontent-%COMP%]{background:#65aeea;padding:.75rem;color:#fff;width:8rem;height:8rem}.fly[_ngcontent-%COMP%]:after{background:url(/assets/images/fly.svg) bottom right no-repeat}.fly[_ngcontent-%COMP%]:hover:after{transform:scale(1.1)}.google[_ngcontent-%COMP%], .microsoft[_ngcontent-%COMP%]{padding:.75rem;background:var(--tui-base-02);height:8rem;width:8rem}.google[_ngcontent-%COMP%]:hover:after, .microsoft[_ngcontent-%COMP%]:hover:after{transform:scale(1.1)}.google[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:red}.google[_ngcontent-%COMP%]:after{background:url(/assets/images/google.svg) bottom right no-repeat}.microsoft[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:#00b92d}.microsoft[_ngcontent-%COMP%]:after{background:url(/assets/images/microsoft.svg) bottom right no-repeat}"],changeDetection:0}),t})();var $=n(24980),T=n(764),P=n(50904),_=n(13660),L=n(31564);let G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-6"]],decls:10,vars:1,consts:[["tuiCardMedium","","tuiSurface","flat","tuiTitle",""],["tuiFade","",1,"fade"],["tuiFade","vertical","tuiSubtitle","",1,"fade-vertical"],["tuiHintDirection","top","tuiSubtitle","",1,"nowrap",3,"tuiHint"],["text",""]],template:function(e,t){if(1&e&&(d.I0R(0,"div",0)(1,"span",1),d.OEk(2," Lorem Ipsum is simply dummy text of the printing and typesetting industry. "),d.C$Y(),d.I0R(3,"span",2),d.OEk(4," It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text. "),d.C$Y()(),d.I0R(5,"div",0),d.OEk(6," Text without fade out when overflow content "),d.I0R(7,"div",3,4),d.OEk(9," It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text. "),d.C$Y()()),2&e){const e=d.Gew(8);d.yG2(7),d.E7m("tuiHint",e.innerText)}},dependencies:[$.y,h.s,b.c,C.e,T.l,P.S,_.i,L.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.fade[_ngcontent-%COMP%]{width:100%;height:2rem;white-space:nowrap;overflow:auto}.fade-vertical[_ngcontent-%COMP%]{height:5rem;overflow:auto}.nowrap[_ngcontent-%COMP%]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}"],changeDetection:0}),t})();var D=n(79848),H=n(38268),F=n(17060);let z=(()=>{var e;class t{constructor(){this.value=0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-7"]],decls:18,vars:8,consts:[["tuiCardMedium","","tuiSurface","",1,"card"],["src","tuiIconGooglePay"],["tuiFade","",1,"cards"],["iconLeft","tuiIconLock","paymentSystem","mastercard","size","m"],["iconLeft","tuiIconLock","paymentSystem","mir","size","m",1,"mir"],["paymentSystem","visa","size","m",1,"visa"],["tuiSurfaceLayer","","type","radio",1,"selected",3,"value","ngModel","ngModelChange"],["tuiRipple","","tuiSurfaceLayer",""],["src","tuiIconApplePay"],["paymentSystem","mir","size","m",1,"mir"],["tuiSurfaceLayer","","type","radio",3,"value","ngModel","ngModelChange"]],template:function(e,t){1&e&&(d.I0R(0,"label",0),d.wR5(1,"tui-svg",1),d.I0R(2,"div",2)(3,"tui-thumbnail-card",3),d.OEk(4," 4572 "),d.C$Y(),d.I0R(5,"tui-thumbnail-card",4),d.OEk(6," 6733 "),d.C$Y(),d.I0R(7,"tui-thumbnail-card",5),d.OEk(8," 5212 "),d.C$Y()(),d.I0R(9,"input",6),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(10,"div",7),d.C$Y(),d.I0R(11,"label",0),d.wR5(12,"tui-svg",8),d.I0R(13,"div",2)(14,"tui-thumbnail-card",9),d.OEk(15," 2222 "),d.C$Y()(),d.I0R(16,"input",10),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(17,"div",7),d.C$Y()),2&e&&(d.yG2(9),d.E7m("value",0)("ngModel",t.value),d.yG2(1),d.m4B("background-color","#fff6c7"),d.yG2(6),d.E7m("value",1)("ngModel",t.value),d.yG2(1),d.m4B("background-color","#d5f6df"))},dependencies:[$.y,h.s,b.c,D.W,a.ot,a.ye,a.ue,a._G,H.S,F.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.card[_ngcontent-%COMP%]{height:6.5rem;width:6.5rem}.mir[_ngcontent-%COMP%]{background:#2b9aff linear-gradient(110deg,transparent 70%,#0780ff 71%,#db028b 100%)}.visa[_ngcontent-%COMP%]{background:linear-gradient(45deg,#ffaa00d1,#ffaa00),url(/assets/taiga-ui/icons/tuiIconStarLarge.svg)}.cards[_ngcontent-%COMP%]{display:flex;flex-direction:row;gap:.25rem;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:0 -.4375rem;padding:0 .4375rem;overflow:auto}"],changeDetection:0}),t})();function A(e,t){if(1&e&&(d.I0R(0,"tui-doc-example",3),d.wR5(1,"tui-card-medium-example-1"),d.C$Y(),d.I0R(2,"tui-doc-example",4),d.wR5(3,"tui-card-medium-example-2"),d.C$Y(),d.I0R(4,"tui-doc-example",5),d.wR5(5,"tui-card-medium-example-3"),d.C$Y(),d.I0R(6,"tui-doc-example",6),d.wR5(7,"tui-card-medium-example-4"),d.C$Y(),d.I0R(8,"tui-doc-example",7),d.wR5(9,"tui-card-medium-example-5"),d.C$Y(),d.I0R(10,"tui-doc-example",8),d.wR5(11,"tui-card-medium-example-6"),d.C$Y(),d.I0R(12,"tui-doc-example",9),d.wR5(13,"tui-card-medium-example-7"),d.C$Y()),2&e){const e=d.GaO();d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3),d.yG2(2),d.E7m("content",e.example4),d.yG2(2),d.E7m("content",e.example5),d.yG2(2),d.E7m("content",e.example6),d.yG2(2),d.E7m("content",e.example7)}}function B(e,t){if(1&e&&(d.I0R(0,"ol",10)(1,"li")(2,"p"),d.OEk(3,"Import module:"),d.C$Y(),d.wR5(4,"tui-doc-code",11),d.C$Y(),d.I0R(5,"li")(6,"p"),d.OEk(7,"Add to the template:"),d.C$Y(),d.wR5(8,"tui-doc-code",12),d.C$Y()()),2&e){const e=d.GaO();d.yG2(4),d.E7m("code",e.exampleModule),d.yG2(4),d.E7m("code",e.exampleHtml)}}let V=(()=>{var e;class t{constructor(){this.exampleModule=n.e(66008).then(n.t.bind(n,66008,17)),this.exampleHtml=n.e(50920).then(n.t.bind(n,50920,17)),this.example1={TypeScript:n.e(47920).then(n.t.bind(n,47920,17)),HTML:n.e(83544).then(n.t.bind(n,83544,17)),LESS:n.e(60724).then(n.t.bind(n,60724,17))},this.example2={TypeScript:n.e(3900).then(n.t.bind(n,3900,17)),HTML:n.e(44284).then(n.t.bind(n,44284,17)),LESS:n.e(45920).then(n.t.bind(n,45920,17))},this.example3={TypeScript:n.e(93564).then(n.t.bind(n,93564,17)),HTML:n.e(2988).then(n.t.bind(n,2988,17)),LESS:n.e(11864).then(n.t.bind(n,11864,17))},this.example4={TypeScript:n.e(39156).then(n.t.bind(n,39156,17)),HTML:n.e(69255).then(n.t.bind(n,69255,17)),LESS:n.e(96944).then(n.t.bind(n,96944,17))},this.example5={TypeScript:n.e(38024).then(n.t.bind(n,38024,17)),HTML:n.e(17560).then(n.t.bind(n,17560,17)),LESS:n.e(37584).then(n.t.bind(n,37584,17))},this.example6={TypeScript:n.e(55256).then(n.t.bind(n,55256,17)),HTML:n.e(72032).then(n.t.bind(n,72032,17)),LESS:n.e(47220).then(n.t.bind(n,47220,17))},this.example7={TypeScript:n.e(51568).then(n.t.bind(n,51568,17)),HTML:n.e(20904).then(n.t.bind(n,20904,17)),LESS:n.e(83176).then(n.t.bind(n,83176,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-card"]],decls:3,vars:0,consts:[["header","Card","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["id","avatar","heading","Avatar and text",3,"content"],["id","icon","heading","Icon",3,"content"],["id","badge","heading","Badge",3,"content"],["id","stacking","heading","Stacking",3,"content"],["id","customization","heading","Customization",3,"content"],["id","long-text","heading","Long text",3,"content"],["id","selectable","heading","Selectable",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,A,14,7,"ng-template",1),d.yuY(2,B,9,2,"ng-template",2),d.C$Y())},dependencies:[l.u,m.E,p.u,g.I,k,I,O,x,Y,G,z],encapsulation:2,changeDetection:0}),t})();n(23340);let X=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[i.MD,s.W4,s.g3,s.iS,u.TuiNotificationModule,s.o3,s.mC,s.kD,s.kF,u.TuiSvgModule,s._M,s.CA,u.TuiScrollbarModule,u.TuiHintModule,a.y,r.TuiRippleModule,s.iK,s.C,s.CI,s.yk,(0,o.If)(V),c.TuiRepeatTimesModule,u.TuiDataListModule,u.TuiHostedDropdownModule,s.n5,c.TuiPlatformModule,u.TuiLinkModule]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[34760],{34760:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiCardMediumModule:()=>X});var i=n(86568),a=n(35856),o=n(752),r=n(27297),c=n(45328),u=n(62548),s=n(37304),d=n(6528),l=n(13692),m=n(34496),p=n(37288),g=n(83480),f=n(3088),h=n(91576),b=n(15268),C=n(52132);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-1"]],decls:16,vars:2,consts:[["tuiCardMedium","","tuiSurface","flat"],["src","tuiIconStarLarge",1,"star"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(d.I0R(0,"div",0),d.wR5(1,"tui-avatar",1),d.I0R(2,"h2",2),d.OEk(3," Title "),d.I0R(4,"span",3),d.OEk(5,"Subtitle"),d.C$Y()()(),d.I0R(6,"div",0)(7,"h2",2),d.OEk(8," Title "),d.I0R(9,"span",3),d.OEk(10,"Subtitle"),d.C$Y()()(),d.I0R(11,"div",0)(12,"h2",2),d.OEk(13," Title "),d.I0R(14,"span",3),d.OEk(15,"Subtitle"),d.C$Y()()()),2&e&&(d.yG2(7),d.m4B("margin-top","auto"))},dependencies:[f.I,h.s,b.c,C.e],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.star[_ngcontent-%COMP%]{background:#428bfa;color:#fff}"],changeDetection:0}),t})();var y=n(69352);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-2"]],decls:12,vars:0,consts:[["tuiCardMedium","","tuiSurface","elevated"],["icon","tuiIconPlusSquareLarge",1,"plus"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(d.I0R(0,"div",0),d.wR5(1,"tui-icon",1),d.I0R(2,"h2",2),d.OEk(3," Title "),d.I0R(4,"span",3),d.OEk(5,"Subtitle"),d.C$Y()()(),d.I0R(6,"div",0)(7,"h2",2),d.OEk(8," Title "),d.I0R(9,"span",3),d.OEk(10,"Subtitle"),d.C$Y()(),d.wR5(11,"tui-icon",1),d.C$Y())},dependencies:[h.s,b.c,C.e,y.i],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.plus[_ngcontent-%COMP%]{background:#428bfa;color:#fff;border-radius:.25rem}"],changeDetection:0}),t})();var v=n(49712);let O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-3"]],decls:16,vars:0,consts:[["tuiCardMedium","","tuiSurface","flat"],["appearance","custom",1,"badge"],["icon","tuiIconTarget"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"tui-badge",1),d.wR5(2,"tui-icon",2),d.OEk(3," 10 % "),d.C$Y(),d.I0R(4,"h2",3),d.OEk(5," Title "),d.I0R(6,"span",4),d.OEk(7,"Subtitle"),d.C$Y()()(),d.I0R(8,"div",0)(9,"h2",3),d.OEk(10," Title "),d.I0R(11,"span",4),d.OEk(12,"Subtitle"),d.C$Y()(),d.I0R(13,"tui-badge",1),d.wR5(14,"tui-icon",2),d.OEk(15," 10 % "),d.C$Y()())},dependencies:[h.s,b.c,v.Y,C.e,y.i],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.badge[_ngcontent-%COMP%]{background:#aff218;color:#333}"],changeDetection:0}),t})();var R=n(18252),M=n(13132),w=n(71984);function E(e,t){if(1&e&&(d.I0R(0,"tui-avatar",5),d.wVc(1,"tuiAutoColor"),d.wVc(2,"async"),d.wVc(3,"tuiFallbackSrc"),d.C$Y()),2&e){const e=t.$implicit;d.m4B("background",d.kDX(1,4,e)),d.E7m("round",!0)("src",d.kDX(2,6,d.g7$(3,8,e,"tuiIconUserLarge")))}}function S(e,t){if(1&e&&(d.I0R(0,"tui-avatar",5),d.wVc(1,"tuiAutoColor"),d.wVc(2,"async"),d.wVc(3,"tuiFallbackSrc"),d.C$Y()),2&e){const e=t.$implicit;d.m4B("background",d.kDX(1,4,e)),d.E7m("round",!0)("src",d.kDX(2,6,d.g7$(3,8,e,"tuiIconUserLarge")))}}let x=(()=>{var e;class t{constructor(){this.urls=["https://avatars.githubusercontent.com/u/11832552","https://avatars.githubusercontent.com/u/10106368","https://avatars.githubusercontent.com/u/46284632"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-4"]],decls:14,vars:2,consts:[["tuiCardMedium","","tuiSurface","elevated"],["direction","left"],["size","s",3,"round","src","background",4,"ngFor","ngForOf"],["tuiTitle",""],["tuiSubtitle",""],["size","s",3,"round","src"]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"tui-avatar-stack",1),d.yuY(2,E,4,11,"tui-avatar",2),d.C$Y(),d.I0R(3,"h2",3),d.OEk(4," Title "),d.I0R(5,"span",4),d.OEk(6,"Subtitle"),d.C$Y()()(),d.I0R(7,"div",0)(8,"h2",3),d.OEk(9," Title "),d.I0R(10,"span",4),d.OEk(11,"Subtitle"),d.C$Y()(),d.I0R(12,"tui-avatar-stack",1),d.yuY(13,S,4,11,"tui-avatar",2),d.C$Y()()),2&e&&(d.yG2(2),d.E7m("ngForOf",t.urls),d.yG2(11),d.E7m("ngForOf",t.urls))},dependencies:[i.ay,R.G,f.I,h.s,b.c,C.e,i.a,M.W,w.o],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})(),Y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-5"]],decls:28,vars:0,consts:[["tuiCardMedium","","tuiSurface","",1,"poster"],["tuiTitle",""],["tuiSubtitle",""],["appearance","custom",1,"badge"],["icon","tuiIconTarget"],["tuiCardMedium","","tuiSurface","",1,"fly"],["tuiCardMedium","","tuiSurface","",1,"google"],["appearance","custom",1,"money"],["tuiCardMedium","","tuiSurface","",1,"microsoft"]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"h2",1),d.OEk(2," Poster "),d.I0R(3,"span",2),d.OEk(4,"Cinema, concerts, theaters and sports up to 25%"),d.C$Y()(),d.I0R(5,"tui-badge",3),d.wR5(6,"tui-icon",4),d.OEk(7," 10 % "),d.C$Y()(),d.I0R(8,"div",5)(9,"h2",1),d.OEk(10,"Flights"),d.C$Y(),d.I0R(11,"tui-badge",3),d.wR5(12,"tui-icon",4),d.OEk(13," 10 % "),d.C$Y()(),d.I0R(14,"div",6)(15,"h2",1),d.OEk(16," Google "),d.I0R(17,"span",2),d.OEk(18,"-2.7%"),d.C$Y()(),d.I0R(19,"tui-badge",7),d.OEk(20," $ 3,605.2 "),d.C$Y()(),d.I0R(21,"div",8)(22,"h2",1),d.OEk(23," Microsoft "),d.I0R(24,"span",2),d.OEk(25,"-12.44%"),d.C$Y()(),d.I0R(26,"tui-badge",7),d.OEk(27," $ 1,095.3 "),d.C$Y()())},dependencies:[h.s,b.c,v.Y,C.e,y.i],styles:["[_nghost-%COMP%]{display:flex;gap:1.2rem;min-width:40.625rem}.badge[_ngcontent-%COMP%]{background:#aff218;color:#333}.money[_ngcontent-%COMP%]{background:#ffdd2d;color:#333}.poster[_ngcontent-%COMP%]{background:#58c0be;padding:.75rem;color:#fff;width:13.9375rem;height:8rem}.poster[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:#fff}.poster[_ngcontent-%COMP%]:after{background:url(/assets/images/poster.svg) bottom right no-repeat}.poster[_ngcontent-%COMP%]:hover:after{transform:scale(1.1)}.fly[_ngcontent-%COMP%]{background:#65aeea;padding:.75rem;color:#fff;width:8rem;height:8rem}.fly[_ngcontent-%COMP%]:after{background:url(/assets/images/fly.svg) bottom right no-repeat}.fly[_ngcontent-%COMP%]:hover:after{transform:scale(1.1)}.google[_ngcontent-%COMP%], .microsoft[_ngcontent-%COMP%]{padding:.75rem;background:var(--tui-base-02);height:8rem;width:8rem}.google[_ngcontent-%COMP%]:hover:after, .microsoft[_ngcontent-%COMP%]:hover:after{transform:scale(1.1)}.google[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:red}.google[_ngcontent-%COMP%]:after{background:url(/assets/images/google.svg) bottom right no-repeat}.microsoft[_ngcontent-%COMP%] [tuiSubtitle][_ngcontent-%COMP%]{color:#00b92d}.microsoft[_ngcontent-%COMP%]:after{background:url(/assets/images/microsoft.svg) bottom right no-repeat}"],changeDetection:0}),t})();var $=n(24980),T=n(764),P=n(50904),_=n(13660),L=n(31564);let G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-6"]],decls:10,vars:1,consts:[["tuiCardMedium","","tuiSurface","flat","tuiTitle",""],["tuiFade","",1,"fade"],["tuiFade","vertical","tuiSubtitle","",1,"fade-vertical"],["tuiHintDirection","top","tuiSubtitle","",1,"nowrap",3,"tuiHint"],["text",""]],template:function(e,t){if(1&e&&(d.I0R(0,"div",0)(1,"span",1),d.OEk(2," Lorem Ipsum is simply dummy text of the printing and typesetting industry. "),d.C$Y(),d.I0R(3,"span",2),d.OEk(4," It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text. "),d.C$Y()(),d.I0R(5,"div",0),d.OEk(6," Text without fade out when overflow content "),d.I0R(7,"div",3,4),d.OEk(9," It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text. "),d.C$Y()()),2&e){const e=d.Gew(8);d.yG2(7),d.E7m("tuiHint",e.innerText)}},dependencies:[$.y,h.s,b.c,C.e,T.l,P.S,_.i,L.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.fade[_ngcontent-%COMP%]{width:100%;height:2rem;white-space:nowrap;overflow:auto}.fade-vertical[_ngcontent-%COMP%]{height:5rem;overflow:auto}.nowrap[_ngcontent-%COMP%]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%}"],changeDetection:0}),t})();var D=n(79848),H=n(38268),F=n(17060);let z=(()=>{var e;class t{constructor(){this.value=0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-card-medium-example-7"]],decls:18,vars:8,consts:[["tuiCardMedium","","tuiSurface","",1,"card"],["src","tuiIconGooglePay"],["tuiFade","",1,"cards"],["iconLeft","tuiIconLock","paymentSystem","mastercard","size","m"],["iconLeft","tuiIconLock","paymentSystem","mir","size","m",1,"mir"],["paymentSystem","visa","size","m",1,"visa"],["tuiSurfaceLayer","","type","radio",1,"selected",3,"value","ngModel","ngModelChange"],["tuiRipple","","tuiSurfaceLayer",""],["src","tuiIconApplePay"],["paymentSystem","mir","size","m",1,"mir"],["tuiSurfaceLayer","","type","radio",3,"value","ngModel","ngModelChange"]],template:function(e,t){1&e&&(d.I0R(0,"label",0),d.wR5(1,"tui-svg",1),d.I0R(2,"div",2)(3,"tui-thumbnail-card",3),d.OEk(4," 4572 "),d.C$Y(),d.I0R(5,"tui-thumbnail-card",4),d.OEk(6," 6733 "),d.C$Y(),d.I0R(7,"tui-thumbnail-card",5),d.OEk(8," 5212 "),d.C$Y()(),d.I0R(9,"input",6),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(10,"div",7),d.C$Y(),d.I0R(11,"label",0),d.wR5(12,"tui-svg",8),d.I0R(13,"div",2)(14,"tui-thumbnail-card",9),d.OEk(15," 2222 "),d.C$Y()(),d.I0R(16,"input",10),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(17,"div",7),d.C$Y()),2&e&&(d.yG2(9),d.E7m("value",0)("ngModel",t.value),d.yG2(1),d.m4B("background-color","#fff6c7"),d.yG2(6),d.E7m("value",1)("ngModel",t.value),d.yG2(1),d.m4B("background-color","#d5f6df"))},dependencies:[$.y,h.s,b.c,D.W,a.ot,a.ye,a.ue,a._G,H.S,F.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.card[_ngcontent-%COMP%]{height:6.5rem;width:6.5rem}.mir[_ngcontent-%COMP%]{background:#2b9aff linear-gradient(110deg,transparent 70%,#0780ff 71%,#db028b 100%)}.visa[_ngcontent-%COMP%]{background:linear-gradient(45deg,#ffaa00d1,#ffaa00),url(/assets/taiga-ui/icons/tuiIconStarLarge.svg)}.cards[_ngcontent-%COMP%]{display:flex;flex-direction:row;gap:.25rem;width:-webkit-fill-available;width:-moz-available;width:stretch;margin:0 -.4375rem;padding:0 .4375rem;overflow:auto}"],changeDetection:0}),t})();function A(e,t){if(1&e&&(d.I0R(0,"tui-doc-example",3),d.wR5(1,"tui-card-medium-example-1"),d.C$Y(),d.I0R(2,"tui-doc-example",4),d.wR5(3,"tui-card-medium-example-2"),d.C$Y(),d.I0R(4,"tui-doc-example",5),d.wR5(5,"tui-card-medium-example-3"),d.C$Y(),d.I0R(6,"tui-doc-example",6),d.wR5(7,"tui-card-medium-example-4"),d.C$Y(),d.I0R(8,"tui-doc-example",7),d.wR5(9,"tui-card-medium-example-5"),d.C$Y(),d.I0R(10,"tui-doc-example",8),d.wR5(11,"tui-card-medium-example-6"),d.C$Y(),d.I0R(12,"tui-doc-example",9),d.wR5(13,"tui-card-medium-example-7"),d.C$Y()),2&e){const e=d.GaO();d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3),d.yG2(2),d.E7m("content",e.example4),d.yG2(2),d.E7m("content",e.example5),d.yG2(2),d.E7m("content",e.example6),d.yG2(2),d.E7m("content",e.example7)}}function B(e,t){if(1&e&&(d.I0R(0,"ol",10)(1,"li")(2,"p"),d.OEk(3,"Import module:"),d.C$Y(),d.wR5(4,"tui-doc-code",11),d.C$Y(),d.I0R(5,"li")(6,"p"),d.OEk(7,"Add to the template:"),d.C$Y(),d.wR5(8,"tui-doc-code",12),d.C$Y()()),2&e){const e=d.GaO();d.yG2(4),d.E7m("code",e.exampleModule),d.yG2(4),d.E7m("code",e.exampleHtml)}}let V=(()=>{var e;class t{constructor(){this.exampleModule=n.e(66008).then(n.t.bind(n,66008,17)),this.exampleHtml=n.e(50920).then(n.t.bind(n,50920,17)),this.example1={TypeScript:n.e(47920).then(n.t.bind(n,47920,17)),HTML:n.e(83544).then(n.t.bind(n,83544,17)),LESS:n.e(60724).then(n.t.bind(n,60724,17))},this.example2={TypeScript:n.e(3900).then(n.t.bind(n,3900,17)),HTML:n.e(44284).then(n.t.bind(n,44284,17)),LESS:n.e(45920).then(n.t.bind(n,45920,17))},this.example3={TypeScript:n.e(93564).then(n.t.bind(n,93564,17)),HTML:n.e(2988).then(n.t.bind(n,2988,17)),LESS:n.e(11864).then(n.t.bind(n,11864,17))},this.example4={TypeScript:n.e(39156).then(n.t.bind(n,39156,17)),HTML:n.e(69255).then(n.t.bind(n,69255,17)),LESS:n.e(96944).then(n.t.bind(n,96944,17))},this.example5={TypeScript:n.e(38024).then(n.t.bind(n,38024,17)),HTML:n.e(17560).then(n.t.bind(n,17560,17)),LESS:n.e(37584).then(n.t.bind(n,37584,17))},this.example6={TypeScript:n.e(55256).then(n.t.bind(n,55256,17)),HTML:n.e(72032).then(n.t.bind(n,72032,17)),LESS:n.e(47220).then(n.t.bind(n,47220,17))},this.example7={TypeScript:n.e(51568).then(n.t.bind(n,51568,17)),HTML:n.e(20904).then(n.t.bind(n,20904,17)),LESS:n.e(83176).then(n.t.bind(n,83176,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-card"]],decls:3,vars:0,consts:[["header","Card","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["id","avatar","heading","Avatar and text",3,"content"],["id","icon","heading","Icon",3,"content"],["id","badge","heading","Badge",3,"content"],["id","stacking","heading","Stacking",3,"content"],["id","customization","heading","Customization",3,"content"],["id","long-text","heading","Long text",3,"content"],["id","selectable","heading","Selectable",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,A,14,7,"ng-template",1),d.yuY(2,B,9,2,"ng-template",2),d.C$Y())},dependencies:[l.u,m.E,p.u,g.I,k,I,O,x,Y,G,z],encapsulation:2,changeDetection:0}),t})();n(23340);let X=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[i.MD,s.W4,s.g3,s.iS,u.TuiNotificationModule,s.o3,s.mC,s.kD,s.kF,u.TuiSvgModule,s._M,s.CA,u.TuiScrollbarModule,u.TuiHintModule,a.y,r.TuiRippleModule,s.iK,s.C,s.CI,s.yk,(0,o.If)(V),c.TuiRepeatTimesModule,u.TuiDataListModule,u.TuiHostedDropdownModule,s.n5,c.TuiPlatformModule,u.TuiLinkModule]}),t})()}}]);
\ No newline at end of file
diff --git a/next/36748.7709014cb8e08eea.js b/next/36748.6eb42c2824179526.js
similarity index 98%
rename from next/36748.7709014cb8e08eea.js
rename to next/36748.6eb42c2824179526.js
index 82422bfb12ea..8037a6f7a2ca 100644
--- a/next/36748.7709014cb8e08eea.js
+++ b/next/36748.6eb42c2824179526.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36748],{36748:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiToggleModule:()=>x});var i=o(86568),n=o(35856),s=o(752),a=o(45328),l=o(62548),c=o(84788),r=o(6528),p=o(62224),d=o(13692),u=o(34496),m=o(37288),g=o(83480),f=o(80108),h=o(54680);function w(e,t){if(1&e&&(r.I0R(0,"div",1),r.wR5(1,"input",2)(2,"input",3)(3,"input",4)(4,"input",3)(5,"input",5)(6,"input",5),r.C$Y()),2&e){const e=t.$implicit,o=t.first,i=r.GaO();r.eAK("wrapper_web","web"===e),r.E7m("tuiPlatform",e),r.yG2(1),r.E7m("ngModel",!0)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!0)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!1)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("formControl",i.invalidTrue)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("formControl",i.invalidFalse)("showIcons",o)("size",i.getSize(o))}}let b=(()=>{var e;class t{constructor(){this.platforms=["web","web","android","ios"],this.invalidTrue=new n.Ku(!0,(()=>({invalid:!0}))),this.invalidFalse=new n.Ku(!1,(()=>({invalid:!0})))}ngOnInit(){this.invalidTrue.markAsTouched(),this.invalidFalse.markAsTouched()}getSize(e){return e?"m":"s"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-toggle-example-1"]],decls:1,vars:1,consts:[["class","wrapper",3,"wrapper_web","tuiPlatform",4,"ngFor","ngForOf"],[1,"wrapper",3,"tuiPlatform"],["tuiToggle","","type","checkbox",3,"ngModel","showIcons","size"],["tuiToggle","","type","checkbox",3,"disabled","ngModel","showIcons","size"],["tuiToggle","","type","checkbox",3,"showIcons","size"],["tuiToggle","","type","checkbox",3,"formControl","showIcons","size"]],template:function(e,t){1&e&&r.yuY(0,w,7,22,"div",0),2&e&&r.E7m("ngForOf",t.platforms)},dependencies:[n.SU,n.ue,n._G,n.ug,i.ay,f.y,h.o],styles:["[_nghost-%COMP%]{display:flex;--tui-accent: var(--tui-info-fill)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;gap:1rem;padding:1rem}.wrapper_web[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04);border-left-width:0}.wrapper_web[_ngcontent-%COMP%]:first-child{border-right-width:0;border-left-width:1px}"],changeDetection:0}),t})();function y(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"A toggle component that is able to imitate native control on mobile platforms."),r.C$Y(),r.I0R(7,"tui-doc-example",4)(8,"tui-notification",5),r.OEk(9," Use "),r.I0R(10,"code"),r.OEk(11,"--tui-accent"),r.C$Y(),r.OEk(12," CSS variable to customize color of native control emulation "),r.C$Y(),r.wR5(13,"tui-toggle-example-1"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1)}}function E(e,t){if(1&e&&(r.I0R(0,"ol",6)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",7),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",8),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let I=(()=>{var e;class t{constructor(){this.exampleModule=o.e(11075).then(o.t.bind(o,33456,17)),this.exampleHtml=o.e(93751).then(o.t.bind(o,93751,17)),this.example1={TypeScript:o.e(7499).then(o.t.bind(o,7499,17)),HTML:o.e(5752).then(o.t.bind(o,5752,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-toggle"]],decls:3,vars:0,consts:[["header","Toggle","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","platforms","heading","Platforms",3,"content"],[1,"tui-space_bottom-4"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,y,14,1,"ng-template",1),r.yuY(2,E,9,2,"ng-template",2),r.C$Y())},dependencies:[p.e,d.u,u.E,m.u,g.I,b],encapsulation:2,changeDetection:0}),t})();o(23340);let x=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[n.y,n.sl,i.MD,c.O0,l.TuiNotificationModule,a.TuiPlatformModule,(0,s.If)(I)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36748],{36748:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiToggleModule:()=>x});var i=o(86568),n=o(35856),s=o(752),a=o(45328),l=o(62548),c=o(37304),r=o(6528),p=o(62224),d=o(13692),u=o(34496),m=o(37288),g=o(83480),f=o(80108),h=o(54680);function w(e,t){if(1&e&&(r.I0R(0,"div",1),r.wR5(1,"input",2)(2,"input",3)(3,"input",4)(4,"input",3)(5,"input",5)(6,"input",5),r.C$Y()),2&e){const e=t.$implicit,o=t.first,i=r.GaO();r.eAK("wrapper_web","web"===e),r.E7m("tuiPlatform",e),r.yG2(1),r.E7m("ngModel",!0)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!0)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("disabled",!0)("ngModel",!1)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("formControl",i.invalidTrue)("showIcons",o)("size",i.getSize(o)),r.yG2(1),r.E7m("formControl",i.invalidFalse)("showIcons",o)("size",i.getSize(o))}}let b=(()=>{var e;class t{constructor(){this.platforms=["web","web","android","ios"],this.invalidTrue=new n.Ku(!0,(()=>({invalid:!0}))),this.invalidFalse=new n.Ku(!1,(()=>({invalid:!0})))}ngOnInit(){this.invalidTrue.markAsTouched(),this.invalidFalse.markAsTouched()}getSize(e){return e?"m":"s"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-toggle-example-1"]],decls:1,vars:1,consts:[["class","wrapper",3,"wrapper_web","tuiPlatform",4,"ngFor","ngForOf"],[1,"wrapper",3,"tuiPlatform"],["tuiToggle","","type","checkbox",3,"ngModel","showIcons","size"],["tuiToggle","","type","checkbox",3,"disabled","ngModel","showIcons","size"],["tuiToggle","","type","checkbox",3,"showIcons","size"],["tuiToggle","","type","checkbox",3,"formControl","showIcons","size"]],template:function(e,t){1&e&&r.yuY(0,w,7,22,"div",0),2&e&&r.E7m("ngForOf",t.platforms)},dependencies:[n.SU,n.ue,n._G,n.ug,i.ay,f.y,h.o],styles:["[_nghost-%COMP%]{display:flex;--tui-accent: var(--tui-info-fill)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;gap:1rem;padding:1rem}.wrapper_web[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04);border-left-width:0}.wrapper_web[_ngcontent-%COMP%]:first-child{border-right-width:0;border-left-width:1px}"],changeDetection:0}),t})();function y(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"A toggle component that is able to imitate native control on mobile platforms."),r.C$Y(),r.I0R(7,"tui-doc-example",4)(8,"tui-notification",5),r.OEk(9," Use "),r.I0R(10,"code"),r.OEk(11,"--tui-accent"),r.C$Y(),r.OEk(12," CSS variable to customize color of native control emulation "),r.C$Y(),r.wR5(13,"tui-toggle-example-1"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1)}}function E(e,t){if(1&e&&(r.I0R(0,"ol",6)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",7),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",8),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let I=(()=>{var e;class t{constructor(){this.exampleModule=o.e(11075).then(o.t.bind(o,33456,17)),this.exampleHtml=o.e(93751).then(o.t.bind(o,93751,17)),this.example1={TypeScript:o.e(7499).then(o.t.bind(o,7499,17)),HTML:o.e(5752).then(o.t.bind(o,5752,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-toggle"]],decls:3,vars:0,consts:[["header","Toggle","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","platforms","heading","Platforms",3,"content"],[1,"tui-space_bottom-4"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,y,14,1,"ng-template",1),r.yuY(2,E,9,2,"ng-template",2),r.C$Y())},dependencies:[p.e,d.u,u.E,m.u,g.I,b],encapsulation:2,changeDetection:0}),t})();o(23340);let x=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[n.y,n.sl,i.MD,c.O0,l.TuiNotificationModule,a.TuiPlatformModule,(0,s.If)(I)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/36952.3d5d966ee21d6555.js b/next/36952.82eca5bc4cd24ccf.js
similarity index 87%
rename from next/36952.3d5d966ee21d6555.js
rename to next/36952.82eca5bc4cd24ccf.js
index 6b2196e068fa..2eef90bc478b 100644
--- a/next/36952.3d5d966ee21d6555.js
+++ b/next/36952.82eca5bc4cd24ccf.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36952],{36952:n=>{n.exports="import {Component} from '@angular/core';\nimport {FormControl, FormGroup, Validators} from '@angular/forms';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\nimport {TUI_PASSWORD_TEXTS, tuiInputPasswordOptionsProvider} from '@taiga-ui/kit';\nimport {of} from 'rxjs';\n\n@Component({\n selector: 'tui-input-password-example-2',\n templateUrl: './index.html',\n encapsulation,\n changeDetection,\n providers: [\n tuiInputPasswordOptionsProvider({\n icons: {\n hide: 'tuiIconUnlockLarge',\n show: 'tuiIconLockLarge',\n },\n }),\n {\n provide: TUI_PASSWORD_TEXTS,\n useValue: of(['']),\n },\n ],\n})\nexport class TuiInputPasswordExample2 {\n testForm = new FormGroup({\n testValue: new FormControl('password', Validators.required),\n });\n}\n"}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36952],{36952:n=>{n.exports="import {Component} from '@angular/core';\nimport {FormControl, FormGroup, Validators} from '@angular/forms';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\nimport {TUI_PASSWORD_TEXTS, tuiInputPasswordOptionsProvider} from '@taiga-ui/kit';\nimport {of} from 'rxjs';\n\n@Component({\n selector: 'tui-input-password-example-2',\n templateUrl: './index.html',\n encapsulation,\n changeDetection,\n providers: [\n tuiInputPasswordOptionsProvider({\n icons: {\n hide: 'tuiIconLockLarge',\n show: 'tuiIconUnlockLarge',\n },\n }),\n {\n provide: TUI_PASSWORD_TEXTS,\n useValue: of(['']),\n },\n ],\n})\nexport class TuiInputPasswordExample2 {\n testForm = new FormGroup({\n testValue: new FormControl('password', Validators.required),\n });\n}\n"}}]);
\ No newline at end of file
diff --git a/next/36980.4d2e9c28dafdec2b.js b/next/36980.a18170929dee34b5.js
similarity index 99%
rename from next/36980.4d2e9c28dafdec2b.js
rename to next/36980.a18170929dee34b5.js
index 543072d29498..0d12a66a8978 100644
--- a/next/36980.4d2e9c28dafdec2b.js
+++ b/next/36980.a18170929dee34b5.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36980],{36980:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiCardLargeModule:()=>te});var a=i(86568),n=i(35856),u=i(752),r=i(27297),c=i(45328),l=i(62548),o=i(84788),s=i(6528),d=i(13692),p=i(34496),m=i(37288),R=i(83480),g=i(91576),I=i(15268),C=i(52132),f=i(26220),h=i(14028),b=i(54680),E=i(55412);let O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-1"]],decls:42,vars:0,consts:[["tuiPlatform","web"],["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCardLarge","","tuiSurface","elevated",1,"tui-space_top-4"],["tuiPlatform","ios"],["tuiAccessories",""],["tuiLink","",1,"label"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h4"),s.OEk(2,"Desktop"),s.C$Y(),s.I0R(3,"div",1)(4,"header",2)(5,"h2",3),s.OEk(6,"Header"),s.C$Y()(),s.I0R(7,"section"),s.OEk(8,"Replace me"),s.C$Y(),s.I0R(9,"footer")(10,"button",4),s.OEk(11," Label "),s.C$Y()()(),s.I0R(12,"div",5)(13,"header",2)(14,"h2",3),s.OEk(15,"Header"),s.C$Y()(),s.I0R(16,"section"),s.OEk(17,"Replace me"),s.C$Y()()(),s.I0R(18,"div",6)(19,"h4"),s.OEk(20,"iOS/Android"),s.C$Y(),s.I0R(21,"div",1)(22,"header",2)(23,"h2",3),s.OEk(24,"Header"),s.C$Y(),s.I0R(25,"aside",7)(26,"a",8),s.OEk(27," Label "),s.C$Y()()(),s.I0R(28,"section"),s.OEk(29,"Replace me"),s.C$Y(),s.I0R(30,"footer")(31,"button",4),s.OEk(32," Label "),s.C$Y()()(),s.I0R(33,"div",5)(34,"header",2)(35,"h2",3),s.OEk(36,"Header"),s.C$Y(),s.I0R(37,"aside",7)(38,"a",8),s.OEk(39," Label "),s.C$Y()()(),s.I0R(40,"section"),s.OEk(41,"Replace me"),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,b.o,E.C],styles:["section[_ngcontent-%COMP%]{display:flex;height:3.125rem;border-radius:.75rem;justify-content:center;align-items:center;color:var(--tui-base-06);border:1px dashed var(--tui-base-06)}.label[_ngcontent-%COMP%]{font:var(--tui-font-text-l)}"],changeDetection:0}),t})();var v=i(3088);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-2"]],decls:28,vars:0,consts:[["tuiPlatform","web"],["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["appearance","primary","src","tuiIconStar"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiPlatform","ios"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h4"),s.OEk(2,"Desktop"),s.C$Y(),s.I0R(3,"div",1)(4,"header",2)(5,"h1",3),s.OEk(6," Title "),s.I0R(7,"span",4),s.OEk(8,"Subtitle"),s.C$Y()(),s.I0R(9,"aside",5),s.wR5(10,"tui-avatar",6),s.C$Y()(),s.I0R(11,"footer")(12,"button",7),s.OEk(13," Label "),s.C$Y()()()(),s.I0R(14,"div",8)(15,"h4"),s.OEk(16,"iOS/Android"),s.C$Y(),s.I0R(17,"div",1)(18,"div",2)(19,"h2",3),s.OEk(20," Title "),s.I0R(21,"span",4),s.OEk(22,"Subtitle"),s.C$Y()(),s.I0R(23,"aside",5),s.wR5(24,"tui-avatar",6),s.C$Y()(),s.I0R(25,"footer")(26,"button",7),s.OEk(27," Label "),s.C$Y()()()())},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,b.o],encapsulation:2,changeDetection:0}),t})();var Y=i(69352),y=i(28520),$=i(12248);let x=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-3"]],decls:24,vars:0,consts:[["tuiCardLarge","","tuiHeader","","tuiSurface","elevated"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["appearance","primary","src","tuiIconStar"],["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],[1,"actions"],["icon","tuiIconStar","tuiAppearance","flat"]],template:function(e,t){1&e&&(s.I0R(0,"button",0)(1,"h1",1),s.OEk(2," Title "),s.I0R(3,"span",2),s.OEk(4,"Subtitle"),s.C$Y()(),s.I0R(5,"aside",3),s.wR5(6,"tui-avatar",4),s.C$Y()(),s.I0R(7,"button",5),s.wR5(8,"tui-avatar",4),s.I0R(9,"div",1),s.OEk(10," Title "),s.I0R(11,"div",2),s.OEk(12,"Description"),s.C$Y()()(),s.I0R(13,"section",6)(14,"button",0)(15,"h2",1),s.OEk(16,"Title"),s.C$Y(),s.I0R(17,"aside",3),s.wR5(18,"tui-icon",7),s.C$Y()(),s.I0R(19,"button",0)(20,"h2",1),s.OEk(21,"Title"),s.C$Y(),s.I0R(22,"aside",3),s.wR5(23,"tui-icon",7),s.C$Y()()())},dependencies:[v.I,g.u,I.c,C.e,Y.i,h.s,y.s,$.G],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.25rem;width:20rem}.actions[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}"],changeDetection:0}),t})();var T=i(34576);function S(e,t){1&e&&(s.I0R(0,"div",6),s.wR5(1,"tui-icon",7),s.I0R(2,"h2",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()())}let L=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-4"]],decls:11,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiCardMedium","","tuiSurface","flat",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCardMedium","","tuiSurface","flat"],["icon","tuiIconPlusSquareLarge",1,"plus"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.I0R(6,"section"),s.yuY(7,S,6,0,"div",4),s.C$Y(),s.I0R(8,"footer")(9,"button",5),s.OEk(10," Label "),s.C$Y()()()),2&e&&(s.yG2(7),s.E7m("tuiRepeatTimesOf",3))},dependencies:[g.u,g.s,I.c,C.e,Y.i,f.W,h.s,T._],styles:["section[_ngcontent-%COMP%]{display:flex;gap:.75rem;margin:0 -1.5rem;padding:0 1.5rem;overflow:scroll}.plus[_ngcontent-%COMP%]{background:var(--tui-primary);border-radius:.25rem;color:#fff}"],changeDetection:0}),t})();function w(e,t){1&e&&(s.I0R(0,"div",6),s.wR5(1,"tui-avatar",7),s.I0R(2,"div",2),s.OEk(3," Title "),s.I0R(4,"div",3),s.OEk(5,"Description"),s.C$Y()()())}let M=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-5"]],decls:10,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiCell","l",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCell","l"],["appearance","primary","src","tuiIconStar"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.yuY(6,w,6,0,"div",4),s.I0R(7,"footer")(8,"button",5),s.OEk(9," Label "),s.C$Y()()()),2&e&&(s.yG2(6),s.E7m("tuiRepeatTimesOf",3))},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,y.s,T._],encapsulation:2,changeDetection:0}),t})();function H(e,t){1&e&&(s.I0R(0,"div",7),s.wR5(1,"tui-avatar",8),s.I0R(2,"div",2),s.OEk(3," Title "),s.I0R(4,"div",3),s.OEk(5,"Description"),s.C$Y()()())}let D=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-6"]],decls:11,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],[1,"actions"],["tuiCell","l",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCell","l"],["appearance","primary","src","tuiIconStar"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.I0R(6,"section",4),s.yuY(7,H,6,0,"div",5),s.C$Y(),s.I0R(8,"footer")(9,"button",6),s.OEk(10," Label "),s.C$Y()()()),2&e&&(s.yG2(7),s.E7m("tuiRepeatTimesOf",6))},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,y.s,T._],styles:[".actions[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:inherit}"],changeDetection:0}),t})();var G=i(15119),P=i(8372),_=i(9220),A=i(70088),z=i(32612);function B(e,t){if(1&e&&(s.I0R(0,"tui-hosted-dropdown",7)(1,"button",8),s.wR5(2,"tui-avatar",9),s.I0R(3,"div",2),s.OEk(4," Title "),s.I0R(5,"div",3),s.OEk(6,"Description"),s.C$Y()(),s.wR5(7,"tui-icon",10),s.C$Y()()),2&e){s.GaO();const e=s.Gew(10);s.E7m("content",e)("sided",!0)}}function W(e,t){if(1&e&&(s.I0R(0,"button",13),s.OEk(1),s.C$Y()),2&e){const e=t.$implicit;s.yG2(1),s.oRS(" ",e," ")}}const F=function(){return["Edit","Download","Rename","Delete"]};function j(e,t){if(1&e){const e=s.KQA();s.I0R(0,"tui-data-list")(1,"tui-opt-group"),s.yuY(2,W,2,1,"button",11),s.C$Y(),s.I0R(3,"tui-opt-group")(4,"button",12),s.qCj("click",(function(){const t=s.usT(e).close;return s.CGJ(t())})),s.OEk(5," Nevermind "),s.C$Y()()()}2&e&&(s.yG2(2),s.E7m("ngForOf",s.q4q(1,F)))}let N=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-7"]],decls:11,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiDropdownAlign","right",3,"content","sided",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiLink","","type","button"],["dropdown",""],["tuiDropdownAlign","right",3,"content","sided"],["tuiCell","l"],["appearance","primary","src","tuiIconStar"],["icon","tuiIconChevronRightLarge","tuiAppearance","icon"],["tuiOption","",4,"ngFor","ngForOf"],["tuiOption","",3,"click"],["tuiOption",""]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.yuY(6,B,8,2,"tui-hosted-dropdown",4),s.I0R(7,"button",5),s.OEk(8," Show all "),s.C$Y()(),s.yuY(9,j,6,2,"ng-template",null,6,s.gJz)),2&e&&(s.yG2(6),s.E7m("tuiRepeatTimesOf",3))},dependencies:[a.ay,v.I,g.u,I.c,C.e,Y.i,h.s,y.s,T._,G.y,P.s,_.a,A.Q,z.oF,E.C,$.G],styles:[".actions[_ngcontent-%COMP%]{display:flex;flex-direction:column}"],changeDetection:0}),t})(),q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-8"]],decls:21,vars:0,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiCell",""],["appearance","primary","src","tuiIconStar"],["tuiSubtitle",""],["appearance","secondary","size","m","tuiButton","","type","button"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h2",2),s.OEk(3,"Title"),s.C$Y()(),s.I0R(4,"div",3),s.wR5(5,"tui-avatar",4),s.I0R(6,"div",2),s.OEk(7," Title "),s.I0R(8,"div",5),s.OEk(9,"Description"),s.C$Y()()(),s.I0R(10,"footer")(11,"button",6),s.OEk(12," Label "),s.C$Y()()(),s.I0R(13,"div",0)(14,"header",1)(15,"h2",2),s.OEk(16,"Title"),s.C$Y()(),s.OEk(17," Some text "),s.I0R(18,"footer")(19,"button",6),s.OEk(20," Label "),s.C$Y()()())},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,y.s],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:30rem}"],changeDetection:0}),t})(),J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-9"]],decls:11,vars:0,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["height","450","loading","lazy","src","https://yandex.ru/map-widget/v1/?um=constructor%3A0ff7188173ceeea1b3c1d5b2ebeaca63ceb70dc60ebc79513c51bb855356a6ac&source=constructor","title","map","width","100%",1,"map"],["appearance","secondary","size","m","tuiButton","","type","button"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.I0R(6,"section"),s.wR5(7,"iframe",4),s.C$Y(),s.I0R(8,"footer")(9,"button",5),s.OEk(10," Label "),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s],encapsulation:2,changeDetection:0}),t})();var K=i(75296);let Q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-10"]],decls:8,vars:0,consts:[["tuiCardLarge","","tuiHeader","","tuiSurface","elevated",1,"image"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["appearance","glass","tuiButtonClose","","tuiIconButton",""]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h1",1),s.OEk(2," Title "),s.I0R(3,"span",2),s.OEk(4,"Subtitle"),s.C$Y()(),s.I0R(5,"aside",3)(6,"button",4),s.OEk(7," Close "),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,K.k],styles:[".image[_ngcontent-%COMP%]{background:url(/assets/images/illustration.jpg) no-repeat top right / 250%}"],changeDetection:0}),t})(),X=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-11"]],decls:8,vars:0,consts:[["tuiCardLarge","","tuiHeader","","tuiSurface","elevated","tuiTheme","night",1,"image"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories","","tuiTheme","light"],["appearance","glass","tuiButtonClose","","tuiIconButton",""]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h1",1),s.OEk(2," Title "),s.I0R(3,"span",2),s.OEk(4,"Subtitle"),s.C$Y()(),s.I0R(5,"aside",3)(6,"button",4),s.OEk(7," Close "),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,K.k],styles:[".image[_ngcontent-%COMP%]{background:url(/assets/images/road-illustration.jpg) no-repeat center / cover}.image[_ngcontent-%COMP%]:before{background:rgba(0,0,0,.5)}"],changeDetection:0}),t})(),U=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-12"]],decls:42,vars:0,consts:[["tuiPlatform","web"],["tuiCardLarge","normal","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCardLarge","compact","tuiSurface","elevated",1,"tui-space_top-4"],["tuiPlatform","ios"],["tuiHeader","xs"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h4"),s.OEk(2,"Desktop"),s.C$Y(),s.I0R(3,"div",1)(4,"header",2)(5,"h2",3),s.OEk(6," Normal "),s.I0R(7,"span",4),s.OEk(8,"Radius: 24, padding: 24/20"),s.C$Y()()(),s.I0R(9,"footer")(10,"button",5),s.OEk(11," Label "),s.C$Y()()(),s.I0R(12,"div",6)(13,"header",2)(14,"h2",3),s.OEk(15," Compact "),s.I0R(16,"span",4),s.OEk(17,"Radius: 16, padding: 20/16"),s.C$Y()()(),s.I0R(18,"footer")(19,"button",5),s.OEk(20," Label "),s.C$Y()()()(),s.I0R(21,"div",7)(22,"h4"),s.OEk(23,"iOS/Android"),s.C$Y(),s.I0R(24,"div",1)(25,"header",8)(26,"h2",3),s.OEk(27," Normal "),s.I0R(28,"span",4),s.OEk(29,"Radius: 24, padding: 20/16"),s.C$Y()()(),s.I0R(30,"footer")(31,"button",5),s.OEk(32," Label "),s.C$Y()()(),s.I0R(33,"div",6)(34,"header",8)(35,"h2",3),s.OEk(36," Compact "),s.I0R(37,"span",4),s.OEk(38,"Radius: 16, padding: 16/14"),s.C$Y()()(),s.I0R(39,"footer")(40,"button",5),s.OEk(41," Label "),s.C$Y()()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,b.o],encapsulation:2,changeDetection:0}),t})();function V(e,t){if(1&e&&(s.I0R(0,"tui-doc-example",3),s.wR5(1,"tui-card-large-example-1"),s.C$Y(),s.I0R(2,"tui-doc-example",4),s.wR5(3,"tui-card-large-example-2"),s.C$Y(),s.I0R(4,"tui-doc-example",5),s.wR5(5,"tui-card-large-example-3"),s.C$Y(),s.I0R(6,"tui-doc-example",6),s.wR5(7,"tui-card-large-example-4"),s.C$Y(),s.I0R(8,"tui-doc-example",7),s.wR5(9,"tui-card-large-example-5"),s.C$Y(),s.I0R(10,"tui-doc-example",8),s.wR5(11,"tui-card-large-example-6"),s.C$Y(),s.I0R(12,"tui-doc-example",9),s.wR5(13,"tui-card-large-example-7"),s.C$Y(),s.I0R(14,"tui-doc-example",10),s.wR5(15,"tui-card-large-example-8"),s.C$Y(),s.I0R(16,"tui-doc-example",11),s.wR5(17,"tui-card-large-example-9"),s.C$Y(),s.I0R(18,"tui-doc-example",12),s.wR5(19,"tui-card-large-example-10"),s.C$Y(),s.I0R(20,"tui-doc-example",13),s.wR5(21,"tui-card-large-example-11"),s.C$Y(),s.I0R(22,"tui-doc-example",14),s.wR5(23,"tui-card-large-example-12"),s.C$Y()),2&e){const e=s.GaO();s.E7m("content",e.example1),s.yG2(2),s.E7m("content",e.example2),s.yG2(2),s.E7m("content",e.example3),s.yG2(2),s.E7m("content",e.example4),s.yG2(2),s.E7m("content",e.example5),s.yG2(2),s.E7m("content",e.example6)("fullsize",!0),s.yG2(2),s.E7m("content",e.example7),s.yG2(2),s.E7m("content",e.example8),s.yG2(2),s.E7m("content",e.example9)("fullsize",!0),s.yG2(2),s.E7m("content",e.example10),s.yG2(2),s.E7m("content",e.example11),s.yG2(2),s.E7m("content",e.example12)}}function Z(e,t){if(1&e&&(s.I0R(0,"ol",15)(1,"li")(2,"p"),s.OEk(3,"Import module:"),s.C$Y(),s.wR5(4,"tui-doc-code",16),s.C$Y(),s.I0R(5,"li")(6,"p"),s.OEk(7,"Add to the template:"),s.C$Y(),s.wR5(8,"tui-doc-code",17),s.C$Y()()),2&e){const e=s.GaO();s.yG2(4),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let ee=(()=>{var e;class t{constructor(){this.exampleModule=i.e(94228).then(i.t.bind(i,94228,17)),this.exampleHtml=i.e(45680).then(i.t.bind(i,45680,17)),this.example1={HTML:i.e(81208).then(i.t.bind(i,81208,17)),LESS:i.e(14420).then(i.t.bind(i,14420,17))},this.example2={HTML:i.e(6964).then(i.t.bind(i,29344,17))},this.example3={HTML:i.e(32748).then(i.t.bind(i,32748,17)),LESS:i.e(50952).then(i.t.bind(i,50952,17))},this.example4={HTML:i.e(18879).then(i.t.bind(i,18879,17)),LESS:i.e(18104).then(i.t.bind(i,18104,17))},this.example5={HTML:i.e(79230).then(i.t.bind(i,79230,17))},this.example6={HTML:i.e(47336).then(i.t.bind(i,47336,17)),LESS:i.e(19330).then(i.t.bind(i,19330,17))},this.example7={HTML:i.e(67972).then(i.t.bind(i,45592,17)),LESS:i.e(98940).then(i.t.bind(i,98940,17))},this.example8={HTML:i.e(57691).then(i.t.bind(i,80072,17))},this.example9={HTML:i.e(67643).then(i.t.bind(i,67643,17))},this.example10={HTML:i.e(73472).then(i.t.bind(i,73472,17)),LESS:i.e(68568).then(i.t.bind(i,46188,17))},this.example11={HTML:i.e(53828).then(i.t.bind(i,53828,17)),LESS:i.e(85184).then(i.t.bind(i,85184,17))},this.example12={HTML:i.e(30236).then(i.t.bind(i,30236,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-card"]],decls:3,vars:0,consts:[["header","CardLarge","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["id","basic","heading","Basic",3,"content"],["id","cell-avatar","heading","Avatar",3,"content"],["id","single","heading","Single item",3,"content"],["id","cards-list","heading","Cards List",3,"content"],["id","cell-list","heading","Cell List",3,"content"],["id","cell-list-columns","heading","Cell List (2 columns)",3,"content","fullsize"],["id","cell-list-headless","heading","Cell List (actions)",3,"content"],["id","align","heading","Footer alignment",3,"content"],["id","map","heading","Map",3,"content","fullsize"],["id","image","heading","Image",3,"content"],["id","image-dark","heading","Image-dark",3,"content"],["id","paddings","heading","Paddings and radiuses",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.I0R(0,"tui-doc-page",0),s.yuY(1,V,24,14,"ng-template",1),s.yuY(2,Z,9,2,"ng-template",2),s.C$Y())},dependencies:[d.u,p.E,m.u,R.I,O,k,x,L,M,D,N,q,J,Q,X,U],encapsulation:2,changeDetection:0}),t})();i(23340);let te=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[a.MD,o.W4,o.g3,o.iS,l.TuiNotificationModule,o.o3,o.mC,o.kD,o.kF,l.TuiSvgModule,o._M,o.CA,l.TuiScrollbarModule,l.TuiHintModule,n.y,r.TuiRippleModule,o.iK,o.C,o.CI,o.yk,(0,u.If)(ee),c.TuiRepeatTimesModule,l.TuiDataListModule,l.TuiHostedDropdownModule,o.n5,c.TuiPlatformModule,l.TuiLinkModule]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[36980],{36980:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiCardLargeModule:()=>te});var a=i(86568),n=i(35856),u=i(752),r=i(27297),c=i(45328),l=i(62548),o=i(37304),s=i(6528),d=i(13692),p=i(34496),m=i(37288),R=i(83480),g=i(91576),I=i(15268),C=i(52132),f=i(26220),h=i(14028),b=i(54680),E=i(55412);let O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-1"]],decls:42,vars:0,consts:[["tuiPlatform","web"],["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCardLarge","","tuiSurface","elevated",1,"tui-space_top-4"],["tuiPlatform","ios"],["tuiAccessories",""],["tuiLink","",1,"label"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h4"),s.OEk(2,"Desktop"),s.C$Y(),s.I0R(3,"div",1)(4,"header",2)(5,"h2",3),s.OEk(6,"Header"),s.C$Y()(),s.I0R(7,"section"),s.OEk(8,"Replace me"),s.C$Y(),s.I0R(9,"footer")(10,"button",4),s.OEk(11," Label "),s.C$Y()()(),s.I0R(12,"div",5)(13,"header",2)(14,"h2",3),s.OEk(15,"Header"),s.C$Y()(),s.I0R(16,"section"),s.OEk(17,"Replace me"),s.C$Y()()(),s.I0R(18,"div",6)(19,"h4"),s.OEk(20,"iOS/Android"),s.C$Y(),s.I0R(21,"div",1)(22,"header",2)(23,"h2",3),s.OEk(24,"Header"),s.C$Y(),s.I0R(25,"aside",7)(26,"a",8),s.OEk(27," Label "),s.C$Y()()(),s.I0R(28,"section"),s.OEk(29,"Replace me"),s.C$Y(),s.I0R(30,"footer")(31,"button",4),s.OEk(32," Label "),s.C$Y()()(),s.I0R(33,"div",5)(34,"header",2)(35,"h2",3),s.OEk(36,"Header"),s.C$Y(),s.I0R(37,"aside",7)(38,"a",8),s.OEk(39," Label "),s.C$Y()()(),s.I0R(40,"section"),s.OEk(41,"Replace me"),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,b.o,E.C],styles:["section[_ngcontent-%COMP%]{display:flex;height:3.125rem;border-radius:.75rem;justify-content:center;align-items:center;color:var(--tui-base-06);border:1px dashed var(--tui-base-06)}.label[_ngcontent-%COMP%]{font:var(--tui-font-text-l)}"],changeDetection:0}),t})();var v=i(3088);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-2"]],decls:28,vars:0,consts:[["tuiPlatform","web"],["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["appearance","primary","src","tuiIconStar"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiPlatform","ios"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h4"),s.OEk(2,"Desktop"),s.C$Y(),s.I0R(3,"div",1)(4,"header",2)(5,"h1",3),s.OEk(6," Title "),s.I0R(7,"span",4),s.OEk(8,"Subtitle"),s.C$Y()(),s.I0R(9,"aside",5),s.wR5(10,"tui-avatar",6),s.C$Y()(),s.I0R(11,"footer")(12,"button",7),s.OEk(13," Label "),s.C$Y()()()(),s.I0R(14,"div",8)(15,"h4"),s.OEk(16,"iOS/Android"),s.C$Y(),s.I0R(17,"div",1)(18,"div",2)(19,"h2",3),s.OEk(20," Title "),s.I0R(21,"span",4),s.OEk(22,"Subtitle"),s.C$Y()(),s.I0R(23,"aside",5),s.wR5(24,"tui-avatar",6),s.C$Y()(),s.I0R(25,"footer")(26,"button",7),s.OEk(27," Label "),s.C$Y()()()())},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,b.o],encapsulation:2,changeDetection:0}),t})();var Y=i(69352),y=i(28520),$=i(12248);let x=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-3"]],decls:24,vars:0,consts:[["tuiCardLarge","","tuiHeader","","tuiSurface","elevated"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["appearance","primary","src","tuiIconStar"],["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],[1,"actions"],["icon","tuiIconStar","tuiAppearance","flat"]],template:function(e,t){1&e&&(s.I0R(0,"button",0)(1,"h1",1),s.OEk(2," Title "),s.I0R(3,"span",2),s.OEk(4,"Subtitle"),s.C$Y()(),s.I0R(5,"aside",3),s.wR5(6,"tui-avatar",4),s.C$Y()(),s.I0R(7,"button",5),s.wR5(8,"tui-avatar",4),s.I0R(9,"div",1),s.OEk(10," Title "),s.I0R(11,"div",2),s.OEk(12,"Description"),s.C$Y()()(),s.I0R(13,"section",6)(14,"button",0)(15,"h2",1),s.OEk(16,"Title"),s.C$Y(),s.I0R(17,"aside",3),s.wR5(18,"tui-icon",7),s.C$Y()(),s.I0R(19,"button",0)(20,"h2",1),s.OEk(21,"Title"),s.C$Y(),s.I0R(22,"aside",3),s.wR5(23,"tui-icon",7),s.C$Y()()())},dependencies:[v.I,g.u,I.c,C.e,Y.i,h.s,y.s,$.G],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1.25rem;width:20rem}.actions[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}"],changeDetection:0}),t})();var T=i(34576);function S(e,t){1&e&&(s.I0R(0,"div",6),s.wR5(1,"tui-icon",7),s.I0R(2,"h2",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()())}let L=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-4"]],decls:11,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiCardMedium","","tuiSurface","flat",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCardMedium","","tuiSurface","flat"],["icon","tuiIconPlusSquareLarge",1,"plus"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.I0R(6,"section"),s.yuY(7,S,6,0,"div",4),s.C$Y(),s.I0R(8,"footer")(9,"button",5),s.OEk(10," Label "),s.C$Y()()()),2&e&&(s.yG2(7),s.E7m("tuiRepeatTimesOf",3))},dependencies:[g.u,g.s,I.c,C.e,Y.i,f.W,h.s,T._],styles:["section[_ngcontent-%COMP%]{display:flex;gap:.75rem;margin:0 -1.5rem;padding:0 1.5rem;overflow:scroll}.plus[_ngcontent-%COMP%]{background:var(--tui-primary);border-radius:.25rem;color:#fff}"],changeDetection:0}),t})();function w(e,t){1&e&&(s.I0R(0,"div",6),s.wR5(1,"tui-avatar",7),s.I0R(2,"div",2),s.OEk(3," Title "),s.I0R(4,"div",3),s.OEk(5,"Description"),s.C$Y()()())}let M=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-5"]],decls:10,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiCell","l",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCell","l"],["appearance","primary","src","tuiIconStar"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.yuY(6,w,6,0,"div",4),s.I0R(7,"footer")(8,"button",5),s.OEk(9," Label "),s.C$Y()()()),2&e&&(s.yG2(6),s.E7m("tuiRepeatTimesOf",3))},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,y.s,T._],encapsulation:2,changeDetection:0}),t})();function H(e,t){1&e&&(s.I0R(0,"div",7),s.wR5(1,"tui-avatar",8),s.I0R(2,"div",2),s.OEk(3," Title "),s.I0R(4,"div",3),s.OEk(5,"Description"),s.C$Y()()())}let D=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-6"]],decls:11,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],[1,"actions"],["tuiCell","l",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCell","l"],["appearance","primary","src","tuiIconStar"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.I0R(6,"section",4),s.yuY(7,H,6,0,"div",5),s.C$Y(),s.I0R(8,"footer")(9,"button",6),s.OEk(10," Label "),s.C$Y()()()),2&e&&(s.yG2(7),s.E7m("tuiRepeatTimesOf",6))},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,y.s,T._],styles:[".actions[_ngcontent-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:inherit}"],changeDetection:0}),t})();var G=i(15119),P=i(8372),_=i(9220),A=i(70088),z=i(32612);function B(e,t){if(1&e&&(s.I0R(0,"tui-hosted-dropdown",7)(1,"button",8),s.wR5(2,"tui-avatar",9),s.I0R(3,"div",2),s.OEk(4," Title "),s.I0R(5,"div",3),s.OEk(6,"Description"),s.C$Y()(),s.wR5(7,"tui-icon",10),s.C$Y()()),2&e){s.GaO();const e=s.Gew(10);s.E7m("content",e)("sided",!0)}}function W(e,t){if(1&e&&(s.I0R(0,"button",13),s.OEk(1),s.C$Y()),2&e){const e=t.$implicit;s.yG2(1),s.oRS(" ",e," ")}}const F=function(){return["Edit","Download","Rename","Delete"]};function j(e,t){if(1&e){const e=s.KQA();s.I0R(0,"tui-data-list")(1,"tui-opt-group"),s.yuY(2,W,2,1,"button",11),s.C$Y(),s.I0R(3,"tui-opt-group")(4,"button",12),s.qCj("click",(function(){const t=s.usT(e).close;return s.CGJ(t())})),s.OEk(5," Nevermind "),s.C$Y()()()}2&e&&(s.yG2(2),s.E7m("ngForOf",s.q4q(1,F)))}let N=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-7"]],decls:11,vars:1,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["tuiDropdownAlign","right",3,"content","sided",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiLink","","type","button"],["dropdown",""],["tuiDropdownAlign","right",3,"content","sided"],["tuiCell","l"],["appearance","primary","src","tuiIconStar"],["icon","tuiIconChevronRightLarge","tuiAppearance","icon"],["tuiOption","",4,"ngFor","ngForOf"],["tuiOption","",3,"click"],["tuiOption",""]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.yuY(6,B,8,2,"tui-hosted-dropdown",4),s.I0R(7,"button",5),s.OEk(8," Show all "),s.C$Y()(),s.yuY(9,j,6,2,"ng-template",null,6,s.gJz)),2&e&&(s.yG2(6),s.E7m("tuiRepeatTimesOf",3))},dependencies:[a.ay,v.I,g.u,I.c,C.e,Y.i,h.s,y.s,T._,G.y,P.s,_.a,A.Q,z.oF,E.C,$.G],styles:[".actions[_ngcontent-%COMP%]{display:flex;flex-direction:column}"],changeDetection:0}),t})(),q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-8"]],decls:21,vars:0,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiCell",""],["appearance","primary","src","tuiIconStar"],["tuiSubtitle",""],["appearance","secondary","size","m","tuiButton","","type","button"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h2",2),s.OEk(3,"Title"),s.C$Y()(),s.I0R(4,"div",3),s.wR5(5,"tui-avatar",4),s.I0R(6,"div",2),s.OEk(7," Title "),s.I0R(8,"div",5),s.OEk(9,"Description"),s.C$Y()()(),s.I0R(10,"footer")(11,"button",6),s.OEk(12," Label "),s.C$Y()()(),s.I0R(13,"div",0)(14,"header",1)(15,"h2",2),s.OEk(16,"Title"),s.C$Y()(),s.OEk(17," Some text "),s.I0R(18,"footer")(19,"button",6),s.OEk(20," Label "),s.C$Y()()())},dependencies:[v.I,g.u,I.c,C.e,f.W,h.s,y.s],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:30rem}"],changeDetection:0}),t})(),J=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-9"]],decls:11,vars:0,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["height","450","loading","lazy","src","https://yandex.ru/map-widget/v1/?um=constructor%3A0ff7188173ceeea1b3c1d5b2ebeaca63ceb70dc60ebc79513c51bb855356a6ac&source=constructor","title","map","width","100%",1,"map"],["appearance","secondary","size","m","tuiButton","","type","button"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"header",1)(2,"h1",2),s.OEk(3," Title "),s.I0R(4,"span",3),s.OEk(5,"Subtitle"),s.C$Y()()(),s.I0R(6,"section"),s.wR5(7,"iframe",4),s.C$Y(),s.I0R(8,"footer")(9,"button",5),s.OEk(10," Label "),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s],encapsulation:2,changeDetection:0}),t})();var K=i(75296);let Q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-10"]],decls:8,vars:0,consts:[["tuiCardLarge","","tuiHeader","","tuiSurface","elevated",1,"image"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["appearance","glass","tuiButtonClose","","tuiIconButton",""]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h1",1),s.OEk(2," Title "),s.I0R(3,"span",2),s.OEk(4,"Subtitle"),s.C$Y()(),s.I0R(5,"aside",3)(6,"button",4),s.OEk(7," Close "),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,K.k],styles:[".image[_ngcontent-%COMP%]{background:url(/assets/images/illustration.jpg) no-repeat top right / 250%}"],changeDetection:0}),t})(),X=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-11"]],decls:8,vars:0,consts:[["tuiCardLarge","","tuiHeader","","tuiSurface","elevated","tuiTheme","night",1,"image"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories","","tuiTheme","light"],["appearance","glass","tuiButtonClose","","tuiIconButton",""]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h1",1),s.OEk(2," Title "),s.I0R(3,"span",2),s.OEk(4,"Subtitle"),s.C$Y()(),s.I0R(5,"aside",3)(6,"button",4),s.OEk(7," Close "),s.C$Y()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,K.k],styles:[".image[_ngcontent-%COMP%]{background:url(/assets/images/road-illustration.jpg) no-repeat center / cover}.image[_ngcontent-%COMP%]:before{background:rgba(0,0,0,.5)}"],changeDetection:0}),t})(),U=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-card-large-example-12"]],decls:42,vars:0,consts:[["tuiPlatform","web"],["tuiCardLarge","normal","tuiSurface","elevated"],["tuiHeader",""],["tuiTitle",""],["tuiSubtitle",""],["appearance","secondary","size","m","tuiButton","","type","button"],["tuiCardLarge","compact","tuiSurface","elevated",1,"tui-space_top-4"],["tuiPlatform","ios"],["tuiHeader","xs"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"h4"),s.OEk(2,"Desktop"),s.C$Y(),s.I0R(3,"div",1)(4,"header",2)(5,"h2",3),s.OEk(6," Normal "),s.I0R(7,"span",4),s.OEk(8,"Radius: 24, padding: 24/20"),s.C$Y()()(),s.I0R(9,"footer")(10,"button",5),s.OEk(11," Label "),s.C$Y()()(),s.I0R(12,"div",6)(13,"header",2)(14,"h2",3),s.OEk(15," Compact "),s.I0R(16,"span",4),s.OEk(17,"Radius: 16, padding: 20/16"),s.C$Y()()(),s.I0R(18,"footer")(19,"button",5),s.OEk(20," Label "),s.C$Y()()()(),s.I0R(21,"div",7)(22,"h4"),s.OEk(23,"iOS/Android"),s.C$Y(),s.I0R(24,"div",1)(25,"header",8)(26,"h2",3),s.OEk(27," Normal "),s.I0R(28,"span",4),s.OEk(29,"Radius: 24, padding: 20/16"),s.C$Y()()(),s.I0R(30,"footer")(31,"button",5),s.OEk(32," Label "),s.C$Y()()(),s.I0R(33,"div",6)(34,"header",8)(35,"h2",3),s.OEk(36," Compact "),s.I0R(37,"span",4),s.OEk(38,"Radius: 16, padding: 16/14"),s.C$Y()()(),s.I0R(39,"footer")(40,"button",5),s.OEk(41," Label "),s.C$Y()()()())},dependencies:[g.u,I.c,C.e,f.W,h.s,b.o],encapsulation:2,changeDetection:0}),t})();function V(e,t){if(1&e&&(s.I0R(0,"tui-doc-example",3),s.wR5(1,"tui-card-large-example-1"),s.C$Y(),s.I0R(2,"tui-doc-example",4),s.wR5(3,"tui-card-large-example-2"),s.C$Y(),s.I0R(4,"tui-doc-example",5),s.wR5(5,"tui-card-large-example-3"),s.C$Y(),s.I0R(6,"tui-doc-example",6),s.wR5(7,"tui-card-large-example-4"),s.C$Y(),s.I0R(8,"tui-doc-example",7),s.wR5(9,"tui-card-large-example-5"),s.C$Y(),s.I0R(10,"tui-doc-example",8),s.wR5(11,"tui-card-large-example-6"),s.C$Y(),s.I0R(12,"tui-doc-example",9),s.wR5(13,"tui-card-large-example-7"),s.C$Y(),s.I0R(14,"tui-doc-example",10),s.wR5(15,"tui-card-large-example-8"),s.C$Y(),s.I0R(16,"tui-doc-example",11),s.wR5(17,"tui-card-large-example-9"),s.C$Y(),s.I0R(18,"tui-doc-example",12),s.wR5(19,"tui-card-large-example-10"),s.C$Y(),s.I0R(20,"tui-doc-example",13),s.wR5(21,"tui-card-large-example-11"),s.C$Y(),s.I0R(22,"tui-doc-example",14),s.wR5(23,"tui-card-large-example-12"),s.C$Y()),2&e){const e=s.GaO();s.E7m("content",e.example1),s.yG2(2),s.E7m("content",e.example2),s.yG2(2),s.E7m("content",e.example3),s.yG2(2),s.E7m("content",e.example4),s.yG2(2),s.E7m("content",e.example5),s.yG2(2),s.E7m("content",e.example6)("fullsize",!0),s.yG2(2),s.E7m("content",e.example7),s.yG2(2),s.E7m("content",e.example8),s.yG2(2),s.E7m("content",e.example9)("fullsize",!0),s.yG2(2),s.E7m("content",e.example10),s.yG2(2),s.E7m("content",e.example11),s.yG2(2),s.E7m("content",e.example12)}}function Z(e,t){if(1&e&&(s.I0R(0,"ol",15)(1,"li")(2,"p"),s.OEk(3,"Import module:"),s.C$Y(),s.wR5(4,"tui-doc-code",16),s.C$Y(),s.I0R(5,"li")(6,"p"),s.OEk(7,"Add to the template:"),s.C$Y(),s.wR5(8,"tui-doc-code",17),s.C$Y()()),2&e){const e=s.GaO();s.yG2(4),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let ee=(()=>{var e;class t{constructor(){this.exampleModule=i.e(94228).then(i.t.bind(i,94228,17)),this.exampleHtml=i.e(45680).then(i.t.bind(i,45680,17)),this.example1={HTML:i.e(81208).then(i.t.bind(i,81208,17)),LESS:i.e(14420).then(i.t.bind(i,14420,17))},this.example2={HTML:i.e(6964).then(i.t.bind(i,29344,17))},this.example3={HTML:i.e(32748).then(i.t.bind(i,32748,17)),LESS:i.e(50952).then(i.t.bind(i,50952,17))},this.example4={HTML:i.e(18879).then(i.t.bind(i,18879,17)),LESS:i.e(18104).then(i.t.bind(i,18104,17))},this.example5={HTML:i.e(79230).then(i.t.bind(i,79230,17))},this.example6={HTML:i.e(47336).then(i.t.bind(i,47336,17)),LESS:i.e(19330).then(i.t.bind(i,19330,17))},this.example7={HTML:i.e(67972).then(i.t.bind(i,45592,17)),LESS:i.e(98940).then(i.t.bind(i,98940,17))},this.example8={HTML:i.e(57691).then(i.t.bind(i,80072,17))},this.example9={HTML:i.e(67643).then(i.t.bind(i,67643,17))},this.example10={HTML:i.e(73472).then(i.t.bind(i,73472,17)),LESS:i.e(68568).then(i.t.bind(i,46188,17))},this.example11={HTML:i.e(53828).then(i.t.bind(i,53828,17)),LESS:i.e(85184).then(i.t.bind(i,85184,17))},this.example12={HTML:i.e(30236).then(i.t.bind(i,30236,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-card"]],decls:3,vars:0,consts:[["header","CardLarge","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["id","basic","heading","Basic",3,"content"],["id","cell-avatar","heading","Avatar",3,"content"],["id","single","heading","Single item",3,"content"],["id","cards-list","heading","Cards List",3,"content"],["id","cell-list","heading","Cell List",3,"content"],["id","cell-list-columns","heading","Cell List (2 columns)",3,"content","fullsize"],["id","cell-list-headless","heading","Cell List (actions)",3,"content"],["id","align","heading","Footer alignment",3,"content"],["id","map","heading","Map",3,"content","fullsize"],["id","image","heading","Image",3,"content"],["id","image-dark","heading","Image-dark",3,"content"],["id","paddings","heading","Paddings and radiuses",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.I0R(0,"tui-doc-page",0),s.yuY(1,V,24,14,"ng-template",1),s.yuY(2,Z,9,2,"ng-template",2),s.C$Y())},dependencies:[d.u,p.E,m.u,R.I,O,k,x,L,M,D,N,q,J,Q,X,U],encapsulation:2,changeDetection:0}),t})();i(23340);let te=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[a.MD,o.W4,o.g3,o.iS,l.TuiNotificationModule,o.o3,o.mC,o.kD,o.kF,l.TuiSvgModule,o._M,o.CA,l.TuiScrollbarModule,l.TuiHintModule,n.y,r.TuiRippleModule,o.iK,o.C,o.CI,o.yk,(0,u.If)(ee),c.TuiRepeatTimesModule,l.TuiDataListModule,l.TuiHostedDropdownModule,o.n5,c.TuiPlatformModule,l.TuiLinkModule]}),t})()}}]);
\ No newline at end of file
diff --git a/next/84788.9d9a6f168ab9e6cf.js b/next/37304.f9d3fc807e2afc8a.js
similarity index 62%
rename from next/84788.9d9a6f168ab9e6cf.js
rename to next/37304.f9d3fc807e2afc8a.js
index 55f66b28b531..2d6186de9668 100644
--- a/next/84788.9d9a6f168ab9e6cf.js
+++ b/next/37304.f9d3fc807e2afc8a.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[84788],{72512:(t,e,i)=>{i.d(e,{A:()=>r});var n=i(6528);const a=["*"];let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-avatar-labeled"]],standalone:!0,features:[n.UHJ],ngContentSelectors:a,decls:1,vars:0,template:function(t,e){1&t&&(n.kPM(),n._Xx(0))},styles:["tui-avatar-labeled{display:flex;width:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem}tui-avatar-labeled tui-avatar{margin-bottom:.375rem}tui-avatar-labeled [tuiFade]{width:calc(100% + 1rem)}\n"],encapsulation:2,changeDetection:0}),e})()},3088:(t,e,i)=>{i.d(e,{I:()=>p});var n=i(45328),a=i(62548),r=i(6500),o=i(6528),s=i(86568),c=i(21760);function u(t,e){if(1&t&&o.wR5(0,"img",4),2&t){const t=o.GaO();o.E7m("src",t.value,o.K6U)}}function l(t,e){if(1&t&&(o.SAx(0),o.OEk(1),o.k70()),2&t){const t=o.GaO();o.yG2(1),o.cNF(t.value)}}function d(t,e){1&t&&(o.SAx(0),o._Xx(1),o.k70())}const h=["*"];let p=(()=>{var t;class e{constructor(t,e){this.options=t,this.resolver=e,this.size=this.options.size,this.round=this.options.round,this.src=null}get value(){return this.src||""}get type(){return this.value&&!(0,n.tuiIsString)(this.value)?"img":this.value.startsWith("tuiIcon")||this.value.endsWith(".svg")?"icon":this.value.length>0&&this.value.length<3?"text":this.value.length?"img":"content"}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(r.sr),o.GI1(a.TUI_ICON_RESOLVER))},t.ɵcmp=o.In1({type:t,selectors:[["tui-avatar"]],hostVars:6,hostBindings:function(t,e){2&t&&(o.e48("data-size",e.size)("data-type",e.type),o.m4B("--t-mask","url("+e.resolver(e.src)+")"),o.eAK("_round",e.round))},inputs:{size:"size",round:"round",src:"src"},features:[o.M5G([(0,a.tuiAppearanceOptionsProvider)(r.sr)]),o.GW$([{directive:a.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]}])],ngContentSelectors:h,decls:4,vars:3,consts:[[3,"ngSwitch"],["alt","","loading","lazy",3,"src",4,"ngSwitchCase"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],["alt","","loading","lazy",3,"src"]],template:function(t,e){1&t&&(o.kPM(),o.SAx(0,0),o.yuY(1,u,1,1,"img",1),o.yuY(2,l,2,1,"ng-container",2),o.yuY(3,d,2,0,"ng-container",3),o.k70()),2&t&&(o.E7m("ngSwitch",e.type),o.yG2(1),o.E7m("ngSwitchCase","img"),o.yG2(1),o.E7m("ngSwitchCase","text"))},dependencies:[s.Ko,s.Wm,s.UZ,c.i],styles:['[_nghost-%COMP%]{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}[data-size=xxs][_nghost-%COMP%]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}[data-size=xxs][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-size:.5625rem}[data-size=xs][_nghost-%COMP%]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}[data-size=xs][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-xs);font-weight:700}[data-size=s][_nghost-%COMP%]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}[data-size=s][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-weight:700}[data-size=m][_nghost-%COMP%]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}[data-size=m][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-l);font-weight:700}[data-size=l][_nghost-%COMP%]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}[data-size=l][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-4)}[data-size=xl][_nghost-%COMP%]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[data-size=xl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-size=xxl][_nghost-%COMP%]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}[data-size=xxl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-type=img][_nghost-%COMP%]{background:transparent}[data-type=icon][_nghost-%COMP%]:before{content:""}._round[_nghost-%COMP%]{--t-radius: calc(var(--t-size) / 2)}[_nghost-%COMP%] img, [_nghost-%COMP%] picture, [_nghost-%COMP%] video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}'],changeDetection:0}),e})()},6500:(t,e,i)=>{i.d(e,{QW:()=>o,sr:()=>r});var n=i(45328);const a={appearance:"",round:!0,size:"m"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},79415:(t,e,i)=>{i.d(e,{CA:()=>s,QW:()=>c.QW}),i(3088);var n=i(86568),a=i(18208),r=i(33976),o=i(6528);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=o.a4G({type:t}),t.ɵinj=o.s3X({imports:[n.MD,a.C,r.TuiLazyLoadingModule]}),e})();var c=i(6500)},67156:(t,e,i)=>{i.d(e,{u:()=>s});var n=i(6528),a=i(62548),r=i(55472);const o=["*"];let s=(()=>{var t;class e{constructor(){this.size=(0,n.uUt)(r.qe).size,this.options=(0,a.tuiToAnimationOptions)((0,n.uUt)(a.TUI_ANIMATIONS_SPEED))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-badge-notification"]],hostVars:2,hostBindings:function(t,e){2&t&&(n.e48("data-size",e.size),n.Swe("@tuiPop",e.options))},inputs:{size:"size"},ngContentSelectors:o,decls:1,vars:0,template:function(t,e){1&t&&(n.kPM(),n._Xx(0))},styles:["[_nghost-%COMP%]{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}[data-size=m][_nghost-%COMP%]{--t-size: 1.25rem}[data-size=s][_nghost-%COMP%]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}[data-size=xs][_nghost-%COMP%]{--t-size: .375rem;padding:0;font-size:0}"],data:{animation:[a.tuiPop]},changeDetection:0}),e})()},55472:(t,e,i)=>{i.d(e,{Ml:()=>o,qe:()=>r});var n=i(45328);const a={size:"m"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},84760:(t,e,i)=>{i.d(e,{_e:()=>a,Ml:()=>r.Ml}),i(67156);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})();var r=i(55472)},60588:(t,e,i)=>{i.d(e,{K:()=>l});var n=i(45328),a=i(62548),r=i(14200),o=i(6528),s=i(18692);const c=["tuiButton","","loading",""],u=["*"];let l=(()=>{var t;class e{constructor(t){this.options=t,this.size=this.options.size,this.loading=!1}get loaderSize(){return(0,a.tuiSizeBigger)(this.size)?"m":"s"}get label(){return(0,n.tuiIsString)(this.loading)?this.loading:""}onClick(t){this.loading&&t.stopPropagation()}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(r.B0))},t.ɵcmp=o.In1({type:t,selectors:[["","tuiButton","","loading",""],["","tuiIconButton","","loading",""]],hostVars:3,hostBindings:function(t,e){1&t&&o.qCj("click.capture",(function(t){return e.onClick(t)})),2&t&&(o.e48("aria-disabled",e.loading),o.eAK("_loading",e.loading))},inputs:{size:"size",loading:"loading"},attrs:c,ngContentSelectors:u,decls:2,vars:4,consts:[["aria-live","polite","role","status",1,"t-loader",3,"inheritColor","showLoader","size","textContent"]],template:function(t,e){1&t&&(o.kPM(),o._Xx(0),o.wR5(1,"tui-loader",0)),2&t&&(o.yG2(1),o.E7m("inheritColor",!0)("showLoader",!!e.loading)("size",e.loaderSize)("textContent",e.label))},dependencies:[s.C],encapsulation:2,changeDetection:0}),e})()},26220:(t,e,i)=>{i.d(e,{W:()=>c});var n=i(45328),a=i(62548),r=i(14200),o=i(6528);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=o.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-button-styles"],decls:0,vars:0,template:function(t,e){},styles:['[tuiButtonNew]{--t-gap: .125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}[tuiButtonNew]>img,[tuiButtonNew]>tui-svg,[tuiButtonNew]>tui-icon,[tuiButtonNew]>tui-avatar,[tuiButtonNew]>tui-badge,[tuiButtonNew]>[tuiBadge],[tuiButtonNew]>[tuiRadio],[tuiButtonNew]>[tuiToggle],[tuiButtonNew]>[tuiCheckbox],[tuiButtonNew]._icon-left:before,[tuiButtonNew]._icon-right:after{margin:var(--t-margin)}[tuiButtonNew]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonNew]>.t-loader .t-text{position:absolute}[tuiButtonNew][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=xs] tui-svg,[tuiButtonNew][data-size=xs] tui-icon,[tuiButtonNew][data-size=xs]:before{font-size:1rem}[tuiButtonNew][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=s] tui-svg,[tuiButtonNew][data-size=s] tui-icon,[tuiButtonNew][data-size=s]:not([tuiIconButton][data-appearance="icon"]):before{font-size:1rem}[tuiButtonNew][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonNew][data-size=m]:after{-webkit-margin-start:.375rem;margin-inline-start:.375rem}[tuiButtonNew][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-padding: 0 1.25rem;--t-gap: .25rem;--t-margin: -.25rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonNew][data-size=l]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiButtonNew]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonNew]._loading>*,[tuiButtonNew]._loading:before,[tuiButtonNew]._loading:after{opacity:0}[tuiButtonNew]._loading>.t-loader{opacity:1}[tuiButtonNew][tuiIcons]:after{font-size:1rem}[tuiIconButton][tuiButtonNew]{--t-gap: 0;width:var(--t-size);font-size:0;padding:0}\n'],encapsulation:2,changeDetection:0}),e})(),c=(()=>{var t;class e{constructor(t,e,i){this.options=t,this.mode$=e,this.size=this.options.size,i.addComponent(s)}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(r.B0),o.GI1(a.TUI_MODE),o.GI1(n.TuiDirectiveStylesService))},t.ɵdir=o.Sc5({type:t,selectors:[["a","tuiButton",""],["button","tuiButton",""],["a","tuiIconButton",""],["button","tuiIconButton",""]],hostAttrs:["tuiButtonNew",""],hostVars:1,hostBindings:function(t,e){1&t&&o.qCj("$.data-mode.attr",(function(){return e.mode$})),2&t&&o.e48("data-size",e.size)},inputs:{size:"size"},features:[o.M5G([a.MODE_PROVIDER,(0,a.tuiAppearanceOptionsProvider)(r.B0)]),o.GW$([{directive:a.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},{directive:a.TuiIconsDirective,inputs:["iconLeft","iconLeft","iconRight","iconRight"]}])]}),e})()},14200:(t,e,i)=>{i.d(e,{B0:()=>r,eE:()=>o});var n=i(45328);const a={appearance:"primary",size:"l"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},4744:(t,e,i)=>{i.d(e,{CI:()=>o,eE:()=>s.eE}),i(60588),i(26220);var n=i(86568),a=i(62548),r=i(6528);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[n.MD,a.TuiSvgModule,a.TuiLoaderModule]}),e})();var s=i(14200)},10268:(t,e,i)=>{i.d(e,{g:()=>l});var n=i(6528),a=i(35856),r=i(45328),o=i(62548),s=i(12436),c=i(25864);const u=["type","checkbox","tuiCheckbox",""];let l=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(o.TuiAppearanceDirective),this.options=(0,n.uUt)(c.uU),this.resolver=(0,n.uUt)(o.TUI_ICON_RESOLVER),this.destroy$=(0,n.uUt)(r.TuiDestroyService,{self:!0}),this.el=(0,n.uUt)(n.GMv).nativeElement,this.size=this.options.size,this.control=(0,n.uUt)(a.eq,{optional:!0})}ngOnInit(){var t;null!==(t=this.control)&&void 0!==t&&t.valueChanges&&(0,r.tuiControlValue)(this.control).pipe((0,s.a)(this.destroy$)).subscribe((t=>{this.el.indeterminate=null===t}))}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}getIcon(t){const e=this.options.icons[t],i=(0,r.tuiIsString)(e)?e:e(this.size);return`url(${this.resolver(i)})`}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["input","type","checkbox","tuiCheckbox",""]],hostVars:8,hostBindings:function(t,e){2&t&&(n.SoX("disabled",!e.control||e.control.disabled),n.e48("data-size",e.size),n.m4B("--t-checked",e.getIcon("checked"))("--t-indeterminate",e.getIcon("indeterminate")),n.eAK("_readonly",!e.control))},inputs:{size:"size"},features:[n.M5G([r.TuiDestroyService]),n.GW$([{directive:o.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},r.TuiNativeValidatorDirective])],attrs:u,decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{--t-size: 1.5rem;width:var(--t-size);height:var(--t-size);border-radius:var(--tui-radius-s);cursor:pointer;margin:0}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:currentColor;-webkit-mask:url(\'data:image/svg+xml,\') center / 100%;mask:url(\'data:image/svg+xml,\') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[_nghost-%COMP%]:disabled._readonly{opacity:1}[_nghost-%COMP%]:checked:before, [_nghost-%COMP%]:indeterminate:before{-webkit-mask-image:var(--t-checked);mask-image:var(--t-checked);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}[_nghost-%COMP%]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate);mask-image:var(--t-indeterminate)}[data-size=s][_nghost-%COMP%]{--t-size: 1rem;border-radius:var(--tui-radius-xs)}'],changeDetection:0}),e})()},25864:(t,e,i)=>{i.d(e,{cL:()=>o,uU:()=>r});var n=i(45328);const a={size:"m",appearance:t=>t.checked||t.indeterminate?"primary":"whiteblock",icons:{checked:t=>"m"===t?"tuiIconCheckLarge":"tuiIconCheck",indeterminate:t=>"m"===t?"tuiIconMinusLarge":"tuiIconMinus"}},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},45988:(t,e,i)=>{i.d(e,{Q7:()=>a,cL:()=>r.cL}),i(10268);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})();var r=i(25864)},23716:(t,e,i)=>{i.d(e,{e:()=>h});var n=i(45328),a=i(62548),r=i(79415),o=i(4744),s=i(45988),c=i(48664),u=i(6528);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=u.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-chip"],decls:0,vars:0,template:function(t,e){},styles:["tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);height:var(--t-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiToggle],[tuiChip]>[tuiToggle],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip._icon-left:before,[tuiChip]._icon-left:before,tui-chip._icon-right:after,[tuiChip]._icon-right:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: 0rem;--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s],[tuiChip][data-size=s]{--t-padding: 0 .625rem;--t-size: var(--tui-height-s)}tui-chip[data-size=s]>[tuiIconButton],[tuiChip][data-size=s]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s]>img,[tuiChip][data-size=s]>img,tui-chip[data-size=s] tui-avatar,[tuiChip][data-size=s] tui-avatar{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img{width:1.5rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}\n"],encapsulation:2,changeDetection:0}),e})();var d=i(63160);let h=(()=>{var t;class e{constructor(t,e){this.options=t,this.size=this.options.size,e.addComponent(l)}}return(t=e).ɵfac=function(e){return new(e||t)(u.GI1(d.Kk),u.GI1(n.TuiDirectiveStylesService))},t.ɵdir=u.Sc5({type:t,selectors:[["tui-chip"],["","tuiChip",""]],hostVars:1,hostBindings:function(t,e){2&t&&u.e48("data-size",e.size)},inputs:{size:"size"},features:[u.M5G([(0,a.tuiAppearanceOptionsProvider)(d.Kk),(0,c.qH)({size:"s"}),(0,s.cL)({size:"s"}),(0,r.QW)({size:"xxs"}),(0,o.eE)({size:"xs",appearance:"icon"})]),u.GW$([{directive:a.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},{directive:a.TuiIconsDirective,inputs:["iconLeft","iconLeft","iconRight","iconRight"]}])]}),e})()},63160:(t,e,i)=>{i.d(e,{Kk:()=>n});const n=(0,i(45328).tuiCreateToken)({appearance:"neutral",size:"s"})},12712:(t,e,i)=>{i.d(e,{m:()=>a});var n=i(6528);let a=(()=>{var t;class e{constructor(){this.degrees=NaN}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-compass"]],hostVars:2,hostBindings:function(t,e){2&t&&n.m4B("--t-degrees",e.degrees,"deg")},inputs:{degrees:"degrees"},decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{position:relative;display:inline-block;color:var(--tui-primary);border-radius:50%;width:1rem;height:1rem;border:.1875rem solid var(--tui-base-01);box-shadow:0 0 .1875rem #0000004d;transform-style:preserve-3d}[_nghost-%COMP%]:before{content:"";position:absolute;top:0;left:.125rem;-webkit-mask-image:url(\'data:image/svg+xml,\');mask-image:url(\'data:image/svg+xml,\');transform:rotate(var(--t-degrees)) translateY(-.625rem) translateZ(-1rem);width:.75rem;height:1rem;background:currentColor}[_nghost-%COMP%]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";border-radius:inherit;background:currentColor linear-gradient(-45deg,rgba(0,0,0,.2),transparent)}'],changeDetection:0}),e})()},69352:(t,e,i)=>{i.d(e,{i:()=>r});var n=i(62548),a=i(6528);let r=(()=>{var t;class e{constructor(t){this.resolver=t,this.icon="",this.background=""}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TUI_ICON_RESOLVER))},t.ɵcmp=a.In1({type:t,selectors:[["tui-icon"]],hostVars:6,hostBindings:function(t,e){2&t&&(a.m4B("--t-mask","url("+e.resolver(e.icon)+")")("--t-mask-bg",e.background?"url("+e.resolver(e.background).replace("Outline","")+")":null),a.eAK("_duo",e.background))},inputs:{icon:"icon",background:"background"},decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{position:relative;display:inline-block;width:1em;height:1em;font-size:1.5rem;flex-shrink:0;vertical-align:middle}._duo[_nghost-%COMP%]{-webkit-mask:var(--t-mask-bg) no-repeat center / contain;mask:var(--t-mask-bg) no-repeat center / contain}[_nghost-%COMP%]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-mask:var(--t-mask) no-repeat center / contain;mask:var(--t-mask) no-repeat center / contain;background:currentColor}'],changeDetection:0}),e})()},18208:(t,e,i)=>{i.d(e,{C:()=>a}),i(69352);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})()},69480:(t,e,i)=>{i.d(e,{AP:()=>a.A,CA:()=>n.CA,W4:()=>o,_e:()=>s._e,CI:()=>c.CI,Q7:()=>u.Q7,GE:()=>l,mw:()=>d.m,m_:()=>h,C:()=>p.C,_y:()=>g,Ud:()=>m,sZ:()=>w,Gg:()=>C.G,AT:()=>x.AT,Sm:()=>z,O0:()=>_.O0,aA:()=>O,QW:()=>n.QW,eE:()=>c.eE,YT:()=>M.YT});var n=i(79415),a=i(72512),r=i(6528);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[n.CA]}),e})();var s=i(84760),c=i(4744),u=i(45988);i(23716);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();i(63160);var d=i(12712);let h=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();var p=i(18208);let g=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();i(83084);let m=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();i(46312),i(49696);var f=i(86568),v=i(35856),b=i(45328),y=i(58200);let w=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[f.MD,v.y,p.C,b.TuiRepeatTimesModule,y.Ux]}),e})();i(45488);var C=i(81436),x=(i(92640),i(16616));i(17060);let z=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[f.MD,p.C]}),e})();var _=i(48664),k=(i(6804),i(62548));let O=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[f.MD,c.CI,k.TuiHintModule,p.C,y.Ux]}),e})();var M=i(81544)},83084:(t,e,i)=>{i.d(e,{m:()=>u});var n=i(6528),a=i(35856),r=i(62548),o=i(46312),s=i(45328);const c=["type","radio","tuiRadio",""];let u=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(r.TuiAppearanceDirective),this.options=(0,n.uUt)(o.Gq),this.el=(0,n.uUt)(n.GMv).nativeElement,this.size=this.options.size,this.control=(0,n.uUt)(a.eq,{optional:!0})}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["input","type","radio","tuiRadio",""]],hostVars:4,hostBindings:function(t,e){2&t&&(n.SoX("disabled",!e.control||e.control.disabled),n.e48("data-size",e.size),n.eAK("_readonly",!e.control))},inputs:{size:"size"},features:[n.GW$([{directive:r.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},s.TuiNativeValidatorDirective])],attrs:c,decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:var(--t-size);height:var(--t-size);cursor:pointer;margin:0;border-radius:100%;color:var(--tui-primary-text)}[_nghost-%COMP%]:disabled._readonly{opacity:1}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";border-radius:100%;background:currentColor;transform:scale(0)}[_nghost-%COMP%]:checked:before{transform:scale(.5)}[data-size=s][_nghost-%COMP%]{--t-size: 1rem}'],changeDetection:0}),e})()},46312:(t,e,i)=>{i.d(e,{Gq:()=>n});const n=(0,i(45328).tuiCreateToken)({size:"m",appearance:({checked:t})=>t?"primary":"whiteblock"})},49696:(t,e,i)=>{i.d(e,{W:()=>g});var n=i(6528),a=i(35856),r=i(45328),o=i(45488),s=i(69352),c=i(34576),u=i(58200);function l(t,e){if(1&t&&n.wR5(0,"tui-icon",6),2&t){const t=e.polymorpheusOutlet,i=n.GaO().$implicit,a=n.GaO();n.m4B("--t-cut",100-a.getCut(i),"%"),n.eAK("t-icon_fraction",a.isFraction(i)),n.E7m("icon",t.toString())}}function d(t,e){if(1&t&&n.wR5(0,"tui-icon",7),2&t){const t=e.polymorpheusOutlet,i=n.GaO().$implicit,a=n.GaO();n.m4B("--t-cut",a.getCut(i),"%"),n.E7m("icon",t.toString())}}const h=function(t){return{$implicit:t}};function p(t,e){if(1&t){const t=n.KQA();n.I0R(0,"div",3),n.qCj("pointerup",(function(){const e=n.usT(t).$implicit,i=n.GaO();return n.CGJ(i.onClick(i.max-e))})),n.yuY(1,l,1,5,"tui-icon",4),n.yuY(2,d,1,3,"tui-icon",5),n.C$Y()}if(2&t){const t=e.$implicit,i=n.GaO();n.eAK("t-item_active",i.isActive(t)),n.yG2(1),n.E7m("polymorpheusOutlet",i.icon)("polymorpheusOutletContext",n.S45(6,h,i.max-t)),n.yG2(1),n.E7m("polymorpheusOutlet",i.icon)("polymorpheusOutletContext",n.S45(8,h,i.max-t))}}let g=(()=>{var t;class e extends r.AbstractTuiControl{constructor(t,e,i){super(t,e),this.options=i,this.icon=this.options.icon,this.max=this.options.max,this.active=0}get nativeFocusableElement(){var t;return this.computedDisabled?null:(null===(t=this.input)||void 0===t?void 0:t.nativeElement)||null}get focused(){return(0,r.tuiIsNativeFocused)(this.nativeFocusableElement)}onKeyDown(t){this.readOnly&&t.preventDefault()}onPointer(t){this.active=(0,r.tuiClamp)(this.active+t,0,1)}onClick(t){this.active&&(this.value=t)}isActive(t){return Math.ceil(this.value)>=this.max-t}isFraction(t){return this.value>this.max-t-1&&this.value*{font-size:1rem}.t-icon_blank[_ngcontent-%COMP%]{position:absolute;top:0;left:0;display:none;color:var(--tui-base-06);-webkit-clip-path:inset(0 0 0 var(--t-cut));clip-path:inset(0 0 0 var(--t-cut))}.t-icon_fraction[_ngcontent-%COMP%]{display:block}@media (any-pointer: coarse){._active[_nghost-%COMP%] .t-item_active[_ngcontent-%COMP%]{transform:scale(.85);transition-timing-function:ease-in-out}.t-range[_ngcontent-%COMP%]{pointer-events:auto}.t-icon[_ngcontent-%COMP%]{transition:none}}"],changeDetection:0}),e})()},45488:(t,e,i)=>{i.d(e,{CS:()=>n});const n=(0,i(45328).tuiCreateToken)({icon:"tuiIconStarLarge",max:5})},81436:(t,e,i)=>{i.d(e,{G:()=>l});var n=i(6528),a=i(23012),r=i(45328),o=i(84760),s=i(12436),c=i(92640);const u=["*"];let l=(()=>{var t;class e{constructor(){this.el=(0,n.uUt)(n.GMv).nativeElement,this.sub=(0,n.uUt)(a.mg).pipe((0,r.tuiZonefree)((0,n.uUt)(n.WW2)),(0,s.a)((0,n.uUt)(r.TuiDestroyService,{self:!0}))).subscribe((()=>this.refresh())),this.size="s",this.activeItemIndex=0,this.activeItemIndexChange=new n._w7}ngOnChanges(){this.refresh()}update(t){t!==this.activeItemIndex&&(this.activeItemIndex=t,this.activeItemIndexChange.emit(t),this.refresh())}get left(){const t=this.activeElement;return(0,r.tuiIsHTMLElement)(t)?t.offsetLeft:0}get width(){var t;return(null===(t=this.activeElement)||void 0===t?void 0:t.clientWidth)||0}get activeElement(){return this.el.children.item(this.activeItemIndex)}refresh(){this.el.style.setProperty("--t-left",(0,r.tuiPx)(this.left)),this.el.style.setProperty("--t-width",(0,r.tuiPx)(this.width))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-segmented"]],hostVars:1,hostBindings:function(t,e){2&t&&n.e48("data-size",e.size)},inputs:{size:"size",activeItemIndex:"activeItemIndex"},outputs:{activeItemIndexChange:"activeItemIndexChange"},standalone:!0,features:[n.M5G([r.TuiDestroyService,a.mg,(0,o.Ml)({size:"s"})]),n.SYr,n.UHJ,n.GW$([c.W])],ngContentSelectors:u,decls:1,vars:0,template:function(t,e){1&t&&(n.kPM(),n._Xx(0))},styles:['tui-segmented{position:relative;display:flex;box-sizing:border-box;isolation:isolate;color:var(--tui-clear);border:.125rem solid transparent}tui-segmented[data-size=s]{--t-padding: .625rem;--t-gap: .5rem;--t-margin: -.125rem;height:var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-s)}tui-segmented[data-size=s]>*:before,tui-segmented[data-size=s]>*:after,tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-s)}tui-segmented[data-size=l]{--t-padding: 1.125rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-m);border-width:.25rem}tui-segmented[data-size=l]:after{box-shadow:0 0 0 .25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-01);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*,tui-segmented>a:before,tui-segmented>button:before,tui-segmented>label:before,tui-segmented>label>input:not([tuiRadio]):before,tui-segmented>a:after,tui-segmented>button:after,tui-segmented>label:after,tui-segmented>label>input:not([tuiRadio]):after{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-focus);outline-offset:-.125rem}tui-segmented>label>input:not([tuiRadio]){position:absolute;top:0;left:0;width:100%;height:100%}tui-segmented:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:-1;border-radius:inherit;background:currentColor;box-shadow:0 0 0 .125rem}tui-segmented:before{transition-property:left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;left:var(--t-left);height:100%;width:var(--t-width);border-radius:inherit;background:currentColor;color:var(--tui-base-01);box-shadow:0 .25rem 1.25rem #0000001a}\n'],encapsulation:2,changeDetection:0}),e})()},92640:(t,e,i)=>{i.d(e,{W:()=>d});var n=i(6528),a=i(35856),r=i(82312),o=i(45328),s=i(37763),c=i(62008),u=i(12436),l=i(81436);let d=(()=>{var t;class e{constructor(){this.controls=o.EMPTY_QUERY,this.links=o.EMPTY_QUERY,this.elements=o.EMPTY_QUERY,this.destroy$=(0,n.uUt)(o.TuiDestroyService,{self:!0}),this.component=(0,n.uUt)(l.G),this.el=(0,n.uUt)(n.GMv).nativeElement}update(t){const e=this.getIndex(t);e>=0&&this.component.update(e)}ngAfterContentInit(){(0,o.tuiQueryListChanges)(this.controls).pipe((0,s.G)((()=>{var t;return(null===(t=this.controls.last)||void 0===t?void 0:t.valueChanges)||c.k})),(0,u.a)(this.destroy$)).subscribe((()=>{this.update(this.el.querySelector(":checked"))}))}ngAfterContentChecked(){var t;this.links.length&&this.update((null===(t=this.elements.get(this.linkIndex))||void 0===t?void 0:t.nativeElement)||null)}get linkIndex(){return this.links.toArray().findIndex((t=>t.isActive))}getIndex(t){return Array.from(this.el.children).findIndex((e=>e.contains(t)))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["tui-segmented",5,"tui-segmented"]],contentQueries:function(t,e,i){if(1&t&&(n.szK(i,a.eq,5),n.szK(i,r.LC,4),n.szK(i,r.LC,4,n.GMv)),2&t){let t;n.wto(t=n.Gqi())&&(e.controls=t),n.wto(t=n.Gqi())&&(e.links=t),n.wto(t=n.Gqi())&&(e.elements=t)}},hostBindings:function(t,e){1&t&&n.qCj("click",(function(t){return e.update(t.target)}))},standalone:!0}),e})()},16616:(t,e,i)=>{i.d(e,{b:()=>a.b,AT:()=>o}),i(98632);var n=i(17784),a=i(76060),r=(i(62100),i(6528));let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[n.u,a.b]}),e})();i(77344)},98632:(t,e,i)=>{i.d(e,{g:()=>s});var n=i(6528),a=i(45328);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-label-styles"],standalone:!0,features:[n.UHJ],decls:0,vars:0,template:function(t,e){},styles:["[tuiLabel]{display:flex;flex-direction:column;gap:.25rem;font:var(--tui-font-text-s);color:var(--tui-text-01)}\n"],encapsulation:2,changeDetection:0}),e})();var o=i(76060);let s=(()=>{var t;class e{constructor(){this.nothing=(0,a.tuiWithStyles)(r),this.el=(0,n.uUt)(n.GMv).nativeElement,this.textfield=(0,n.uUt)(o.b,{optional:!0})}get for(){var t;return this.el.htmlFor||(null===(t=this.textfield)||void 0===t?void 0:t.id)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["label","tuiLabel",""]],hostVars:1,hostBindings:function(t,e){2&t&&n.e48("for",e.for)},standalone:!0}),e})()},17784:(t,e,i)=>{i.d(e,{u:()=>f});var n=i(13972),a=i(86568),r=i(6528),o=i(35856),s=i(9268),c=i(62100),u=i(45328),l=i(62548);const d=["tuiTextfield",""];function h(t,e){if(1&t&&(r.I0R(0,"option",2),r.OEk(1),r.C$Y()),2&t){const t=r.GaO();r.yG2(1),r.oRS(" ",t.placeholder,"\n")}}function p(t,e){if(1&t&&(r.I0R(0,"option",1),r.OEk(1),r.C$Y()),2&t){const t=e.$implicit;r.yG2(1),r.oRS(" ",t," ")}}const g=function(t){return[t]};function m(t,e){if(1&t&&r.yuY(0,p,2,1,"option",3),2&t){const t=r.GaO();r.E7m("ngForOf",r.S45(1,g,t.value))}}let f=(()=>{var t;class e extends c.c{constructor(){super(...arguments),this.nav=(0,r.uUt)(s.Qb),this.control=(0,r.uUt)(o.eq),this.placeholder=""}get value(){return this.textfield.stringify(this.control.value)}onCopy(){var t=this;return(0,n.c)((function*(){yield t.nav.clipboard.writeText(t.el.value)}))()}setValue(t){var e;null===(e=this.control.control)||void 0===e||e.setValue(t)}}return(t=e).ɵfac=function(){let e;return function(i){return(e||(e=r.otF(t)))(i||t)}}(),t.ɵcmp=r.In1({type:t,selectors:[["select","tuiTextfield",""]],hostBindings:function(t,e){1&t&&r.qCj("keydown.space.prevent",(function(){return 0}))("keydown.enter.prevent",(function(){return 0}))("keydown.backspace",(function(){return e.setValue("")}))("pointerdown.prevent",(function(){return e.el.focus()}))("keydown.control.c",(function(){return e.onCopy()}))("keydown.meta.c",(function(){return e.onCopy()}))},inputs:{placeholder:"placeholder"},standalone:!0,features:[r.M5G([{provide:c.c,useExisting:t}]),r.eg9,r.UHJ,r.GW$([u.TuiNativeValidatorDirective,l.TuiAppearanceDirective])],attrs:d,decls:3,vars:2,consts:[["disabled","","selected","","value","",4,"ngIf","ngIfElse"],["selected",""],["disabled","","selected","","value",""],["selected","",4,"ngFor","ngForOf"]],template:function(t,e){if(1&t&&(r.yuY(0,h,2,1,"option",0),r.yuY(1,m,1,3,"ng-template",null,1,r.gJz)),2&t){const t=r.Gew(2);r.E7m("ngIf",e.placeholder&&!e.value)("ngIfElse",t)}},dependencies:[a.MD,a.ay,a.u_],encapsulation:2,changeDetection:0}),e})()},76060:(t,e,i)=>{i.d(e,{b:()=>z});var n=i(86568),a=i(6528),r=i(35856),o=i(23012),s=i(45328),c=i(62548),u=i(4744),l=i(58200),d=i(62008),h=i(98632),p=i(62100),g=i(77344),m=i(26220);function f(t,e){1&t&&a.C_f(0)}function v(t,e){if(1&t){const t=a.KQA();a.I0R(0,"button",6),a.qCj("click",(function(){a.usT(t);const e=a.GaO();return a.CGJ(null==e.directive?null:e.directive.setValue(""))}))("pointerdown.silent.prevent",(function(){a.usT(t);const e=a.GaO();return a.CGJ(e.el.focus())})),a.C$Y()}}function b(t,e){if(1&t&&(a.SAx(0),a.OEk(1),a.k70()),2&t){const t=e.polymorpheusOutlet;a.yG2(1),a.oRS(" ",t," ")}}function y(t,e){if(1&t&&a.wR5(0,"input",7),2&t){const t=a.GaO();a.E7m("value",t.computedFiller)}}const w=[[["input"]],[["select"]],[["label"]],"*",[["tui-tooltip"]]],C=function(t,e){return{$implicit:t,active:e}},x=["input","select","label","*","tui-tooltip"];let z=(()=>{var t;class e{constructor(){var t;this.dropdown=(0,a.uUt)(c.TuiDropdownOpenDirective,{optional:!0,self:!0}),this.filler="",this.stringify=String,this.side=0,this.change$=null===(t=(0,a.uUt)(g.wl,{optional:!0}))||void 0===t?void 0:t.change$,this.options=(0,a.uUt)(g.me),this.control=(0,a.uUt)(r.eq,{optional:!0}),this.focusedChange=d.k}get nativeFocusableElement(){return this.el}get el(){if(!this.directive)throw new Error("[tuiTextfield] component is required");return this.directive.el}get computedFiller(){const t=this.el.value||"",e=t+this.filler.slice(t.length);return e.length>t.length?e:""}get id(){return this.el.id||""}get focused(){var t,e;return!(null===(t=this.dropdown)||void 0===t||!t.dropdown)||(0,s.tuiIsNativeFocused)(null===(e=this.directive)||void 0===e?void 0:e.el)}get showFiller(){return this.focused&&!!this.computedFiller&&(!!this.el.value||!this.el.placeholder)}handleOption(t){var e,i;null===(e=this.directive)||void 0===e||e.setValue(this.stringify(t)),null===(i=this.dropdown)||void 0===i||i.toggle(!1)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["tui-textfield"]],contentQueries:function(t,e,i){if(1&t&&(a.szK(i,p.c,5),a.szK(i,h.g,5)),2&t){let t;a.wto(t=a.Gqi())&&(e.directive=t.first),a.wto(t=a.Gqi())&&(e.label=t.first)}},hostVars:7,hostBindings:function(t,e){2&t&&(a.e48("data-size",e.options.size),a.m4B("--t-side",e.side,"px"),a.eAK("_with-label",e.label)("_disabled",e.el.disabled))},inputs:{filler:"filler",stringify:"stringify",content:"content"},standalone:!0,features:[a.M5G([(0,s.tuiAsFocusableItemAccessor)(t),(0,c.tuiAsDataListHost)(t),(0,c.tuiAppearanceOptionsProvider)(g.me),(0,c.tuiDropdownOptionsProvider)({limitWidth:"fixed"})]),a.UHJ,a.GW$([s.TuiNativeValidatorDirective,{directive:c.TuiIconsDirective,inputs:["iconLeft","iconLeft","iconRight","iconRight"]}])],ngContentSelectors:x,decls:12,vars:10,consts:[[4,"ngIf"],[1,"t-content",3,"waResizeObserver"],["appearance","icon","iconLeft","tuiIconClose","size","xs","tabindex","-1","tuiIconButton","","class","t-clear",3,"click","pointerdown.silent.prevent",4,"ngIf"],[1,"t-template"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["aria-hidden","true","disabled","","class","t-filler",3,"value",4,"ngIf"],["appearance","icon","iconLeft","tuiIconClose","size","xs","tabindex","-1","tuiIconButton","",1,"t-clear",3,"click","pointerdown.silent.prevent"],["aria-hidden","true","disabled","",1,"t-filler",3,"value"]],template:function(t,e){1&t&&(a.kPM(w),a.yuY(0,f,1,0,"ng-container",0),a.wVc(1,"async"),a._Xx(2),a._Xx(3,1),a._Xx(4,2),a.I0R(5,"span",1),a.qCj("waResizeObserver",(function(t){return e.side=t[0].contentRect.width})),a._Xx(6,3),a.yuY(7,v,1,0,"button",2),a._Xx(8,4),a.C$Y(),a.I0R(9,"span",3),a.yuY(10,b,2,1,"ng-container",4),a.C$Y(),a.yuY(11,y,1,1,"input",5)),2&t&&(a.E7m("ngIf",a.kDX(1,5,e.change$)),a.yG2(7),a.E7m("ngIf",e.options.cleaner),a.yG2(3),a.E7m("polymorpheusOutlet",e.content)("polymorpheusOutletContext",a.IBC(7,C,null==e.control?null:e.control.value,e.focused)),a.yG2(1),a.E7m("ngIf",e.showFiller))},dependencies:[n.MD,n.u_,n.a,o.eU,o.m8,u.CI,m.W,l.Ux,l.Af],styles:['[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-left: 0rem;--t-right: 0rem;position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;height:var(--t-height);color:var(--tui-text-03)}[data-size=s][_nghost-%COMP%]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}[data-size=s]._icon-left[_nghost-%COMP%]{--t-left: 1.25rem}[data-size=s]._icon-right[_nghost-%COMP%]{--t-right: 1.25rem}[data-size=s][_nghost-%COMP%]:before{-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;font-size:1rem}[data-size=s][_nghost-%COMP%]:after{-webkit-margin-end:-.175rem;margin-inline-end:-.175rem;-webkit-margin-start:.25rem;margin-inline-start:.25rem;font-size:1rem}[data-size=s][_nghost-%COMP%] input, [data-size=s][_nghost-%COMP%] select{font:var(--tui-font-text-s)}[data-size=s][_nghost-%COMP%] .t-content[_ngcontent-%COMP%]{gap:0}[data-size=m][_nghost-%COMP%]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}[data-size=m]._icon-left[_nghost-%COMP%]{--t-left: 1.75rem}[data-size=m]._icon-right[_nghost-%COMP%]{--t-right: 1.75rem}[data-size=m][_nghost-%COMP%]:before{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}[data-size=m][_nghost-%COMP%]:after{-webkit-margin-start:.375rem;margin-inline-start:.375rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[data-size=m][_nghost-%COMP%] input, [data-size=m][_nghost-%COMP%] select{font:var(--tui-font-text-s)}[data-size=l][_nghost-%COMP%]{--t-height: var(--tui-height-l);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m)}[data-size=l]._icon-left[_nghost-%COMP%]{--t-left: 2.25rem}[data-size=l]._icon-right[_nghost-%COMP%]{--t-right: 2.25rem}[data-size=l][_nghost-%COMP%]:before{-webkit-margin-end:.75rem;margin-inline-end:.75rem}[data-size=l][_nghost-%COMP%]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem}[data-size=l][_nghost-%COMP%] input, [data-size=l][_nghost-%COMP%] select{font:var(--tui-font-text-m)}[_nghost-%COMP%]:hover{color:var(--tui-text-02)}[_nghost-%COMP%]:before{z-index:1}._disabled[_nghost-%COMP%]:before, ._disabled[_nghost-%COMP%]:after{opacity:var(--tui-disabled-opacity)}._with-label[_nghost-%COMP%] .t-template[_ngcontent-%COMP%], ._with-label[_nghost-%COMP%] input, ._with-label[_nghost-%COMP%] select{padding-top:calc(var(--t-height) / 3)}._with-label[_nghost-%COMP%] .t-template[_ngcontent-%COMP%]::placeholder, ._with-label[_nghost-%COMP%] input::placeholder, ._with-label[_nghost-%COMP%] select::placeholder, ._with-label[_nghost-%COMP%] .t-template._empty[_ngcontent-%COMP%], ._with-label[_nghost-%COMP%] input._empty, ._with-label[_nghost-%COMP%] select._empty{color:transparent}[_nghost-%COMP%] .t-template[_ngcontent-%COMP%], [_nghost-%COMP%] input, [_nghost-%COMP%] select{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border:none;-webkit-border-start:var(--t-left) solid transparent;border-inline-start:var(--t-left) solid transparent;-webkit-border-end:calc(var(--t-right) + var(--t-side)) solid transparent;border-inline-end:calc(var(--t-right) + var(--t-side)) solid transparent;border-radius:inherit;padding:inherit}[_nghost-%COMP%] input, [_nghost-%COMP%] select{pointer-events:auto}[_nghost-%COMP%] input:-moz-read-only~.t-filler, [_nghost-%COMP%] select:-moz-read-only~.t-filler{display:none}[_nghost-%COMP%] input:read-only~.t-filler, [_nghost-%COMP%] select:read-only~.t-filler{display:none}[_nghost-%COMP%] input:disabled~label, [_nghost-%COMP%] select:disabled~label, [_nghost-%COMP%] input:disabled~.t-content, [_nghost-%COMP%] select:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[_nghost-%COMP%] input:disabled~label tui-tooltip, [_nghost-%COMP%] select:disabled~label tui-tooltip, [_nghost-%COMP%] input:disabled~.t-content tui-tooltip, [_nghost-%COMP%] select:disabled~.t-content tui-tooltip{display:none}[_nghost-%COMP%] input:not(._empty)~label, [_nghost-%COMP%] select:not(._empty)~label{font-size:.83em;transform:translateY(-.7em)}[_nghost-%COMP%] input:not(._empty):not(:disabled):not(._readonly)[data-invalid=true]~label, [_nghost-%COMP%] select:not(._empty):not(:disabled):not(._readonly)[data-invalid=true]~label, [_nghost-%COMP%] input:not(._empty):invalid:not(:disabled):not(._readonly):not([data-invalid="false"])~label, [_nghost-%COMP%] select:not(._empty):invalid:not(:disabled):not(._readonly):not([data-invalid="false"])~label{color:var(--tui-negative)}[_nghost-%COMP%] input:not(._empty):not(:disabled):not(._readonly)~.t-content .t-clear, [_nghost-%COMP%] select:not(._empty):not(:disabled):not(._readonly)~.t-content .t-clear{display:flex}[_nghost-%COMP%] input:not(._readonly):focus-visible:not([data-focus="false"])::placeholder, [_nghost-%COMP%] select:not(._readonly):focus-visible:not([data-focus="false"])::placeholder, [_nghost-%COMP%] input:not(._readonly)[data-focus=true]::placeholder, [_nghost-%COMP%] select:not(._readonly)[data-focus=true]::placeholder, [_nghost-%COMP%] input:not(._readonly):focus-visible:not([data-focus="false"])._empty, [_nghost-%COMP%] select:not(._readonly):focus-visible:not([data-focus="false"])._empty, [_nghost-%COMP%] input:not(._readonly)[data-focus=true]._empty, [_nghost-%COMP%] select:not(._readonly)[data-focus=true]._empty{color:var(--tui-text-03)}[_nghost-%COMP%] input:not(._readonly):focus-visible:not([data-focus="false"])~label, [_nghost-%COMP%] select:not(._readonly):focus-visible:not([data-focus="false"])~label, [_nghost-%COMP%] input:not(._readonly)[data-focus=true]~label, [_nghost-%COMP%] select:not(._readonly)[data-focus=true]~label{color:var(--tui-text-01)!important;font-size:.83em;transform:translateY(-.7em)}[_nghost-%COMP%] label{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}[_nghost-%COMP%] label, [_nghost-%COMP%] input::placeholder, [_nghost-%COMP%] select._empty{color:var(--tui-text-02)}.t-content[_ngcontent-%COMP%]{display:flex;gap:.25rem;-webkit-margin-start:auto;margin-inline-start:auto}.t-clear[_ngcontent-%COMP%]{display:none;pointer-events:auto}.t-filler[_ngcontent-%COMP%]{pointer-events:none;background:none;color:var(--tui-text-03);opacity:1}'],changeDetection:0}),e})()},62100:(t,e,i)=>{i.d(e,{c:()=>s});var n=i(6528),a=i(45328),r=i(62548),o=i(76060);let s=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(r.TuiAppearanceDirective),this.textfield=(0,n.uUt)(o.b),this.readOnly=!1,this.invalid=null,this.focused=null,this.state=null,this.idService=(0,n.uUt)(a.TuiIdService),this.el=(0,n.uUt)(n.GMv).nativeElement}ngDoCheck(){var t;this.appearance.tuiAppearance=this.textfield.options.appearance,this.appearance.tuiAppearanceFocus=null!==(t=this.focused)&&void 0!==t?t:this.textfield.focused,this.appearance.tuiAppearanceState=this.state}setValue(t){this.el.value=t,this.el.dispatchEvent(new Event("input"))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["input","tuiTextfield",""]],hostVars:7,hostBindings:function(t,e){1&t&&n.qCj("input",(function(){return 0}))("focusin",(function(){return 0}))("focusout",(function(){return 0})),2&t&&(n.SoX("id",e.el.id||e.idService.generate())("readOnly",e.readOnly),n.e48("data-invalid",e.invalid),n.eAK("_readonly",e.readOnly)("_empty",""===e.el.value))},inputs:{readOnly:"readOnly",invalid:"invalid",focused:"focused",state:"state"},standalone:!0,features:[n.GW$([a.TuiNativeValidatorDirective,r.TuiAppearanceDirective])]}),e})()},77344:(t,e,i)=>{i.d(e,{me:()=>r,wl:()=>o});var n=i(6528),a=i(45328);i(62548);const r=(0,a.tuiCreateToken)({appearance:"textfield",size:"l",cleaner:!0});let o=(()=>{var t;class e extends a.AbstractTuiController{constructor(){super(...arguments),this.options=(0,n.uUt)(r,{skipSelf:!0}),this.appearance=this.options.appearance,this.size=this.options.size,this.cleaner=this.options.cleaner}}return(t=e).ɵfac=function(){let e;return function(i){return(e||(e=n.otF(t)))(i||t)}}(),t.ɵdir=n.Sc5({type:t,selectors:[["","tuiTextfieldAppearance",""],["","tuiTextfieldSize",""],["","tuiTextfieldCleaner",""]],inputs:{appearance:["tuiTextfieldAppearance","appearance"],size:["tuiTextfieldSize","size"],cleaner:["tuiTextfieldCleaner","cleaner"]},standalone:!0,features:[n.M5G([{provide:r,useExisting:t}]),n.eg9]}),e})()},17060:(t,e,i)=>{i.d(e,{k:()=>g});var n=i(63528),a=i(62548),r=i(6528),o=i(86568),s=i(69352);function c(t,e){if(1&t&&(r.I0R(0,"div",5),r.wR5(1,"tui-icon",6),r.C$Y()),2&t){const t=r.GaO();r.yG2(1),r.E7m("icon",t.iconLeft)}}function u(t,e){if(1&t&&(r.I0R(0,"div",7),r.wR5(1,"tui-icon",6),r.C$Y()),2&t){const t=r.GaO();r.yG2(1),r.E7m("icon",t.iconRight)}}function l(t,e){if(1&t&&r.wR5(0,"tui-icon",10),2&t){const t=r.GaO(2);r.E7m("icon",t.options.icons[t.paymentSystem])}}function d(t,e){if(1&t&&r.wR5(0,"img",11),2&t){const t=r.GaO(2);r.E7m("alt",t.paymentSystem)("src",t.resolver(t.options.icons[t.paymentSystem]).replace("Outline",""),r.K6U)}}function h(t,e){if(1&t&&(r.SAx(0),r.yuY(1,l,1,1,"tui-icon",8),r.yuY(2,d,1,2,"ng-template",null,9,r.gJz),r.k70()),2&t){const t=r.Gew(3),e=r.GaO();r.yG2(1),r.E7m("ngIf",e.isMono)("ngIfElse",t)}}const p=["*"];let g=(()=>{var t;class e{constructor(t,e){this.resolver=t,this.options=e,this.size="m",this.paymentSystem=null,this.iconLeft="",this.iconRight=""}get isMono(){switch(this.paymentSystem){case"mir":case"visa":case"electron":return!0;default:return!1}}}return(t=e).ɵfac=function(e){return new(e||t)(r.GI1(a.TUI_ICON_RESOLVER),r.GI1(n.TUI_INPUT_CARD_OPTIONS))},t.ɵcmp=r.In1({type:t,selectors:[["tui-thumbnail-card"]],hostVars:1,hostBindings:function(t,e){2&t&&r.e48("data-size",e.size)},inputs:{size:"size",paymentSystem:"paymentSystem",iconLeft:"iconLeft",iconRight:"iconRight"},ngContentSelectors:p,decls:6,vars:3,consts:[[1,"t-front"],["class","t-left",4,"ngIf"],["class","t-right",4,"ngIf"],[4,"ngIf"],[1,"t-back"],[1,"t-left"],[1,"t-icon",3,"icon"],[1,"t-right"],["class","t-logo",3,"icon",4,"ngIf","ngIfElse"],["colored",""],[1,"t-logo",3,"icon"],[1,"t-logo",3,"alt","src"]],template:function(t,e){1&t&&(r.kPM(),r.I0R(0,"div",0),r.yuY(1,c,2,1,"div",1),r.yuY(2,u,2,1,"div",2),r._Xx(3),r.yuY(4,h,4,2,"ng-container",3),r.C$Y(),r.wR5(5,"div",4)),2&t&&(r.yG2(1),r.E7m("ngIf",e.iconLeft),r.yG2(1),r.E7m("ngIf",e.iconRight),r.yG2(2),r.E7m("ngIf",e.paymentSystem))},dependencies:[o.u_,s.i],styles:['[_nghost-%COMP%]{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}[data-size=s][_nghost-%COMP%]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}[data-size=s][_nghost-%COMP%] .t-left[_ngcontent-%COMP%]{transform:translate(.125rem,.125rem) scale(.625)}[data-size=s][_nghost-%COMP%] .t-right[_ngcontent-%COMP%]{display:none}[data-size=s][_nghost-%COMP%] .t-logo[_ngcontent-%COMP%]{bottom:-.375rem;transform:scale(.55)}[data-size=m][_nghost-%COMP%]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}[data-size=m][_nghost-%COMP%] .t-left[_ngcontent-%COMP%]{transform:translate(.1875rem,.25rem) scale(.75)}[data-size=m][_nghost-%COMP%] .t-right[_ngcontent-%COMP%]{transform:translate(-.1875rem,.1875rem) scale(.875)}[data-size=m][_nghost-%COMP%] .t-right[_ngcontent-%COMP%] .t-icon[_ngcontent-%COMP%]{transform:scale(.714)}[data-size=m][_nghost-%COMP%] .t-logo[_ngcontent-%COMP%]{bottom:-.3125rem;transform:scale(.55)}[data-size=l][_nghost-%COMP%]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}[data-size=l][_nghost-%COMP%] .t-left[_ngcontent-%COMP%]{transform:translate(.1875rem,.1875rem)}[data-size=l][_nghost-%COMP%] .t-right[_ngcontent-%COMP%]{transform:translate(-.1875rem,.1875rem)}[data-size=l][_nghost-%COMP%] .t-logo[_ngcontent-%COMP%]{bottom:-.1875rem;transform:scale(.75)}.t-left[_ngcontent-%COMP%], .t-right[_ngcontent-%COMP%]{position:absolute;top:0;display:flex}.t-left[_ngcontent-%COMP%]{left:0;transform-origin:top left}.t-right[_ngcontent-%COMP%]{right:0;transform-origin:top right}.t-right[_ngcontent-%COMP%]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right[_ngcontent-%COMP%] .t-icon[_ngcontent-%COMP%]{color:#fff;transform:scale(.625)}.t-logo[_ngcontent-%COMP%]{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon[_ngcontent-%COMP%]{width:1rem;height:1rem}.t-front[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back[_ngcontent-%COMP%]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";top:20%;bottom:60%;background:#959595}'],changeDetection:0}),e})()},48664:(t,e,i)=>{i.d(e,{O0:()=>a,qH:()=>r.qH}),i(80108);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})();var r=i(39371)},80108:(t,e,i)=>{i.d(e,{y:()=>u});var n=i(6528),a=i(35856),r=i(45328),o=i(62548),s=i(39371);const c=["type","checkbox","tuiToggle",""];let u=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(o.TuiAppearanceDirective),this.resolver=(0,n.uUt)(o.TUI_ICON_RESOLVER),this.options=(0,n.uUt)(s.GC),this.el=(0,n.uUt)(n.GMv).nativeElement,this.size=this.options.size,this.showIcons=this.options.showIcons,this.control=(0,n.uUt)(a.eq,{optional:!0})}get icon(){const{options:t,resolver:e,size:i}=this;return`url(${e((0,r.tuiIsString)(t.icon)?t.icon:t.icon(i))})`}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["input","type","checkbox","tuiToggle",""]],hostVars:8,hostBindings:function(t,e){2&t&&(n.SoX("disabled",!e.control||e.control.disabled),n.e48("data-size",e.size),n.m4B("--t-mask",e.icon),n.eAK("_readonly",!e.control)("_icons",e.showIcons))},inputs:{size:"size",showIcons:"showIcons"},features:[n.GW$([{directive:o.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},r.TuiNativeValidatorDirective])],attrs:c,decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:3rem;height:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0}[data-appearance=secondary][_nghost-%COMP%], [data-appearance=secondary][_nghost-%COMP%]:invalid{color:var(--tui-text-01-night)}[data-size=s][_nghost-%COMP%]{height:1rem;width:2rem}[data-size=s][_nghost-%COMP%]:before{width:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[data-size=s][_nghost-%COMP%]:after{width:1rem;box-shadow:-2rem 0 0 .25rem currentColor}[data-size=s][_nghost-%COMP%]:checked:after{transform:scale(.5) translate(2rem)}[_nghost-%COMP%]:checked:before{transform:none}[_nghost-%COMP%]:checked:after{transform:scale(.5) translate(3rem)}[_nghost-%COMP%]:disabled._readonly{opacity:1}[_nghost-%COMP%]:before, [_nghost-%COMP%]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;height:100%;width:1.5rem}[_nghost-%COMP%]:before{display:none;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center;mask:var(--t-mask) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[_nghost-%COMP%]:after{right:0;border-radius:100%;transform:scale(.5);box-shadow:-3rem 0 0 .25rem currentColor}._icons[_nghost-%COMP%]:before{display:block}._icons[_nghost-%COMP%]:after{box-shadow:inset 0 0 0 .25rem var(--tui-clear-active),-3rem 0 0 .25rem currentColor}._icons[data-size=s][_nghost-%COMP%]:after{box-shadow:inset 0 0 0 .125rem var(--tui-clear-active),-2rem 0 0 .25rem currentColor}'],changeDetection:0}),e})()},39371:(t,e,i)=>{i.d(e,{GC:()=>r,qH:()=>o});var n=i(45328);const a={showIcons:!0,size:"m",icon:"tuiIconCheck",appearance:t=>t.checked?"primary":"secondary"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},6804:(t,e,i)=>{i.d(e,{i:()=>f});var n=i(6528),a=i(45328),r=i(62548),o=i(16616),s=i(12436),c=i(81544),u=i(26220),l=i(764),d=i(50904),h=i(13660),p=i(98140),g=i(31564),m=i(86568);let f=(()=>{var t;class e extends r.TuiHintOptionsDirective{constructor(t,e,i,a,r,c){super(i),this.tooltipOptions=a,this.platform=r,this.iconAppearance=c,this.textfield=(0,n.uUt)(o.b,{optional:!0}),this.mode=null,this.describeId="",e.pipe((0,s.a)(t)).subscribe((t=>{this.mode=t}))}get id(){var t;return this.describeId||(null===(t=this.textfield)||void 0===t?void 0:t.id)||""}get computedAppearance(){return this.appearance||this.mode||""}get tooltipIcon(){const{icons:t}=this.tooltipOptions;return(0,a.tuiIsString)(t)?t:t[this.platform]}stopOnMobile(t){var e;"web"!==this.platform&&(t.preventDefault(),t.stopPropagation()),null===(e=this.driver$)||void 0===e||e.toggle()}}return(t=e).ɵfac=function(e){return new(e||t)(n.GI1(a.TuiDestroyService,2),n.GI1(r.TUI_MODE),n.GI1(r.TUI_HINT_OPTIONS),n.GI1(c.Ki),n.GI1(a.TUI_PLATFORM),n.GI1(r.TuiAppearanceDirective,8))},t.ɵcmp=n.In1({type:t,selectors:[["tui-tooltip"]],viewQuery:function(t,e){if(1&t&&n.CC$(r.TuiHintHoverDirective,5),2&t){let t;n.wto(t=n.Gqi())&&(e.driver$=t.first)}},hostBindings:function(t,e){1&t&&n.qCj("mousedown",(function(t){return e.stopOnMobile(t)}))},inputs:{content:"content",direction:"direction",appearance:"appearance",showDelay:"showDelay",hideDelay:"hideDelay",describeId:"describeId",context:"context"},features:[n.M5G([a.TuiDestroyService,r.MODE_PROVIDER]),n.eg9],decls:3,vars:13,consts:[["automation-id","tui-tooltip__icon","size","xs","tuiIconButton","",1,"t-tooltip-button",3,"appearance","iconLeft","tuiAppearanceState","tuiHint","tuiHintAppearance","tuiHintContext","tuiHintDescribe","tuiHintDirection","tuiHintHideDelay","tuiHintShowDelay"],["driver","tuiHintHover"]],template:function(t,e){if(1&t&&(n.wR5(0,"button",0,1),n.wVc(2,"async")),2&t){const t=n.Gew(1);n.E7m("appearance",(null==e.iconAppearance?null:e.iconAppearance.tuiAppearance)||"icon")("iconLeft",e.tooltipIcon)("tuiAppearanceState",n.kDX(2,11,t)?"active":null)("tuiHint",e.content)("tuiHintAppearance",e.computedAppearance)("tuiHintContext",e.context)("tuiHintDescribe",e.id)("tuiHintDirection",e.direction)("tuiHintHideDelay",e.hideDelay)("tuiHintShowDelay",e.showDelay),n.e48("tabindex",e.id?-1:0)}},dependencies:[u.W,l.l,d.S,h.i,p.K,g.I,m.a],styles:['[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;border-radius:100%;cursor:pointer}.t-tooltip-button[_ngcontent-%COMP%]{border-radius:inherit;outline-offset:-4px}.t-tooltip-button[_ngcontent-%COMP%]:before{width:1rem;height:1rem}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-%COMP%] .t-tooltip-button[_ngcontent-%COMP%], [tuiWrapper][data-appearance="textfield"][data-state="disabled"] [_nghost-%COMP%] .t-tooltip-button[_ngcontent-%COMP%]{opacity:1}'],changeDetection:0}),e})()},81544:(t,e,i)=>{i.d(e,{Ki:()=>r,YT:()=>o});var n=i(45328);const a={icons:"tuiIconHelpCircle"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},75296:(t,e,i)=>{i.d(e,{k:()=>s});var n=i(62548),a=i(69480),r=i(42528),o=i(6528);let s=(()=>{var t;class e{constructor(t,e){this.resolver=t,this.icon=e}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(n.TUI_ICON_RESOLVER),o.GI1(r.I))},t.ɵdir=o.Sc5({type:t,selectors:[["","tuiIconButton","","tuiButtonClose",""]],hostVars:8,hostBindings:function(t,e){2&t&&(o.m4B("--t-mask-left","url("+e.resolver(e.icon)+")")("--t-radius",100,"%")("--tui-height-s",1.875,"rem"),o.eAK("_icon-left",!0))},features:[o.M5G([(0,a.eE)({appearance:"neutral",size:"s"})])]}),e})()},42528:(t,e,i)=>{i.d(e,{I:()=>n});const n=(0,i(45328).tuiCreateToken)("tuiIconClose")},8984:(t,e,i)=>{i.d(e,{Y:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-button-vertical-styles"],decls:0,vars:0,template:function(t,e){},styles:["[tuiButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: 0rem !important;flex-direction:column;height:auto;padding:.75rem;gap:.375rem;min-width:5rem;white-space:pre-line;font:var(--tui-font-text-s-2)}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 2)}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiButtonVertical",""]]}),e})()},91576:(t,e,i)=>{i.d(e,{u:()=>s,s:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-card"],decls:0,vars:0,template:function(t,e){},styles:["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle]{font-weight:700}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:-moz-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiCardMedium",""]],hostAttrs:["tuiCardMedium",""]}),e})(),s=(()=>{var t;class e{constructor(t){this.space="normal",t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiCardLarge",""]],hostAttrs:["tuiCardLarge",""],hostVars:1,hostBindings:function(t,e){2&t&&a.e48("data-space",e.space||"normal")},inputs:{space:["tuiCardLarge","space"]}}),e})()},28520:(t,e,i)=>{i.d(e,{s:()=>s});var n=i(45328),a=i(69480),r=i(6528);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=r.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-cell"],decls:0,vars:0,template:function(t,e){},styles:["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell]:disabled{pointer-events:none}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal;text-align:left}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:not([tuiSurface]):hover,button[tuiCell]:not([tuiSurface]):hover{background:var(--tui-clear);cursor:pointer}}\n"],encapsulation:2,changeDetection:0}),e})(),s=(()=>{var t;class e{constructor(t){this.size="l",t.addComponent(o)}}return(t=e).ɵfac=function(e){return new(e||t)(r.GI1(n.TuiDirectiveStylesService))},t.ɵdir=r.Sc5({type:t,selectors:[["","tuiCell",""]],hostAttrs:["tuiCell",""],hostVars:1,hostBindings:function(t,e){2&t&&r.e48("data-size",e.size||"l")},inputs:{size:["tuiCell","size"]},features:[r.M5G([(0,a.QW)({size:"s"}),(0,a.eE)({size:"s"})])]}),e})()},24980:(t,e,i)=>{i.d(e,{y:()=>d});var n=i(6528),a=i(44808),r=i(23012),o=i(45328),s=i(90824),c=i(54312),u=i(12436);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-fade-styles"],decls:0,vars:0,template:function(t,e){},styles:['[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation="vertical"]){-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation="vertical"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation="vertical"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation="vertical"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n'],encapsulation:2,changeDetection:0}),e})(),d=(()=>{var t;class e{constructor(t,e,i,n,a){this.lineHeight=null,this.size="1.5em",this.offset="0em",this.orientation="horizontal";const r=n.nativeElement;(0,o.tuiWithStyles)(l),(0,s.U)(e,i,(0,c.w)(r,"scroll")).pipe((0,o.tuiZonefree)(a),(0,u.a)(t)).subscribe((()=>{r.classList.toggle("_start",!!r.scrollLeft||!!r.scrollTop),r.classList.toggle("_end",this.isEnd(r))}))}isEnd(t){return Math.round(t.scrollLeft)t.clientHeight}}return(t=e).ɵfac=function(e){return new(e||t)(n.GI1(o.TuiDestroyService,2),n.GI1(r.mg),n.GI1(a.m0),n.GI1(n.GMv),n.GI1(n.WW2))},t.ɵdir=n.Sc5({type:t,selectors:[["","tuiFade",""]],hostVars:9,hostBindings:function(t,e){2&t&&(n.e48("data-orientation",e.orientation),n.m4B("line-height",e.lineHeight)("--line-height",e.lineHeight)("--fade-size",e.size)("--fade-offset",e.offset))},inputs:{lineHeight:["tuiFadeHeight","lineHeight"],size:["tuiFadeSize","size"],offset:["tuiFadeOffset","offset"],orientation:["tuiFade","orientation"]},features:[n.M5G([o.TuiDestroyService,r.mg,a.m0,{provide:a.I9,useValue:{characterData:!0,subtree:!0}}])]}),e})()},14028:(t,e,i)=>{i.d(e,{s:()=>c});var n=i(45328),a=i(69480),r=i(33976),o=i(6528);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=o.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-header"],standalone:!0,features:[o.UHJ],decls:0,vars:0,template:function(t,e){},styles:['[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiHeader] [tuiAccessories]:before{content:"\\200b";visibility:hidden}[tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-02)}[tuiHeader] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-02);font-weight:500;text-transform:uppercase}[tuiHeader][data-size=xxl] [tuiTitle],[tuiHeader][data-size=xxl] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeader][data-size=xl] [tuiTitle],[tuiHeader][data-size=xl] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeader][data-size=l] [tuiTitle],[tuiHeader][data-size=l] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeader][data-size=m] [tuiTitle],[tuiHeader][data-size=m] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeader][data-size=s] [tuiTitle],[tuiHeader][data-size=s] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeader][data-size=xs] [tuiTitle],[tuiHeader][data-size=xs] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeader][data-size=xxs] [tuiTitle],[tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeader][data-size=xxl] [tuiSubtitle],[tuiHeader][data-size=xl] [tuiSubtitle],[tuiHeader][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-l)}tui-root._mobile [tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}tui-root._mobile [tuiHeader][data-size=xxs] [tuiTitle],tui-root._mobile [tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-heading-6)}\n'],encapsulation:2,changeDetection:0}),e})(),c=(()=>{var t;class e{constructor(){this.nothing=(0,n.tuiWithStyles)(s),this.size="s"}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=o.Sc5({type:t,selectors:[["","tuiHeader",""]],hostAttrs:["tuiHeader",""],hostVars:1,hostBindings:function(t,e){2&t&&o.e48("data-size",e.size||"s")},inputs:{size:["tuiHeader","size"]},standalone:!0,features:[o.M5G([(0,a.QW)({size:"s"}),(0,a.eE)({size:"s"}),(0,r.tuiBadgeOptionsProvider)({size:"m"})])]}),e})()},61788:(t,e,i)=>{i.d(e,{K:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-progress-segmented"],decls:0,vars:0,template:function(t,e){},styles:["[tuiProgressBar]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){this.segments=1,t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiProgressBar","","segments",""]],hostAttrs:[1,"_segmented"],hostVars:3,hostBindings:function(t,e){2&t&&(a.e48("new",""),a.m4B("--t-segment-width",1/e.segments))},inputs:{segments:"segments"}}),e})()},50664:(t,e,i)=>{i.d(e,{H:()=>c});var n=i(6528),a=i(23012),r=i(45328),o=i(14184);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-sensitive-styles"],decls:0,vars:0,template:function(t,e){},styles:['.tui-sensitive{position:relative;display:inline-block;line-height:1em;-webkit-clip-path:inset(0 round .25rem);clip-path:inset(0 round .25rem)}.tui-sensitive:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:currentColor;border-radius:inherit;-webkit-mask-image:url(\'data:image/svg+xml,\');mask-image:url(\'data:image/svg+xml,\');-webkit-mask-size:auto var(--t-mask-height);mask-size:auto var(--t-mask-height);-webkit-mask-position:var(--t-offset, 0) 0;mask-position:var(--t-offset, 0) 0}.tui-sensitive.tui-sensitive{-webkit-text-fill-color:transparent}\n'],encapsulation:2,changeDetection:0}),e})(),c=(()=>{var t;class e{constructor(){this.nothing=(0,r.tuiWithStyles)(s),this.tuiSensitive=!1,this.offset=10*Math.round(10*Math.random()),this.height$=(0,n.uUt)(a.mg).pipe((0,o.k)((([{contentRect:t}])=>[Math.max(2,Math.floor(t.height/16)+1),t.height])),(0,o.k)((([t,e])=>e*(3/t))))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["","tuiSensitive",""]],hostVars:5,hostBindings:function(t,e){1&t&&n.qCj("$.style.--t-mask-height.px",(function(){return e.height$})),2&t&&(n.SoX("$.style.--t-mask-height.px",e.height$),n.m4B("--t-offset",e.offset,"px"),n.eAK("tui-sensitive",e.tuiSensitive))},inputs:{tuiSensitive:"tuiSensitive"},features:[n.M5G([a.mg])]}),e})()},15268:(t,e,i)=>{i.d(e,{c:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-surface-styles"],decls:0,vars:0,template:function(t,e){},styles:['[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:focus-visible{outline-color:var(--tui-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[tuiSurface][data-surface=elevated]{box-shadow:var(--tui-shadow);background:var(--tui-elevation-01)}button[tuiSurface][data-surface=elevated]:active,a[tuiSurface][data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=elevated]:hover,a[tuiSurface][data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-elevation-01)}}[tuiSurface][data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[tuiSurface][data-surface=flat]:active,a[tuiSurface][data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=flat]:hover,a[tuiSurface][data-surface=flat]:hover{transform:scale(1.15)}}\n'],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){this.tuiSurface="",t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiSurface",""]],hostAttrs:["tuiSurface",""],hostVars:1,hostBindings:function(t,e){2&t&&a.e48("data-surface",e.tuiSurface)},inputs:{tuiSurface:"tuiSurface"}}),e})()},52132:(t,e,i)=>{i.d(e,{e:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-title"],decls:0,vars:0,template:function(t,e){},styles:["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:left;gap:.25rem;margin:0;font:var(--tui-font-text-m-2)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-s-2)}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){this.size="",t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiTitle",""]],hostAttrs:["tuiTitle",""],hostVars:1,hostBindings:function(t,e){2&t&&a.e48("data-size",e.size||null)},inputs:{size:["tuiTitle","size"]}}),e})()},84788:(t,e,i)=>{i.d(e,{MX:()=>g,g3:()=>f,AP:()=>n.AP,CA:()=>n.CA,W4:()=>n.W4,_e:()=>n._e,n5:()=>r,CI:()=>n.CI,gb:()=>o,kD:()=>s,yk:()=>c,Q7:()=>n.Q7,GE:()=>n.GE,mw:()=>n.mw,m_:()=>n.m_,mC:()=>u,o3:()=>v,C:()=>n.C,iS:()=>b,_y:()=>n._y,uw:()=>l,Ud:()=>n.Ud,sZ:()=>n.sZ,Gg:()=>n.Gg,kT:()=>d,kF:()=>h,AT:()=>n.AT,iK:()=>n.Sm,_M:()=>p,O0:()=>n.O0,aA:()=>n.aA,eE:()=>m.eE,QW:()=>n.QW,Og:()=>n.eE,YT:()=>n.YT});var n=i(69480),a=(i(75296),i(6528));let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(42528),i(8984);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(91576);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(28520);let c=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(24980);let u=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(14028),i(61788);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(50664);let d=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(15268);let h=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(52132);let p=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})(),g=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();var m=i(34032);i(86824);let f=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(13132);let v=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(71984);let b=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})()},34032:(t,e,i)=>{i.d(e,{eE:()=>o,uQ:()=>r});var n=i(45328);const a={currency:null,currencyAlign:"right",sign:"negative-only"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},86824:(t,e,i)=>{i.d(e,{_:()=>u});var n=i(63528),a=i(45328),r=i(62548),o=i(14184),s=i(34032),c=i(6528);let u=(()=>{var t;class e{constructor(t,e){this.options=t,this.format=e}transform(t,e=this.options.currency,i=this.options.currencyAlign){return this.format.pipe((0,o.k)((o=>{const s=(0,n.tuiFormatSignSymbol)(t,this.options.sign),c=(0,n.tuiFormatCurrency)(e),u=(0,r.tuiFormatNumber)(Math.abs(t),{...o,decimalLimit:this.getDecimalLimit(t,Number.isNaN(o.decimalLimit)?2:o.decimalLimit,(null==o?void 0:o.decimal)||"not-zero")}),l=(null==c?void 0:c.length)>1||"right"===i?a.CHAR_NO_BREAK_SPACE:"";return"right"===i?`${s}${u}${l}${c}`:`${s}${c}${l}${u}`})))}getDecimalLimit(t,e,i){return"always"===i||"not-zero"===i&&t%1?e:0}}return(t=e).ɵfac=function(e){return new(e||t)(c.GI1(s.uQ,16),c.GI1(r.TUI_NUMBER_FORMAT_OBSERVABLE,16))},t.ɵpipe=c.UTH({name:"tuiAmount",type:t,pure:!0}),e})()},13132:(t,e,i)=>{i.d(e,{W:()=>r});var n=i(33976),a=i(6528);let r=(()=>{var t;class e{transform(t){return(0,n.tuiStringHashToHsl)(t)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵpipe=a.UTH({name:"tuiAutoColor",type:t,pure:!0}),e})()},71984:(t,e,i)=>{i.d(e,{o:()=>u});var n=i(6528),a=i(62548),r=i(90824),o=i(54312),s=i(14184),c=i(27400);let u=(()=>{var t;class e{constructor(t){this.el=t}transform(t,e){return(0,r.U)((0,o.w)(this.el.nativeElement,a.TUI_ICON_ERROR),(0,o.w)(this.el.nativeElement,"error",{capture:!0})).pipe((0,s.k)((()=>e)),(0,c.W)(t))}}return(t=e).ɵfac=function(e){return new(e||t)(n.GI1(n.GMv,16))},t.ɵpipe=n.UTH({name:"tuiFallbackSrc",type:t,pure:!0}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[37304],{72512:(t,e,i)=>{i.d(e,{A:()=>r});var n=i(6528);const a=["*"];let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-avatar-labeled"]],standalone:!0,features:[n.UHJ],ngContentSelectors:a,decls:1,vars:0,template:function(t,e){1&t&&(n.kPM(),n._Xx(0))},styles:["tui-avatar-labeled{display:flex;width:3.5rem;box-sizing:content-box;flex-direction:column;text-align:center;align-items:center;line-height:.895rem;font-size:.75rem;padding:0 .5rem}tui-avatar-labeled tui-avatar{margin-bottom:.375rem}tui-avatar-labeled [tuiFade]{width:calc(100% + 1rem)}\n"],encapsulation:2,changeDetection:0}),e})()},3088:(t,e,i)=>{i.d(e,{I:()=>h});var n=i(45328),a=i(62548),r=i(6500),o=i(6528),s=i(86568),c=i(21760);function u(t,e){if(1&t&&o.wR5(0,"img",4),2&t){const t=o.GaO();o.E7m("src",t.value,o.K6U)}}function l(t,e){if(1&t&&(o.SAx(0),o.OEk(1),o.k70()),2&t){const t=o.GaO();o.yG2(1),o.cNF(t.value)}}function d(t,e){1&t&&(o.SAx(0),o._Xx(1),o.k70())}const p=["*"];let h=(()=>{var t;class e{constructor(t,e){this.options=t,this.resolver=e,this.size=this.options.size,this.round=this.options.round,this.src=null}get value(){return this.src||""}get type(){return this.value&&!(0,n.tuiIsString)(this.value)?"img":this.value.startsWith("tuiIcon")||this.value.endsWith(".svg")?"icon":this.value.length>0&&this.value.length<3?"text":this.value.length?"img":"content"}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(r.sr),o.GI1(a.TUI_ICON_RESOLVER))},t.ɵcmp=o.In1({type:t,selectors:[["tui-avatar"]],hostVars:6,hostBindings:function(t,e){2&t&&(o.e48("data-size",e.size)("data-type",e.type),o.m4B("--t-mask","url("+e.resolver(e.src)+")"),o.eAK("_round",e.round))},inputs:{size:"size",round:"round",src:"src"},features:[o.M5G([(0,a.tuiAppearanceOptionsProvider)(r.sr)]),o.GW$([{directive:a.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]}])],ngContentSelectors:p,decls:4,vars:3,consts:[[3,"ngSwitch"],["alt","","loading","lazy",3,"src",4,"ngSwitchCase"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],["alt","","loading","lazy",3,"src"]],template:function(t,e){1&t&&(o.kPM(),o.SAx(0,0),o.yuY(1,u,1,1,"img",1),o.yuY(2,l,2,1,"ng-container",2),o.yuY(3,d,2,0,"ng-container",3),o.k70()),2&t&&(o.E7m("ngSwitch",e.type),o.yG2(1),o.E7m("ngSwitchCase","img"),o.yG2(1),o.E7m("ngSwitchCase","text"))},dependencies:[s.Ko,s.Wm,s.UZ,c.i],styles:['[_nghost-%COMP%]{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}[data-size=xxs][_nghost-%COMP%]{--t-size: 1.5rem;--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:700}[data-size=xxs][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-size:.5625rem}[data-size=xs][_nghost-%COMP%]{--t-size: 2rem;--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:700}[data-size=xs][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-xs);font-weight:700}[data-size=s][_nghost-%COMP%]{--t-size: 2.5rem;--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:700}[data-size=s][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-m);font-weight:700}[data-size=m][_nghost-%COMP%]{--t-size: 3.5rem;--t-radius: .75rem;font:var(--tui-font-heading-5)}[data-size=m][data-type=content][_nghost-%COMP%]{font:var(--tui-font-text-l);font-weight:700}[data-size=l][_nghost-%COMP%]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}[data-size=l][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-4)}[data-size=xl][_nghost-%COMP%]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}[data-size=xl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-size=xxl][_nghost-%COMP%]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}[data-size=xxl][data-type=content][_nghost-%COMP%]{font:var(--tui-font-heading-3)}[data-type=img][_nghost-%COMP%]{background:transparent}[data-type=icon][_nghost-%COMP%]:before{content:""}._round[_nghost-%COMP%]{--t-radius: calc(var(--t-size) / 2)}[_nghost-%COMP%] img, [_nghost-%COMP%] picture, [_nghost-%COMP%] video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}'],changeDetection:0}),e})()},6500:(t,e,i)=>{i.d(e,{QW:()=>o,sr:()=>r});var n=i(45328);const a={appearance:"",round:!0,size:"m"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},79415:(t,e,i)=>{i.d(e,{CA:()=>s,QW:()=>c.QW}),i(3088);var n=i(86568),a=i(18208),r=i(33976),o=i(6528);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=o.a4G({type:t}),t.ɵinj=o.s3X({imports:[n.MD,a.C,r.TuiLazyLoadingModule]}),e})();var c=i(6500)},67156:(t,e,i)=>{i.d(e,{u:()=>s});var n=i(6528),a=i(62548),r=i(55472);const o=["*"];let s=(()=>{var t;class e{constructor(){this.size=(0,n.uUt)(r.qe).size,this.options=(0,a.tuiToAnimationOptions)((0,n.uUt)(a.TUI_ANIMATIONS_SPEED))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-badge-notification"]],hostVars:2,hostBindings:function(t,e){2&t&&(n.e48("data-size",e.size),n.Swe("@tuiPop",e.options))},inputs:{size:"size"},ngContentSelectors:o,decls:1,vars:0,template:function(t,e){1&t&&(n.kPM(),n._Xx(0))},styles:["[_nghost-%COMP%]{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}[data-size=m][_nghost-%COMP%]{--t-size: 1.25rem}[data-size=s][_nghost-%COMP%]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}[data-size=xs][_nghost-%COMP%]{--t-size: .375rem;padding:0;font-size:0}"],data:{animation:[a.tuiPop]},changeDetection:0}),e})()},55472:(t,e,i)=>{i.d(e,{Ml:()=>o,qe:()=>r});var n=i(45328);const a={size:"m"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},84760:(t,e,i)=>{i.d(e,{_e:()=>a,Ml:()=>r.Ml}),i(67156);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})();var r=i(55472)},60588:(t,e,i)=>{i.d(e,{K:()=>l});var n=i(45328),a=i(62548),r=i(14200),o=i(6528),s=i(18692);const c=["tuiButton","","loading",""],u=["*"];let l=(()=>{var t;class e{constructor(t){this.options=t,this.size=this.options.size,this.loading=!1}get loaderSize(){return(0,a.tuiSizeBigger)(this.size)?"m":"s"}get label(){return(0,n.tuiIsString)(this.loading)?this.loading:""}onClick(t){this.loading&&t.stopPropagation()}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(r.B0))},t.ɵcmp=o.In1({type:t,selectors:[["","tuiButton","","loading",""],["","tuiIconButton","","loading",""]],hostVars:3,hostBindings:function(t,e){1&t&&o.qCj("click.capture",(function(t){return e.onClick(t)})),2&t&&(o.e48("aria-disabled",e.loading),o.eAK("_loading",e.loading))},inputs:{size:"size",loading:"loading"},attrs:c,ngContentSelectors:u,decls:2,vars:4,consts:[["aria-live","polite","role","status",1,"t-loader",3,"inheritColor","showLoader","size","textContent"]],template:function(t,e){1&t&&(o.kPM(),o._Xx(0),o.wR5(1,"tui-loader",0)),2&t&&(o.yG2(1),o.E7m("inheritColor",!0)("showLoader",!!e.loading)("size",e.loaderSize)("textContent",e.label))},dependencies:[s.C],encapsulation:2,changeDetection:0}),e})()},26220:(t,e,i)=>{i.d(e,{W:()=>c});var n=i(45328),a=i(62548),r=i(14200),o=i(6528);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=o.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-button-styles"],decls:0,vars:0,template:function(t,e){},styles:['[tuiButtonNew]{--t-gap: .125rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));height:var(--t-size);justify-content:center;border-radius:var(--t-radius);padding:var(--t-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}[tuiButtonNew]>img,[tuiButtonNew]>tui-svg,[tuiButtonNew]>tui-icon,[tuiButtonNew]>tui-avatar,[tuiButtonNew]>tui-badge,[tuiButtonNew]>[tuiBadge],[tuiButtonNew]>[tuiRadio],[tuiButtonNew]>[tuiToggle],[tuiButtonNew]>[tuiCheckbox],[tuiButtonNew]._icon-left:before,[tuiButtonNew]._icon-right:after{margin:var(--t-margin)}[tuiButtonNew]>.t-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[tuiButtonNew]>.t-loader .t-text{position:absolute}[tuiButtonNew][data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: var(--tui-radius-xs);--t-padding: 0 .375rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=xs] tui-svg,[tuiButtonNew][data-size=xs] tui-icon,[tuiButtonNew][data-size=xs]:before{font-size:1rem}[tuiButtonNew][data-size=s]{--t-size: var(--tui-height-s);--t-radius: var(--tui-radius-s);--t-padding: 0 .625rem;--t-margin: -.125rem;font:var(--tui-font-text-s)}[tuiButtonNew][data-size=s] tui-svg,[tuiButtonNew][data-size=s] tui-icon,[tuiButtonNew][data-size=s]:not([tuiIconButton][data-appearance="icon"]):before{font-size:1rem}[tuiButtonNew][data-size=m]{--t-size: var(--tui-height-m);--t-radius: var(--tui-radius-m);--t-padding: 0 1rem;--t-margin: -.375rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonNew][data-size=m]:after{-webkit-margin-start:.375rem;margin-inline-start:.375rem}[tuiButtonNew][data-size=l]{--t-size: var(--tui-height-l);--t-radius: var(--tui-radius-l);--t-padding: 0 1.25rem;--t-gap: .25rem;--t-margin: -.25rem;font:var(--tui-font-text-m);font-weight:700}[tuiButtonNew][data-size=l]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem;-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiButtonNew]._loading{--tui-disabled-opacity: 1;-webkit-text-fill-color:transparent}[tuiButtonNew]._loading>*,[tuiButtonNew]._loading:before,[tuiButtonNew]._loading:after{opacity:0}[tuiButtonNew]._loading>.t-loader{opacity:1}[tuiButtonNew][tuiIcons]:after{font-size:1rem}[tuiIconButton][tuiButtonNew]{--t-gap: 0;width:var(--t-size);font-size:0;padding:0}\n'],encapsulation:2,changeDetection:0}),e})(),c=(()=>{var t;class e{constructor(t,e,i){this.options=t,this.mode$=e,this.size=this.options.size,i.addComponent(s)}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(r.B0),o.GI1(a.TUI_MODE),o.GI1(n.TuiDirectiveStylesService))},t.ɵdir=o.Sc5({type:t,selectors:[["a","tuiButton",""],["button","tuiButton",""],["a","tuiIconButton",""],["button","tuiIconButton",""]],hostAttrs:["tuiButtonNew",""],hostVars:1,hostBindings:function(t,e){1&t&&o.qCj("$.data-mode.attr",(function(){return e.mode$})),2&t&&o.e48("data-size",e.size)},inputs:{size:"size"},features:[o.M5G([a.MODE_PROVIDER,(0,a.tuiAppearanceOptionsProvider)(r.B0)]),o.GW$([{directive:a.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},{directive:a.TuiIconsDirective,inputs:["iconLeft","iconLeft","iconRight","iconRight"]}])]}),e})()},14200:(t,e,i)=>{i.d(e,{B0:()=>r,eE:()=>o});var n=i(45328);const a={appearance:"primary",size:"l"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},4744:(t,e,i)=>{i.d(e,{CI:()=>o,eE:()=>s.eE}),i(60588),i(26220);var n=i(86568),a=i(62548),r=i(6528);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[n.MD,a.TuiSvgModule,a.TuiLoaderModule]}),e})();var s=i(14200)},10268:(t,e,i)=>{i.d(e,{g:()=>l});var n=i(6528),a=i(35856),r=i(45328),o=i(62548),s=i(12436),c=i(25864);const u=["type","checkbox","tuiCheckbox",""];let l=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(o.TuiAppearanceDirective),this.options=(0,n.uUt)(c.uU),this.resolver=(0,n.uUt)(o.TUI_ICON_RESOLVER),this.destroy$=(0,n.uUt)(r.TuiDestroyService,{self:!0}),this.el=(0,n.uUt)(n.GMv).nativeElement,this.size=this.options.size,this.control=(0,n.uUt)(a.eq,{optional:!0})}ngOnInit(){var t;null!==(t=this.control)&&void 0!==t&&t.valueChanges&&(0,r.tuiControlValue)(this.control).pipe((0,s.a)(this.destroy$)).subscribe((t=>{this.el.indeterminate=null===t}))}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}getIcon(t){const e=this.options.icons[t],i=(0,r.tuiIsString)(e)?e:e(this.size);return`url(${this.resolver(i)})`}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["input","type","checkbox","tuiCheckbox",""]],hostVars:8,hostBindings:function(t,e){2&t&&(n.SoX("disabled",!e.control||e.control.disabled),n.e48("data-size",e.size),n.m4B("--t-checked",e.getIcon("checked"))("--t-indeterminate",e.getIcon("indeterminate")),n.eAK("_readonly",!e.control))},inputs:{size:"size"},features:[n.M5G([r.TuiDestroyService]),n.GW$([{directive:o.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},r.TuiNativeValidatorDirective])],attrs:u,decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{--t-size: 1.5rem;width:var(--t-size);height:var(--t-size);border-radius:var(--tui-radius-s);cursor:pointer;margin:0}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:currentColor;-webkit-mask:url(\'data:image/svg+xml,\') center / 100%;mask:url(\'data:image/svg+xml,\') center / 100%;transform:scale(0);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s var(--tui-duration) ease-in-out,-webkit-mask 0s var(--tui-duration) ease-in-out}[_nghost-%COMP%]:disabled._readonly{opacity:1}[_nghost-%COMP%]:checked:before, [_nghost-%COMP%]:indeterminate:before{-webkit-mask-image:var(--t-checked);mask-image:var(--t-checked);transform:scale(1);transition:transform var(--tui-duration) ease-in-out,-webkit-mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out;transition:transform var(--tui-duration) ease-in-out,mask 0s ease-in-out,-webkit-mask 0s ease-in-out}[_nghost-%COMP%]:indeterminate:before{-webkit-mask-image:var(--t-indeterminate);mask-image:var(--t-indeterminate)}[data-size=s][_nghost-%COMP%]{--t-size: 1rem;border-radius:var(--tui-radius-xs)}'],changeDetection:0}),e})()},25864:(t,e,i)=>{i.d(e,{cL:()=>o,uU:()=>r});var n=i(45328);const a={size:"m",appearance:t=>t.checked||t.indeterminate?"primary":"whiteblock",icons:{checked:t=>"m"===t?"tuiIconCheckLarge":"tuiIconCheck",indeterminate:t=>"m"===t?"tuiIconMinusLarge":"tuiIconMinus"}},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},45988:(t,e,i)=>{i.d(e,{Q7:()=>a,cL:()=>r.cL}),i(10268);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})();var r=i(25864)},23716:(t,e,i)=>{i.d(e,{e:()=>p});var n=i(45328),a=i(62548),r=i(79415),o=i(4744),s=i(45988),c=i(48664),u=i(6528);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=u.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-chip"],decls:0,vars:0,template:function(t,e){},styles:["tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;gap:calc(var(--t-gap) - 2 * var(--t-margin));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);height:var(--t-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiToggle],[tuiChip]>[tuiToggle],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip._icon-left:before,[tuiChip]._icon-left:before,tui-chip._icon-right:after,[tuiChip]._icon-right:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: 0rem;--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s],[tuiChip][data-size=s]{--t-padding: 0 .625rem;--t-size: var(--tui-height-s)}tui-chip[data-size=s]>[tuiIconButton],[tuiChip][data-size=s]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s]>img,[tuiChip][data-size=s]>img,tui-chip[data-size=s] tui-avatar,[tuiChip][data-size=s] tui-avatar{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img{width:1.5rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}\n"],encapsulation:2,changeDetection:0}),e})();var d=i(63160);let p=(()=>{var t;class e{constructor(t,e){this.options=t,this.size=this.options.size,e.addComponent(l)}}return(t=e).ɵfac=function(e){return new(e||t)(u.GI1(d.Kk),u.GI1(n.TuiDirectiveStylesService))},t.ɵdir=u.Sc5({type:t,selectors:[["tui-chip"],["","tuiChip",""]],hostVars:1,hostBindings:function(t,e){2&t&&u.e48("data-size",e.size)},inputs:{size:"size"},features:[u.M5G([(0,a.tuiAppearanceOptionsProvider)(d.Kk),(0,c.qH)({size:"s"}),(0,s.cL)({size:"s"}),(0,r.QW)({size:"xxs"}),(0,o.eE)({size:"xs",appearance:"icon"})]),u.GW$([{directive:a.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},{directive:a.TuiIconsDirective,inputs:["iconLeft","iconLeft","iconRight","iconRight"]}])]}),e})()},63160:(t,e,i)=>{i.d(e,{Kk:()=>n});const n=(0,i(45328).tuiCreateToken)({appearance:"neutral",size:"s"})},12712:(t,e,i)=>{i.d(e,{m:()=>a});var n=i(6528);let a=(()=>{var t;class e{constructor(){this.degrees=NaN}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-compass"]],hostVars:2,hostBindings:function(t,e){2&t&&n.m4B("--t-degrees",e.degrees,"deg")},inputs:{degrees:"degrees"},decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{position:relative;display:inline-block;color:var(--tui-primary);border-radius:50%;width:1rem;height:1rem;border:.1875rem solid var(--tui-base-01);box-shadow:0 0 .1875rem #0000004d;transform-style:preserve-3d}[_nghost-%COMP%]:before{content:"";position:absolute;top:0;left:.125rem;-webkit-mask-image:url(\'data:image/svg+xml,\');mask-image:url(\'data:image/svg+xml,\');transform:rotate(var(--t-degrees)) translateY(-.625rem) translateZ(-1rem);width:.75rem;height:1rem;background:currentColor}[_nghost-%COMP%]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";border-radius:inherit;background:currentColor linear-gradient(-45deg,rgba(0,0,0,.2),transparent)}'],changeDetection:0}),e})()},69352:(t,e,i)=>{i.d(e,{i:()=>r});var n=i(62548),a=i(6528);let r=(()=>{var t;class e{constructor(t){this.resolver=t,this.icon="",this.background=""}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TUI_ICON_RESOLVER))},t.ɵcmp=a.In1({type:t,selectors:[["tui-icon"]],hostVars:6,hostBindings:function(t,e){2&t&&(a.m4B("--t-mask","url("+e.resolver(e.icon)+")")("--t-mask-bg",e.background?"url("+e.resolver(e.background).replace("Outline","")+")":null),a.eAK("_duo",e.background))},inputs:{icon:"icon",background:"background"},decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{position:relative;display:inline-block;width:1em;height:1em;font-size:1.5rem;flex-shrink:0;vertical-align:middle}._duo[_nghost-%COMP%]{-webkit-mask:var(--t-mask-bg) no-repeat center / contain;mask:var(--t-mask-bg) no-repeat center / contain}[_nghost-%COMP%]:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";-webkit-mask:var(--t-mask) no-repeat center / contain;mask:var(--t-mask) no-repeat center / contain;background:currentColor}'],changeDetection:0}),e})()},18208:(t,e,i)=>{i.d(e,{C:()=>a}),i(69352);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})()},69480:(t,e,i)=>{i.d(e,{AP:()=>a.A,CA:()=>n.CA,W4:()=>o,_e:()=>s._e,CI:()=>c.CI,Q7:()=>u.Q7,GE:()=>l,mw:()=>d.m,m_:()=>p,C:()=>h.C,_y:()=>g,Ud:()=>f,sZ:()=>w,Gg:()=>C.G,AT:()=>x.AT,Sm:()=>z,O0:()=>_.O0,aA:()=>O,QW:()=>n.QW,eE:()=>c.eE,YT:()=>M.YT});var n=i(79415),a=i(72512),r=i(6528);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[n.CA]}),e})();var s=i(84760),c=i(4744),u=i(45988);i(23716);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();i(63160);var d=i(12712);let p=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();var h=i(18208);let g=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();i(83084);let f=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({}),e})();i(46312),i(49696);var m=i(86568),v=i(35856),b=i(45328),y=i(58200);let w=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[m.MD,v.y,h.C,b.TuiRepeatTimesModule,y.Ux]}),e})();i(45488);var C=i(81436),x=(i(92640),i(16616));i(17060);let z=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[m.MD,h.C]}),e})();var _=i(48664),k=(i(6804),i(62548));let O=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[m.MD,c.CI,k.TuiHintModule,h.C,y.Ux]}),e})();var M=i(81544)},83084:(t,e,i)=>{i.d(e,{m:()=>u});var n=i(6528),a=i(35856),r=i(62548),o=i(46312),s=i(45328);const c=["type","radio","tuiRadio",""];let u=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(r.TuiAppearanceDirective),this.options=(0,n.uUt)(o.Gq),this.el=(0,n.uUt)(n.GMv).nativeElement,this.size=this.options.size,this.control=(0,n.uUt)(a.eq,{optional:!0})}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["input","type","radio","tuiRadio",""]],hostVars:4,hostBindings:function(t,e){2&t&&(n.SoX("disabled",!e.control||e.control.disabled),n.e48("data-size",e.size),n.eAK("_readonly",!e.control))},inputs:{size:"size"},features:[n.GW$([{directive:r.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},s.TuiNativeValidatorDirective])],attrs:c,decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{--t-size: 1.5rem;transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:var(--t-size);height:var(--t-size);cursor:pointer;margin:0;border-radius:100%;color:var(--tui-primary-text)}[_nghost-%COMP%]:disabled._readonly{opacity:1}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";border-radius:100%;background:currentColor;transform:scale(0)}[_nghost-%COMP%]:checked:before{transform:scale(.5)}[data-size=s][_nghost-%COMP%]{--t-size: 1rem}'],changeDetection:0}),e})()},46312:(t,e,i)=>{i.d(e,{Gq:()=>n});const n=(0,i(45328).tuiCreateToken)({size:"m",appearance:({checked:t})=>t?"primary":"whiteblock"})},49696:(t,e,i)=>{i.d(e,{W:()=>g});var n=i(6528),a=i(35856),r=i(45328),o=i(45488),s=i(69352),c=i(34576),u=i(58200);function l(t,e){if(1&t&&n.wR5(0,"tui-icon",6),2&t){const t=e.polymorpheusOutlet,i=n.GaO().$implicit,a=n.GaO();n.m4B("--t-cut",100-a.getCut(i),"%"),n.eAK("t-icon_fraction",a.isFraction(i)),n.E7m("icon",t.toString())}}function d(t,e){if(1&t&&n.wR5(0,"tui-icon",7),2&t){const t=e.polymorpheusOutlet,i=n.GaO().$implicit,a=n.GaO();n.m4B("--t-cut",a.getCut(i),"%"),n.E7m("icon",t.toString())}}const p=function(t){return{$implicit:t}};function h(t,e){if(1&t){const t=n.KQA();n.I0R(0,"div",3),n.qCj("pointerup",(function(){const e=n.usT(t).$implicit,i=n.GaO();return n.CGJ(i.onClick(i.max-e))})),n.yuY(1,l,1,5,"tui-icon",4),n.yuY(2,d,1,3,"tui-icon",5),n.C$Y()}if(2&t){const t=e.$implicit,i=n.GaO();n.eAK("t-item_active",i.isActive(t)),n.yG2(1),n.E7m("polymorpheusOutlet",i.icon)("polymorpheusOutletContext",n.S45(6,p,i.max-t)),n.yG2(1),n.E7m("polymorpheusOutlet",i.icon)("polymorpheusOutletContext",n.S45(8,p,i.max-t))}}let g=(()=>{var t;class e extends r.AbstractTuiControl{constructor(t,e,i){super(t,e),this.options=i,this.icon=this.options.icon,this.max=this.options.max,this.active=0}get nativeFocusableElement(){var t;return this.computedDisabled?null:(null===(t=this.input)||void 0===t?void 0:t.nativeElement)||null}get focused(){return(0,r.tuiIsNativeFocused)(this.nativeFocusableElement)}onKeyDown(t){this.readOnly&&t.preventDefault()}onPointer(t){this.active=(0,r.tuiClamp)(this.active+t,0,1)}onClick(t){this.active&&(this.value=t)}isActive(t){return Math.ceil(this.value)>=this.max-t}isFraction(t){return this.value>this.max-t-1&&this.value*{font-size:1rem}.t-icon_blank[_ngcontent-%COMP%]{position:absolute;top:0;left:0;display:none;color:var(--tui-base-06);-webkit-clip-path:inset(0 0 0 var(--t-cut));clip-path:inset(0 0 0 var(--t-cut))}.t-icon_fraction[_ngcontent-%COMP%]{display:block}@media (any-pointer: coarse){._active[_nghost-%COMP%] .t-item_active[_ngcontent-%COMP%]{transform:scale(.85);transition-timing-function:ease-in-out}.t-range[_ngcontent-%COMP%]{pointer-events:auto}.t-icon[_ngcontent-%COMP%]{transition:none}}"],changeDetection:0}),e})()},45488:(t,e,i)=>{i.d(e,{CS:()=>n});const n=(0,i(45328).tuiCreateToken)({icon:"tuiIconStarLarge",max:5})},81436:(t,e,i)=>{i.d(e,{G:()=>l});var n=i(6528),a=i(23012),r=i(45328),o=i(84760),s=i(12436),c=i(92640);const u=["*"];let l=(()=>{var t;class e{constructor(){this.el=(0,n.uUt)(n.GMv).nativeElement,this.sub=(0,n.uUt)(a.mg).pipe((0,r.tuiZonefree)((0,n.uUt)(n.WW2)),(0,s.a)((0,n.uUt)(r.TuiDestroyService,{self:!0}))).subscribe((()=>this.refresh())),this.size="s",this.activeItemIndex=0,this.activeItemIndexChange=new n._w7}ngOnChanges(){this.refresh()}update(t){t!==this.activeItemIndex&&(this.activeItemIndex=t,this.activeItemIndexChange.emit(t),this.refresh())}get left(){const t=this.activeElement;return(0,r.tuiIsHTMLElement)(t)?t.offsetLeft:0}get width(){var t;return(null===(t=this.activeElement)||void 0===t?void 0:t.clientWidth)||0}get activeElement(){return this.el.children.item(this.activeItemIndex)}refresh(){this.el.style.setProperty("--t-left",(0,r.tuiPx)(this.left)),this.el.style.setProperty("--t-width",(0,r.tuiPx)(this.width))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["tui-segmented"]],hostVars:1,hostBindings:function(t,e){2&t&&n.e48("data-size",e.size)},inputs:{size:"size",activeItemIndex:"activeItemIndex"},outputs:{activeItemIndexChange:"activeItemIndexChange"},standalone:!0,features:[n.M5G([r.TuiDestroyService,a.mg,(0,o.Ml)({size:"s"})]),n.SYr,n.UHJ,n.GW$([c.W])],ngContentSelectors:u,decls:1,vars:0,template:function(t,e){1&t&&(n.kPM(),n._Xx(0))},styles:['tui-segmented{position:relative;display:flex;box-sizing:border-box;isolation:isolate;color:var(--tui-clear);border:.125rem solid transparent}tui-segmented[data-size=s]{--t-padding: .625rem;--t-gap: .5rem;--t-margin: -.125rem;height:var(--tui-height-s);font:var(--tui-font-text-s);border-radius:var(--tui-radius-s)}tui-segmented[data-size=s]>*:before,tui-segmented[data-size=s]>*:after,tui-segmented[data-size=s] tui-icon{font-size:1rem}tui-segmented[data-size=m]{--t-padding: .875rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-m);font:var(--tui-font-text-m);border-radius:var(--tui-radius-s)}tui-segmented[data-size=l]{--t-padding: 1.125rem;--t-gap: 1rem;--t-margin: -.375rem;height:var(--tui-height-l);font:var(--tui-font-text-l);border-radius:var(--tui-radius-m);border-width:.25rem}tui-segmented[data-size=l]:after{box-shadow:0 0 0 .25rem}tui-segmented>a,tui-segmented>button,tui-segmented>label,tui-segmented>label>input:not([tuiRadio]){transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;justify-content:center;white-space:nowrap;gap:var(--t-gap);margin:0;padding:0 var(--t-padding);color:var(--tui-text-01);overflow:hidden;cursor:pointer;font:inherit;border-radius:inherit}tui-segmented>a>*,tui-segmented>button>*,tui-segmented>label>*,tui-segmented>label>input:not([tuiRadio])>*,tui-segmented>a:before,tui-segmented>button:before,tui-segmented>label:before,tui-segmented>label>input:not([tuiRadio]):before,tui-segmented>a:after,tui-segmented>button:after,tui-segmented>label:after,tui-segmented>label>input:not([tuiRadio]):after{margin:0 var(--t-margin)}tui-segmented>a:focus-visible,tui-segmented>button:focus-visible,tui-segmented>label:focus-visible,tui-segmented>label>input:not([tuiRadio]):focus-visible{outline:.125rem solid var(--tui-focus);outline-offset:-.125rem}tui-segmented>label>input:not([tuiRadio]){position:absolute;top:0;left:0;width:100%;height:100%}tui-segmented:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:-1;border-radius:inherit;background:currentColor;box-shadow:0 0 0 .125rem}tui-segmented:before{transition-property:left,width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;left:var(--t-left);height:100%;width:var(--t-width);border-radius:inherit;background:currentColor;color:var(--tui-base-01);box-shadow:0 .25rem 1.25rem #0000001a}\n'],encapsulation:2,changeDetection:0}),e})()},92640:(t,e,i)=>{i.d(e,{W:()=>d});var n=i(6528),a=i(35856),r=i(82312),o=i(45328),s=i(37763),c=i(62008),u=i(12436),l=i(81436);let d=(()=>{var t;class e{constructor(){this.controls=o.EMPTY_QUERY,this.links=o.EMPTY_QUERY,this.elements=o.EMPTY_QUERY,this.destroy$=(0,n.uUt)(o.TuiDestroyService,{self:!0}),this.component=(0,n.uUt)(l.G),this.el=(0,n.uUt)(n.GMv).nativeElement}update(t){const e=this.getIndex(t);e>=0&&this.component.update(e)}ngAfterContentInit(){(0,o.tuiQueryListChanges)(this.controls).pipe((0,s.G)((()=>{var t;return(null===(t=this.controls.last)||void 0===t?void 0:t.valueChanges)||c.k})),(0,u.a)(this.destroy$)).subscribe((()=>{this.update(this.el.querySelector(":checked"))}))}ngAfterContentChecked(){var t;this.links.length&&this.update((null===(t=this.elements.get(this.linkIndex))||void 0===t?void 0:t.nativeElement)||null)}get linkIndex(){return this.links.toArray().findIndex((t=>t.isActive))}getIndex(t){return Array.from(this.el.children).findIndex((e=>e.contains(t)))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["tui-segmented",5,"tui-segmented"]],contentQueries:function(t,e,i){if(1&t&&(n.szK(i,a.eq,5),n.szK(i,r.LC,4),n.szK(i,r.LC,4,n.GMv)),2&t){let t;n.wto(t=n.Gqi())&&(e.controls=t),n.wto(t=n.Gqi())&&(e.links=t),n.wto(t=n.Gqi())&&(e.elements=t)}},hostBindings:function(t,e){1&t&&n.qCj("click",(function(t){return e.update(t.target)}))},standalone:!0}),e})()},16616:(t,e,i)=>{i.d(e,{b:()=>a.b,AT:()=>o}),i(98632);var n=i(17784),a=i(76060),r=(i(62100),i(6528));let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[n.u,a.b]}),e})();i(77344)},98632:(t,e,i)=>{i.d(e,{g:()=>s});var n=i(6528),a=i(45328);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-label-styles"],standalone:!0,features:[n.UHJ],decls:0,vars:0,template:function(t,e){},styles:["[tuiLabel]{display:flex;flex-direction:column;gap:.25rem;font:var(--tui-font-text-s);color:var(--tui-text-01)}\n"],encapsulation:2,changeDetection:0}),e})();var o=i(76060);let s=(()=>{var t;class e{constructor(){this.nothing=(0,a.tuiWithStyles)(r),this.el=(0,n.uUt)(n.GMv).nativeElement,this.textfield=(0,n.uUt)(o.b,{optional:!0})}get for(){var t;return this.el.htmlFor||(null===(t=this.textfield)||void 0===t?void 0:t.id)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["label","tuiLabel",""]],hostVars:1,hostBindings:function(t,e){2&t&&n.e48("for",e.for)},standalone:!0}),e})()},17784:(t,e,i)=>{i.d(e,{u:()=>m});var n=i(13972),a=i(86568),r=i(6528),o=i(35856),s=i(9268),c=i(62100),u=i(45328),l=i(62548);const d=["tuiTextfield",""];function p(t,e){if(1&t&&(r.I0R(0,"option",2),r.OEk(1),r.C$Y()),2&t){const t=r.GaO();r.yG2(1),r.oRS(" ",t.placeholder,"\n")}}function h(t,e){if(1&t&&(r.I0R(0,"option",1),r.OEk(1),r.C$Y()),2&t){const t=e.$implicit;r.yG2(1),r.oRS(" ",t," ")}}const g=function(t){return[t]};function f(t,e){if(1&t&&r.yuY(0,h,2,1,"option",3),2&t){const t=r.GaO();r.E7m("ngForOf",r.S45(1,g,t.value))}}let m=(()=>{var t;class e extends c.c{constructor(){super(...arguments),this.nav=(0,r.uUt)(s.Qb),this.control=(0,r.uUt)(o.eq),this.placeholder=""}get value(){return this.textfield.stringify(this.control.value)}onCopy(){var t=this;return(0,n.c)((function*(){yield t.nav.clipboard.writeText(t.el.value)}))()}setValue(t){var e;null===(e=this.control.control)||void 0===e||e.setValue(t)}}return(t=e).ɵfac=function(){let e;return function(i){return(e||(e=r.otF(t)))(i||t)}}(),t.ɵcmp=r.In1({type:t,selectors:[["select","tuiTextfield",""]],hostBindings:function(t,e){1&t&&r.qCj("keydown.space.prevent",(function(){return 0}))("keydown.enter.prevent",(function(){return 0}))("keydown.backspace",(function(){return e.setValue("")}))("pointerdown.prevent",(function(){return e.el.focus()}))("keydown.control.c",(function(){return e.onCopy()}))("keydown.meta.c",(function(){return e.onCopy()}))},inputs:{placeholder:"placeholder"},standalone:!0,features:[r.M5G([{provide:c.c,useExisting:t}]),r.eg9,r.UHJ,r.GW$([u.TuiNativeValidatorDirective,l.TuiAppearanceDirective])],attrs:d,decls:3,vars:2,consts:[["disabled","","selected","","value","",4,"ngIf","ngIfElse"],["selected",""],["disabled","","selected","","value",""],["selected","",4,"ngFor","ngForOf"]],template:function(t,e){if(1&t&&(r.yuY(0,p,2,1,"option",0),r.yuY(1,f,1,3,"ng-template",null,1,r.gJz)),2&t){const t=r.Gew(2);r.E7m("ngIf",e.placeholder&&!e.value)("ngIfElse",t)}},dependencies:[a.MD,a.ay,a.u_],encapsulation:2,changeDetection:0}),e})()},76060:(t,e,i)=>{i.d(e,{b:()=>z});var n=i(86568),a=i(6528),r=i(35856),o=i(23012),s=i(45328),c=i(62548),u=i(4744),l=i(58200),d=i(62008),p=i(98632),h=i(62100),g=i(77344),f=i(26220);function m(t,e){1&t&&a.C_f(0)}function v(t,e){if(1&t){const t=a.KQA();a.I0R(0,"button",6),a.qCj("click",(function(){a.usT(t);const e=a.GaO();return a.CGJ(null==e.directive?null:e.directive.setValue(""))}))("pointerdown.silent.prevent",(function(){a.usT(t);const e=a.GaO();return a.CGJ(e.el.focus())})),a.C$Y()}}function b(t,e){if(1&t&&(a.SAx(0),a.OEk(1),a.k70()),2&t){const t=e.polymorpheusOutlet;a.yG2(1),a.oRS(" ",t," ")}}function y(t,e){if(1&t&&a.wR5(0,"input",7),2&t){const t=a.GaO();a.E7m("value",t.computedFiller)}}const w=[[["input"]],[["select"]],[["label"]],"*",[["tui-tooltip"]]],C=function(t,e){return{$implicit:t,active:e}},x=["input","select","label","*","tui-tooltip"];let z=(()=>{var t;class e{constructor(){var t;this.dropdown=(0,a.uUt)(c.TuiDropdownOpenDirective,{optional:!0,self:!0}),this.filler="",this.stringify=String,this.side=0,this.change$=null===(t=(0,a.uUt)(g.wl,{optional:!0}))||void 0===t?void 0:t.change$,this.options=(0,a.uUt)(g.me),this.control=(0,a.uUt)(r.eq,{optional:!0}),this.focusedChange=d.k}get nativeFocusableElement(){return this.el}get el(){if(!this.directive)throw new Error("[tuiTextfield] component is required");return this.directive.el}get computedFiller(){const t=this.el.value||"",e=t+this.filler.slice(t.length);return e.length>t.length?e:""}get id(){return this.el.id||""}get focused(){var t,e;return!(null===(t=this.dropdown)||void 0===t||!t.dropdown)||(0,s.tuiIsNativeFocused)(null===(e=this.directive)||void 0===e?void 0:e.el)}get showFiller(){return this.focused&&!!this.computedFiller&&(!!this.el.value||!this.el.placeholder)}handleOption(t){var e,i;null===(e=this.directive)||void 0===e||e.setValue(this.stringify(t)),null===(i=this.dropdown)||void 0===i||i.toggle(!1)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["tui-textfield"]],contentQueries:function(t,e,i){if(1&t&&(a.szK(i,h.c,5),a.szK(i,p.g,5)),2&t){let t;a.wto(t=a.Gqi())&&(e.directive=t.first),a.wto(t=a.Gqi())&&(e.label=t.first)}},hostVars:7,hostBindings:function(t,e){2&t&&(a.e48("data-size",e.options.size),a.m4B("--t-side",e.side,"px"),a.eAK("_with-label",e.label)("_disabled",e.el.disabled))},inputs:{filler:"filler",stringify:"stringify",content:"content"},standalone:!0,features:[a.M5G([(0,s.tuiAsFocusableItemAccessor)(t),(0,c.tuiAsDataListHost)(t),(0,c.tuiAppearanceOptionsProvider)(g.me),(0,c.tuiDropdownOptionsProvider)({limitWidth:"fixed"})]),a.UHJ,a.GW$([s.TuiNativeValidatorDirective,{directive:c.TuiIconsDirective,inputs:["iconLeft","iconLeft","iconRight","iconRight"]}])],ngContentSelectors:x,decls:12,vars:10,consts:[[4,"ngIf"],[1,"t-content",3,"waResizeObserver"],["appearance","icon","iconLeft","tuiIconClose","size","xs","tabindex","-1","tuiIconButton","","class","t-clear",3,"click","pointerdown.silent.prevent",4,"ngIf"],[1,"t-template"],[4,"polymorpheusOutlet","polymorpheusOutletContext"],["aria-hidden","true","disabled","","class","t-filler",3,"value",4,"ngIf"],["appearance","icon","iconLeft","tuiIconClose","size","xs","tabindex","-1","tuiIconButton","",1,"t-clear",3,"click","pointerdown.silent.prevent"],["aria-hidden","true","disabled","",1,"t-filler",3,"value"]],template:function(t,e){1&t&&(a.kPM(w),a.yuY(0,m,1,0,"ng-container",0),a.wVc(1,"async"),a._Xx(2),a._Xx(3,1),a._Xx(4,2),a.I0R(5,"span",1),a.qCj("waResizeObserver",(function(t){return e.side=t[0].contentRect.width})),a._Xx(6,3),a.yuY(7,v,1,0,"button",2),a._Xx(8,4),a.C$Y(),a.I0R(9,"span",3),a.yuY(10,b,2,1,"ng-container",4),a.C$Y(),a.yuY(11,y,1,1,"input",5)),2&t&&(a.E7m("ngIf",a.kDX(1,5,e.change$)),a.yG2(7),a.E7m("ngIf",e.options.cleaner),a.yG2(3),a.E7m("polymorpheusOutlet",e.content)("polymorpheusOutletContext",a.IBC(7,C,null==e.control?null:e.control.value,e.focused)),a.yG2(1),a.E7m("ngIf",e.showFiller))},dependencies:[n.MD,n.u_,n.a,o.eU,o.m8,u.CI,f.W,l.Ux,l.Af],styles:['[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--t-left: 0rem;--t-right: 0rem;position:relative;display:flex;align-items:center;pointer-events:none;cursor:pointer;height:var(--t-height);color:var(--tui-text-03)}[data-size=s][_nghost-%COMP%]{--t-height: var(--tui-height-s);padding:0 var(--tui-padding-s);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}[data-size=s]._icon-left[_nghost-%COMP%]{--t-left: 1.25rem}[data-size=s]._icon-right[_nghost-%COMP%]{--t-right: 1.25rem}[data-size=s][_nghost-%COMP%]:before{-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;font-size:1rem}[data-size=s][_nghost-%COMP%]:after{-webkit-margin-end:-.175rem;margin-inline-end:-.175rem;-webkit-margin-start:.25rem;margin-inline-start:.25rem;font-size:1rem}[data-size=s][_nghost-%COMP%] input, [data-size=s][_nghost-%COMP%] select{font:var(--tui-font-text-s)}[data-size=s][_nghost-%COMP%] .t-content[_ngcontent-%COMP%]{gap:0}[data-size=m][_nghost-%COMP%]{--t-height: var(--tui-height-m);padding:0 var(--tui-padding-m);border-radius:var(--tui-radius-m);font:var(--tui-font-text-s)}[data-size=m]._icon-left[_nghost-%COMP%]{--t-left: 1.75rem}[data-size=m]._icon-right[_nghost-%COMP%]{--t-right: 1.75rem}[data-size=m][_nghost-%COMP%]:before{-webkit-margin-start:-.125rem;margin-inline-start:-.125rem;-webkit-margin-end:.375rem;margin-inline-end:.375rem}[data-size=m][_nghost-%COMP%]:after{-webkit-margin-start:.375rem;margin-inline-start:.375rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[data-size=m][_nghost-%COMP%] input, [data-size=m][_nghost-%COMP%] select{font:var(--tui-font-text-s)}[data-size=l][_nghost-%COMP%]{--t-height: var(--tui-height-l);padding:0 var(--tui-padding-l);border-radius:var(--tui-radius-l);font:var(--tui-font-text-m)}[data-size=l]._icon-left[_nghost-%COMP%]{--t-left: 2.25rem}[data-size=l]._icon-right[_nghost-%COMP%]{--t-right: 2.25rem}[data-size=l][_nghost-%COMP%]:before{-webkit-margin-end:.75rem;margin-inline-end:.75rem}[data-size=l][_nghost-%COMP%]:after{-webkit-margin-start:.25rem;margin-inline-start:.25rem}[data-size=l][_nghost-%COMP%] input, [data-size=l][_nghost-%COMP%] select{font:var(--tui-font-text-m)}[_nghost-%COMP%]:hover{color:var(--tui-text-02)}[_nghost-%COMP%]:before{z-index:1}._disabled[_nghost-%COMP%]:before, ._disabled[_nghost-%COMP%]:after{opacity:var(--tui-disabled-opacity)}._with-label[_nghost-%COMP%] .t-template[_ngcontent-%COMP%], ._with-label[_nghost-%COMP%] input, ._with-label[_nghost-%COMP%] select{padding-top:calc(var(--t-height) / 3)}._with-label[_nghost-%COMP%] .t-template[_ngcontent-%COMP%]::placeholder, ._with-label[_nghost-%COMP%] input::placeholder, ._with-label[_nghost-%COMP%] select::placeholder, ._with-label[_nghost-%COMP%] .t-template._empty[_ngcontent-%COMP%], ._with-label[_nghost-%COMP%] input._empty, ._with-label[_nghost-%COMP%] select._empty{color:transparent}[_nghost-%COMP%] .t-template[_ngcontent-%COMP%], [_nghost-%COMP%] input, [_nghost-%COMP%] select{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;border:none;-webkit-border-start:var(--t-left) solid transparent;border-inline-start:var(--t-left) solid transparent;-webkit-border-end:calc(var(--t-right) + var(--t-side)) solid transparent;border-inline-end:calc(var(--t-right) + var(--t-side)) solid transparent;border-radius:inherit;padding:inherit}[_nghost-%COMP%] input, [_nghost-%COMP%] select{pointer-events:auto}[_nghost-%COMP%] input:-moz-read-only~.t-filler, [_nghost-%COMP%] select:-moz-read-only~.t-filler{display:none}[_nghost-%COMP%] input:read-only~.t-filler, [_nghost-%COMP%] select:read-only~.t-filler{display:none}[_nghost-%COMP%] input:disabled~label, [_nghost-%COMP%] select:disabled~label, [_nghost-%COMP%] input:disabled~.t-content, [_nghost-%COMP%] select:disabled~.t-content{opacity:var(--tui-disabled-opacity)}[_nghost-%COMP%] input:disabled~label tui-tooltip, [_nghost-%COMP%] select:disabled~label tui-tooltip, [_nghost-%COMP%] input:disabled~.t-content tui-tooltip, [_nghost-%COMP%] select:disabled~.t-content tui-tooltip{display:none}[_nghost-%COMP%] input:not(._empty)~label, [_nghost-%COMP%] select:not(._empty)~label{font-size:.83em;transform:translateY(-.7em)}[_nghost-%COMP%] input:not(._empty):not(:disabled):not(._readonly)[data-invalid=true]~label, [_nghost-%COMP%] select:not(._empty):not(:disabled):not(._readonly)[data-invalid=true]~label, [_nghost-%COMP%] input:not(._empty):invalid:not(:disabled):not(._readonly):not([data-invalid="false"])~label, [_nghost-%COMP%] select:not(._empty):invalid:not(:disabled):not(._readonly):not([data-invalid="false"])~label{color:var(--tui-negative)}[_nghost-%COMP%] input:not(._empty):not(:disabled):not(._readonly)~.t-content .t-clear, [_nghost-%COMP%] select:not(._empty):not(:disabled):not(._readonly)~.t-content .t-clear{display:flex}[_nghost-%COMP%] input:not(._readonly):focus-visible:not([data-focus="false"])::placeholder, [_nghost-%COMP%] select:not(._readonly):focus-visible:not([data-focus="false"])::placeholder, [_nghost-%COMP%] input:not(._readonly)[data-focus=true]::placeholder, [_nghost-%COMP%] select:not(._readonly)[data-focus=true]::placeholder, [_nghost-%COMP%] input:not(._readonly):focus-visible:not([data-focus="false"])._empty, [_nghost-%COMP%] select:not(._readonly):focus-visible:not([data-focus="false"])._empty, [_nghost-%COMP%] input:not(._readonly)[data-focus=true]._empty, [_nghost-%COMP%] select:not(._readonly)[data-focus=true]._empty{color:var(--tui-text-03)}[_nghost-%COMP%] input:not(._readonly):focus-visible:not([data-focus="false"])~label, [_nghost-%COMP%] select:not(._readonly):focus-visible:not([data-focus="false"])~label, [_nghost-%COMP%] input:not(._readonly)[data-focus=true]~label, [_nghost-%COMP%] select:not(._readonly)[data-focus=true]~label{color:var(--tui-text-01)!important;font-size:.83em;transform:translateY(-.7em)}[_nghost-%COMP%] label{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;display:block;flex:1;font-size:inherit}[_nghost-%COMP%] label, [_nghost-%COMP%] input::placeholder, [_nghost-%COMP%] select._empty{color:var(--tui-text-02)}.t-content[_ngcontent-%COMP%]{display:flex;gap:.25rem;-webkit-margin-start:auto;margin-inline-start:auto}.t-clear[_ngcontent-%COMP%]{display:none;pointer-events:auto}.t-filler[_ngcontent-%COMP%]{pointer-events:none;background:none;color:var(--tui-text-03);opacity:1}'],changeDetection:0}),e})()},62100:(t,e,i)=>{i.d(e,{c:()=>s});var n=i(6528),a=i(45328),r=i(62548),o=i(76060);let s=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(r.TuiAppearanceDirective),this.textfield=(0,n.uUt)(o.b),this.readOnly=!1,this.invalid=null,this.focused=null,this.state=null,this.idService=(0,n.uUt)(a.TuiIdService),this.el=(0,n.uUt)(n.GMv).nativeElement}ngDoCheck(){var t;this.appearance.tuiAppearance=this.textfield.options.appearance,this.appearance.tuiAppearanceFocus=null!==(t=this.focused)&&void 0!==t?t:this.textfield.focused,this.appearance.tuiAppearanceState=this.state}setValue(t){this.el.value=t,this.el.dispatchEvent(new Event("input"))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["input","tuiTextfield",""]],hostVars:7,hostBindings:function(t,e){1&t&&n.qCj("input",(function(){return 0}))("focusin",(function(){return 0}))("focusout",(function(){return 0})),2&t&&(n.SoX("id",e.el.id||e.idService.generate())("readOnly",e.readOnly),n.e48("data-invalid",e.invalid),n.eAK("_readonly",e.readOnly)("_empty",""===e.el.value))},inputs:{readOnly:"readOnly",invalid:"invalid",focused:"focused",state:"state"},standalone:!0,features:[n.GW$([a.TuiNativeValidatorDirective,r.TuiAppearanceDirective])]}),e})()},77344:(t,e,i)=>{i.d(e,{me:()=>r,wl:()=>o});var n=i(6528),a=i(45328);i(62548);const r=(0,a.tuiCreateToken)({appearance:"textfield",size:"l",cleaner:!0});let o=(()=>{var t;class e extends a.AbstractTuiController{constructor(){super(...arguments),this.options=(0,n.uUt)(r,{skipSelf:!0}),this.appearance=this.options.appearance,this.size=this.options.size,this.cleaner=this.options.cleaner}}return(t=e).ɵfac=function(){let e;return function(i){return(e||(e=n.otF(t)))(i||t)}}(),t.ɵdir=n.Sc5({type:t,selectors:[["","tuiTextfieldAppearance",""],["","tuiTextfieldSize",""],["","tuiTextfieldCleaner",""]],inputs:{appearance:["tuiTextfieldAppearance","appearance"],size:["tuiTextfieldSize","size"],cleaner:["tuiTextfieldCleaner","cleaner"]},standalone:!0,features:[n.M5G([{provide:r,useExisting:t}]),n.eg9]}),e})()},17060:(t,e,i)=>{i.d(e,{k:()=>g});var n=i(63528),a=i(62548),r=i(6528),o=i(86568),s=i(69352);function c(t,e){if(1&t&&(r.I0R(0,"div",5),r.wR5(1,"tui-icon",6),r.C$Y()),2&t){const t=r.GaO();r.yG2(1),r.E7m("icon",t.iconLeft)}}function u(t,e){if(1&t&&(r.I0R(0,"div",7),r.wR5(1,"tui-icon",6),r.C$Y()),2&t){const t=r.GaO();r.yG2(1),r.E7m("icon",t.iconRight)}}function l(t,e){if(1&t&&r.wR5(0,"tui-icon",10),2&t){const t=r.GaO(2);r.E7m("icon",t.options.icons[t.paymentSystem])}}function d(t,e){if(1&t&&r.wR5(0,"img",11),2&t){const t=r.GaO(2);r.E7m("alt",t.paymentSystem)("src",t.resolver(t.options.icons[t.paymentSystem]).replace("Outline",""),r.K6U)}}function p(t,e){if(1&t&&(r.SAx(0),r.yuY(1,l,1,1,"tui-icon",8),r.yuY(2,d,1,2,"ng-template",null,9,r.gJz),r.k70()),2&t){const t=r.Gew(3),e=r.GaO();r.yG2(1),r.E7m("ngIf",e.isMono)("ngIfElse",t)}}const h=["*"];let g=(()=>{var t;class e{constructor(t,e){this.resolver=t,this.options=e,this.size="m",this.paymentSystem=null,this.iconLeft="",this.iconRight=""}get isMono(){switch(this.paymentSystem){case"mir":case"visa":case"electron":return!0;default:return!1}}}return(t=e).ɵfac=function(e){return new(e||t)(r.GI1(a.TUI_ICON_RESOLVER),r.GI1(n.TUI_INPUT_CARD_OPTIONS))},t.ɵcmp=r.In1({type:t,selectors:[["tui-thumbnail-card"]],hostVars:1,hostBindings:function(t,e){2&t&&r.e48("data-size",e.size)},inputs:{size:"size",paymentSystem:"paymentSystem",iconLeft:"iconLeft",iconRight:"iconRight"},ngContentSelectors:h,decls:6,vars:3,consts:[[1,"t-front"],["class","t-left",4,"ngIf"],["class","t-right",4,"ngIf"],[4,"ngIf"],[1,"t-back"],[1,"t-left"],[1,"t-icon",3,"icon"],[1,"t-right"],["class","t-logo",3,"icon",4,"ngIf","ngIfElse"],["colored",""],[1,"t-logo",3,"icon"],[1,"t-logo",3,"alt","src"]],template:function(t,e){1&t&&(r.kPM(),r.I0R(0,"div",0),r.yuY(1,c,2,1,"div",1),r.yuY(2,u,2,1,"div",2),r._Xx(3),r.yuY(4,p,4,2,"ng-container",3),r.C$Y(),r.wR5(5,"div",4)),2&t&&(r.yG2(1),r.E7m("ngIf",e.iconLeft),r.yG2(1),r.E7m("ngIf",e.iconRight),r.yG2(2),r.E7m("ngIf",e.paymentSystem))},dependencies:[o.u_,s.i],styles:['[_nghost-%COMP%]{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}[_nghost-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:""}[data-size=s][_nghost-%COMP%]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}[data-size=s][_nghost-%COMP%] .t-left[_ngcontent-%COMP%]{transform:translate(.125rem,.125rem) scale(.625)}[data-size=s][_nghost-%COMP%] .t-right[_ngcontent-%COMP%]{display:none}[data-size=s][_nghost-%COMP%] .t-logo[_ngcontent-%COMP%]{bottom:-.375rem;transform:scale(.55)}[data-size=m][_nghost-%COMP%]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}[data-size=m][_nghost-%COMP%] .t-left[_ngcontent-%COMP%]{transform:translate(.1875rem,.25rem) scale(.75)}[data-size=m][_nghost-%COMP%] .t-right[_ngcontent-%COMP%]{transform:translate(-.1875rem,.1875rem) scale(.875)}[data-size=m][_nghost-%COMP%] .t-right[_ngcontent-%COMP%] .t-icon[_ngcontent-%COMP%]{transform:scale(.714)}[data-size=m][_nghost-%COMP%] .t-logo[_ngcontent-%COMP%]{bottom:-.3125rem;transform:scale(.55)}[data-size=l][_nghost-%COMP%]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}[data-size=l][_nghost-%COMP%] .t-left[_ngcontent-%COMP%]{transform:translate(.1875rem,.1875rem)}[data-size=l][_nghost-%COMP%] .t-right[_ngcontent-%COMP%]{transform:translate(-.1875rem,.1875rem)}[data-size=l][_nghost-%COMP%] .t-logo[_ngcontent-%COMP%]{bottom:-.1875rem;transform:scale(.75)}.t-left[_ngcontent-%COMP%], .t-right[_ngcontent-%COMP%]{position:absolute;top:0;display:flex}.t-left[_ngcontent-%COMP%]{left:0;transform-origin:top left}.t-right[_ngcontent-%COMP%]{right:0;transform-origin:top right}.t-right[_ngcontent-%COMP%]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right[_ngcontent-%COMP%] .t-icon[_ngcontent-%COMP%]{color:#fff;transform:scale(.625)}.t-logo[_ngcontent-%COMP%]{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon[_ngcontent-%COMP%]{width:1rem;height:1rem}.t-front[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back[_ngcontent-%COMP%]:after{position:absolute;top:0;left:0;bottom:0;right:0;content:"";top:20%;bottom:60%;background:#959595}'],changeDetection:0}),e})()},48664:(t,e,i)=>{i.d(e,{O0:()=>a,qH:()=>r.qH}),i(80108);var n=i(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=n.a4G({type:t}),t.ɵinj=n.s3X({}),e})();var r=i(39371)},80108:(t,e,i)=>{i.d(e,{y:()=>u});var n=i(6528),a=i(35856),r=i(45328),o=i(62548),s=i(39371);const c=["type","checkbox","tuiToggle",""];let u=(()=>{var t;class e{constructor(){this.appearance=(0,n.uUt)(o.TuiAppearanceDirective),this.resolver=(0,n.uUt)(o.TUI_ICON_RESOLVER),this.options=(0,n.uUt)(s.GC),this.el=(0,n.uUt)(n.GMv).nativeElement,this.size=this.options.size,this.showIcons=this.options.showIcons,this.control=(0,n.uUt)(a.eq,{optional:!0})}get icon(){const{options:t,resolver:e,size:i}=this;return`url(${e((0,r.tuiIsString)(t.icon)?t.icon:t.icon(i))})`}ngDoCheck(){this.appearance.tuiAppearance=this.options.appearance(this.el)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["input","type","checkbox","tuiToggle",""]],hostVars:8,hostBindings:function(t,e){2&t&&(n.SoX("disabled",!e.control||e.control.disabled),n.e48("data-size",e.size),n.m4B("--t-mask",e.icon),n.eAK("_readonly",!e.control)("_icons",e.showIcons))},inputs:{size:"size",showIcons:"showIcons"},features:[n.GW$([{directive:o.TuiAppearanceDirective,inputs:["tuiAppearance","appearance","tuiAppearanceState","tuiAppearanceState","tuiAppearanceFocus","tuiAppearanceFocus"]},r.TuiNativeValidatorDirective])],attrs:c,decls:0,vars:0,template:function(t,e){},styles:['[_nghost-%COMP%]{transition-property:background,box-shadow;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:3rem;height:1.5rem;border-radius:2rem;overflow:hidden;cursor:pointer;margin:0}[data-appearance=secondary][_nghost-%COMP%], [data-appearance=secondary][_nghost-%COMP%]:invalid{color:var(--tui-text-01-night)}[data-size=s][_nghost-%COMP%]{height:1rem;width:2rem}[data-size=s][_nghost-%COMP%]:before{width:1rem;transform:translate(-1rem);-webkit-mask-size:.75rem;mask-size:.75rem}[data-size=s][_nghost-%COMP%]:after{width:1rem;box-shadow:-2rem 0 0 .25rem currentColor}[data-size=s][_nghost-%COMP%]:checked:after{transform:scale(.5) translate(2rem)}[_nghost-%COMP%]:checked:before{transform:none}[_nghost-%COMP%]:checked:after{transform:scale(.5) translate(3rem)}[_nghost-%COMP%]:disabled._readonly{opacity:1}[_nghost-%COMP%]:before, [_nghost-%COMP%]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;height:100%;width:1.5rem}[_nghost-%COMP%]:before{display:none;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center;mask:var(--t-mask) no-repeat center;-webkit-mask-size:1rem;mask-size:1rem;transform:translate(-1.5rem)}[_nghost-%COMP%]:after{right:0;border-radius:100%;transform:scale(.5);box-shadow:-3rem 0 0 .25rem currentColor}._icons[_nghost-%COMP%]:before{display:block}._icons[_nghost-%COMP%]:after{box-shadow:inset 0 0 0 .25rem var(--tui-clear-active),-3rem 0 0 .25rem currentColor}._icons[data-size=s][_nghost-%COMP%]:after{box-shadow:inset 0 0 0 .125rem var(--tui-clear-active),-2rem 0 0 .25rem currentColor}'],changeDetection:0}),e})()},39371:(t,e,i)=>{i.d(e,{GC:()=>r,qH:()=>o});var n=i(45328);const a={showIcons:!0,size:"m",icon:"tuiIconCheck",appearance:t=>t.checked?"primary":"secondary"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},6804:(t,e,i)=>{i.d(e,{i:()=>m});var n=i(6528),a=i(45328),r=i(62548),o=i(16616),s=i(12436),c=i(81544),u=i(26220),l=i(764),d=i(50904),p=i(13660),h=i(98140),g=i(31564),f=i(86568);let m=(()=>{var t;class e extends r.TuiHintOptionsDirective{constructor(t,e,i,a,r,c){super(i),this.tooltipOptions=a,this.platform=r,this.iconAppearance=c,this.textfield=(0,n.uUt)(o.b,{optional:!0}),this.mode=null,this.describeId="",e.pipe((0,s.a)(t)).subscribe((t=>{this.mode=t}))}get id(){var t;return this.describeId||(null===(t=this.textfield)||void 0===t?void 0:t.id)||""}get computedAppearance(){return this.appearance||this.mode||""}get tooltipIcon(){const{icons:t}=this.tooltipOptions;return(0,a.tuiIsString)(t)?t:t[this.platform]}stopOnMobile(t){var e;"web"!==this.platform&&(t.preventDefault(),t.stopPropagation()),null===(e=this.driver$)||void 0===e||e.toggle()}}return(t=e).ɵfac=function(e){return new(e||t)(n.GI1(a.TuiDestroyService,2),n.GI1(r.TUI_MODE),n.GI1(r.TUI_HINT_OPTIONS),n.GI1(c.Ki),n.GI1(a.TUI_PLATFORM),n.GI1(r.TuiAppearanceDirective,8))},t.ɵcmp=n.In1({type:t,selectors:[["tui-tooltip"]],viewQuery:function(t,e){if(1&t&&n.CC$(r.TuiHintHoverDirective,5),2&t){let t;n.wto(t=n.Gqi())&&(e.driver$=t.first)}},hostBindings:function(t,e){1&t&&n.qCj("mousedown",(function(t){return e.stopOnMobile(t)}))},inputs:{content:"content",direction:"direction",appearance:"appearance",showDelay:"showDelay",hideDelay:"hideDelay",describeId:"describeId",context:"context"},features:[n.M5G([a.TuiDestroyService,r.MODE_PROVIDER]),n.eg9],decls:3,vars:13,consts:[["automation-id","tui-tooltip__icon","size","xs","tuiIconButton","",1,"t-tooltip-button",3,"appearance","iconLeft","tuiAppearanceState","tuiHint","tuiHintAppearance","tuiHintContext","tuiHintDescribe","tuiHintDirection","tuiHintHideDelay","tuiHintShowDelay"],["driver","tuiHintHover"]],template:function(t,e){if(1&t&&(n.wR5(0,"button",0,1),n.wVc(2,"async")),2&t){const t=n.Gew(1);n.E7m("appearance",(null==e.iconAppearance?null:e.iconAppearance.tuiAppearance)||"icon")("iconLeft",e.tooltipIcon)("tuiAppearanceState",n.kDX(2,11,t)?"active":null)("tuiHint",e.content)("tuiHintAppearance",e.computedAppearance)("tuiHintContext",e.context)("tuiHintDescribe",e.id)("tuiHintDirection",e.direction)("tuiHintHideDelay",e.hideDelay)("tuiHintShowDelay",e.showDelay),n.e48("tabindex",e.id?-1:0)}},dependencies:[u.W,l.l,d.S,p.i,h.K,g.I,f.a],styles:['[_nghost-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;border-radius:100%;cursor:pointer}.t-tooltip-button[_ngcontent-%COMP%]{border-radius:inherit;outline-offset:-4px}.t-tooltip-button[_ngcontent-%COMP%]:before{width:1rem;height:1rem}[tuiWrapper][data-appearance="textfield"][data-state="disabled"][_nghost-%COMP%] .t-tooltip-button[_ngcontent-%COMP%], [tuiWrapper][data-appearance="textfield"][data-state="disabled"] [_nghost-%COMP%] .t-tooltip-button[_ngcontent-%COMP%]{opacity:1}'],changeDetection:0}),e})()},81544:(t,e,i)=>{i.d(e,{Ki:()=>r,YT:()=>o});var n=i(45328);const a={icons:"tuiIconHelpCircle"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},75296:(t,e,i)=>{i.d(e,{k:()=>s});var n=i(62548),a=i(69480),r=i(42528),o=i(6528);let s=(()=>{var t;class e{constructor(t,e){this.resolver=t,this.icon=e}}return(t=e).ɵfac=function(e){return new(e||t)(o.GI1(n.TUI_ICON_RESOLVER),o.GI1(r.I))},t.ɵdir=o.Sc5({type:t,selectors:[["","tuiIconButton","","tuiButtonClose",""]],hostVars:8,hostBindings:function(t,e){2&t&&(o.m4B("--t-mask-left","url("+e.resolver(e.icon)+")")("--t-radius",100,"%")("--tui-height-s",1.875,"rem"),o.eAK("_icon-left",!0))},features:[o.M5G([(0,a.eE)({appearance:"neutral",size:"s"})])]}),e})()},42528:(t,e,i)=>{i.d(e,{I:()=>n});const n=(0,i(45328).tuiCreateToken)("tuiIconClose")},3344:(t,e,i)=>{i.d(e,{S:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-button-group-styles"],decls:0,vars:0,template:function(t,e){},styles:['[tuiButtonGroup]{display:flex;border-radius:var(--tui-radius-xl);justify-content:center;overflow:hidden}[tuiButtonGroup]>button,[tuiButtonGroup]>a{transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:flex;border:none;outline:none;background:transparent;align-items:center;flex:1;flex-direction:column;padding:1.125rem .25rem;gap:.5rem;font-size:var(--tui-font-text-s);max-width:calc(50% - 1.75rem);cursor:pointer;color:var(--tui-link);text-align:center}[tuiButtonGroup]>button:active,[tuiButtonGroup]>a:active{background:var(--tui-clear)}[tuiButtonGroup]>button:before,[tuiButtonGroup]>a:before,[tuiButtonGroup]>button:after,[tuiButtonGroup]>a:after{position:absolute;top:0;background:inherit;width:1.75rem;height:100%}[tuiButtonGroup]>button:first-child:before,[tuiButtonGroup]>a:first-child:before{content:"";left:-1.75rem}[tuiButtonGroup]>button:last-child:after,[tuiButtonGroup]>a:last-child:after{content:"";right:-1.75rem}[tuiButtonGroup]>button tui-icon,[tuiButtonGroup]>a tui-icon{font-size:1.75rem}[tuiButtonGroup]:has(button:only-child){border-radius:var(--tui-radius-l)}[tuiButtonGroup]>button:only-child,[tuiButtonGroup]>a:only-child{width:100%;flex-direction:row;font:var(--tui-font-text-l);max-width:100%;justify-content:center}\n'],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiButtonGroup",""]]}),e})()},8984:(t,e,i)=>{i.d(e,{Y:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-button-vertical-styles"],decls:0,vars:0,template:function(t,e){},styles:["[tuiButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: 0rem !important;flex-direction:column;height:auto;padding:.75rem;gap:.375rem;min-width:5rem;white-space:pre-line;font:var(--tui-font-text-s-2)}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 2)}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiButtonVertical",""]]}),e})()},91576:(t,e,i)=>{i.d(e,{u:()=>s,s:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-card"],decls:0,vars:0,template:function(t,e){},styles:["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle]{font-weight:700}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child:not([tuiCell]){margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:-moz-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiCardMedium",""]],hostAttrs:["tuiCardMedium",""]}),e})(),s=(()=>{var t;class e{constructor(t){this.space="normal",t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiCardLarge",""]],hostAttrs:["tuiCardLarge",""],hostVars:1,hostBindings:function(t,e){2&t&&a.e48("data-space",e.space||"normal")},inputs:{space:["tuiCardLarge","space"]}}),e})()},28520:(t,e,i)=>{i.d(e,{s:()=>s});var n=i(45328),a=i(69480),r=i(6528);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=r.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-cell"],decls:0,vars:0,template:function(t,e){},styles:["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell]:disabled{pointer-events:none}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal;text-align:left}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:not([tuiSurface]):hover,button[tuiCell]:not([tuiSurface]):hover{background:var(--tui-clear);cursor:pointer}}\n"],encapsulation:2,changeDetection:0}),e})(),s=(()=>{var t;class e{constructor(t){this.size="l",t.addComponent(o)}}return(t=e).ɵfac=function(e){return new(e||t)(r.GI1(n.TuiDirectiveStylesService))},t.ɵdir=r.Sc5({type:t,selectors:[["","tuiCell",""]],hostAttrs:["tuiCell",""],hostVars:1,hostBindings:function(t,e){2&t&&r.e48("data-size",e.size||"l")},inputs:{size:["tuiCell","size"]},features:[r.M5G([(0,a.QW)({size:"s"}),(0,a.eE)({size:"s"})])]}),e})()},24980:(t,e,i)=>{i.d(e,{y:()=>d});var n=i(6528),a=i(44808),r=i(23012),o=i(45328),s=i(90824),c=i(54312),u=i(12436);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-fade-styles"],decls:0,vars:0,template:function(t,e){},styles:['[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation="vertical"]){-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation="vertical"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation="vertical"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation="vertical"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n'],encapsulation:2,changeDetection:0}),e})(),d=(()=>{var t;class e{constructor(t,e,i,n,a){this.lineHeight=null,this.size="1.5em",this.offset="0em",this.orientation="horizontal";const r=n.nativeElement;(0,o.tuiWithStyles)(l),(0,s.U)(e,i,(0,c.w)(r,"scroll")).pipe((0,o.tuiZonefree)(a),(0,u.a)(t)).subscribe((()=>{r.classList.toggle("_start",!!r.scrollLeft||!!r.scrollTop),r.classList.toggle("_end",this.isEnd(r))}))}isEnd(t){return Math.round(t.scrollLeft)t.clientHeight}}return(t=e).ɵfac=function(e){return new(e||t)(n.GI1(o.TuiDestroyService,2),n.GI1(r.mg),n.GI1(a.m0),n.GI1(n.GMv),n.GI1(n.WW2))},t.ɵdir=n.Sc5({type:t,selectors:[["","tuiFade",""]],hostVars:9,hostBindings:function(t,e){2&t&&(n.e48("data-orientation",e.orientation),n.m4B("line-height",e.lineHeight)("--line-height",e.lineHeight)("--fade-size",e.size)("--fade-offset",e.offset))},inputs:{lineHeight:["tuiFadeHeight","lineHeight"],size:["tuiFadeSize","size"],offset:["tuiFadeOffset","offset"],orientation:["tuiFade","orientation"]},features:[n.M5G([o.TuiDestroyService,r.mg,a.m0,{provide:a.I9,useValue:{characterData:!0,subtree:!0}}])]}),e})()},14028:(t,e,i)=>{i.d(e,{s:()=>c});var n=i(45328),a=i(69480),r=i(33976),o=i(6528);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=o.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-header"],standalone:!0,features:[o.UHJ],decls:0,vars:0,template:function(t,e){},styles:['[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiHeader] [tuiAccessories]:before{content:"\\200b";visibility:hidden}[tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-02)}[tuiHeader] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-02);font-weight:500;text-transform:uppercase}[tuiHeader][data-size=xxl] [tuiTitle],[tuiHeader][data-size=xxl] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeader][data-size=xl] [tuiTitle],[tuiHeader][data-size=xl] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeader][data-size=l] [tuiTitle],[tuiHeader][data-size=l] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeader][data-size=m] [tuiTitle],[tuiHeader][data-size=m] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeader][data-size=s] [tuiTitle],[tuiHeader][data-size=s] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeader][data-size=xs] [tuiTitle],[tuiHeader][data-size=xs] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeader][data-size=xxs] [tuiTitle],[tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeader][data-size=xxl] [tuiSubtitle],[tuiHeader][data-size=xl] [tuiSubtitle],[tuiHeader][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-l)}tui-root._mobile [tuiHeader] [tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}tui-root._mobile [tuiHeader][data-size=xxs] [tuiTitle],tui-root._mobile [tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-heading-6)}\n'],encapsulation:2,changeDetection:0}),e})(),c=(()=>{var t;class e{constructor(){this.nothing=(0,n.tuiWithStyles)(s),this.size="s"}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=o.Sc5({type:t,selectors:[["","tuiHeader",""]],hostAttrs:["tuiHeader",""],hostVars:1,hostBindings:function(t,e){2&t&&o.e48("data-size",e.size||"s")},inputs:{size:["tuiHeader","size"]},standalone:!0,features:[o.M5G([(0,a.QW)({size:"s"}),(0,a.eE)({size:"s"}),(0,r.tuiBadgeOptionsProvider)({size:"m"})])]}),e})()},61788:(t,e,i)=>{i.d(e,{K:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-progress-segmented"],decls:0,vars:0,template:function(t,e){},styles:["[tuiProgressBar]._segmented{--tui-segment-gap: .5rem;-webkit-mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));mask-image:radial-gradient(circle closest-side at calc(var(--t-height) / 2) center,#999 0 99%,transparent calc(99% + .6px) 100%),radial-gradient(circle closest-side at calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)) center,#999 0 99%,transparent calc(99% + .6px) 100%),linear-gradient(to right,transparent 0 calc(var(--t-height) / 2),#999 calc(var(--t-height) / 2) calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)),transparent calc(100% - calc(var(--t-height) / 2) - var(--tui-segment-gap)));-webkit-mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width));mask-size:calc(100% * var(--t-segment-width) + var(--tui-segment-gap) * var(--t-segment-width))}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){this.segments=1,t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiProgressBar","","segments",""]],hostAttrs:[1,"_segmented"],hostVars:3,hostBindings:function(t,e){2&t&&(a.e48("new",""),a.m4B("--t-segment-width",1/e.segments))},inputs:{segments:"segments"}}),e})()},50664:(t,e,i)=>{i.d(e,{H:()=>c});var n=i(6528),a=i(23012),r=i(45328),o=i(14184);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=n.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-sensitive-styles"],decls:0,vars:0,template:function(t,e){},styles:['.tui-sensitive{position:relative;display:inline-block;line-height:1em;-webkit-clip-path:inset(0 round .25rem);clip-path:inset(0 round .25rem)}.tui-sensitive:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:currentColor;border-radius:inherit;-webkit-mask-image:url(\'data:image/svg+xml,\');mask-image:url(\'data:image/svg+xml,\');-webkit-mask-size:auto var(--t-mask-height);mask-size:auto var(--t-mask-height);-webkit-mask-position:var(--t-offset, 0) 0;mask-position:var(--t-offset, 0) 0}.tui-sensitive.tui-sensitive{-webkit-text-fill-color:transparent}\n'],encapsulation:2,changeDetection:0}),e})(),c=(()=>{var t;class e{constructor(){this.nothing=(0,r.tuiWithStyles)(s),this.tuiSensitive=!1,this.offset=10*Math.round(10*Math.random()),this.height$=(0,n.uUt)(a.mg).pipe((0,o.k)((([{contentRect:t}])=>[Math.max(2,Math.floor(t.height/16)+1),t.height])),(0,o.k)((([t,e])=>e*(3/t))))}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵdir=n.Sc5({type:t,selectors:[["","tuiSensitive",""]],hostVars:5,hostBindings:function(t,e){1&t&&n.qCj("$.style.--t-mask-height.px",(function(){return e.height$})),2&t&&(n.SoX("$.style.--t-mask-height.px",e.height$),n.m4B("--t-offset",e.offset,"px"),n.eAK("tui-sensitive",e.tuiSensitive))},inputs:{tuiSensitive:"tuiSensitive"},features:[n.M5G([a.mg])]}),e})()},15268:(t,e,i)=>{i.d(e,{c:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-surface-styles"],decls:0,vars:0,template:function(t,e){},styles:['[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none;background-size:cover;background-repeat:no-repeat;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:focus-visible{outline-color:var(--tui-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[tuiSurface][data-surface=elevated]{box-shadow:var(--tui-shadow);background:var(--tui-elevation-01)}button[tuiSurface][data-surface=elevated]:active,a[tuiSurface][data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=elevated]:hover,a[tuiSurface][data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translate3d(0,-.25rem,0);background:var(--tui-elevation-01)}}[tuiSurface][data-surface=flat]{border-radius:var(--tui-radius-xl);background:var(--tui-clear)}button[tuiSurface][data-surface=flat]:active,a[tuiSurface][data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=flat]:hover,a[tuiSurface][data-surface=flat]:hover{transform:scale(1.15)}}\n'],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){this.tuiSurface="",t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiSurface",""]],hostAttrs:["tuiSurface",""],hostVars:1,hostBindings:function(t,e){2&t&&a.e48("data-surface",e.tuiSurface)},inputs:{tuiSurface:"tuiSurface"}}),e})()},52132:(t,e,i)=>{i.d(e,{e:()=>o});var n=i(45328),a=i(6528);let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=a.In1({type:t,selectors:[["ng-component"]],hostAttrs:[1,"tui-title"],decls:0,vars:0,template:function(t,e){},styles:["[tuiTitle]{position:relative;display:flex;flex-direction:column;text-align:left;gap:.25rem;margin:0;font:var(--tui-font-text-m-2)}[tuiTitle][data-size=s]{gap:.125rem;font:var(--tui-font-text-s)}[tuiTitle][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs)}[tuiTitle][data-size=m]{gap:.125rem;font:var(--tui-font-heading-5)}[tuiTitle][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiTitle][data-size=l]{gap:.5rem;font:var(--tui-font-heading-3)}[tuiTitle][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-m)}[tuiSubtitle]{font:var(--tui-font-text-s-2)}\n"],encapsulation:2,changeDetection:0}),e})(),o=(()=>{var t;class e{constructor(t){this.size="",t.addComponent(r)}}return(t=e).ɵfac=function(e){return new(e||t)(a.GI1(n.TuiDirectiveStylesService))},t.ɵdir=a.Sc5({type:t,selectors:[["","tuiTitle",""]],hostAttrs:["tuiTitle",""],hostVars:1,hostBindings:function(t,e){2&t&&a.e48("data-size",e.size||null)},inputs:{size:["tuiTitle","size"]}}),e})()},37304:(t,e,i)=>{i.d(e,{MX:()=>f,g3:()=>v,AP:()=>n.AP,CA:()=>n.CA,W4:()=>n.W4,_e:()=>n._e,n5:()=>r,c3:()=>o,CI:()=>n.CI,gb:()=>s,kD:()=>c,yk:()=>u,Q7:()=>n.Q7,GE:()=>n.GE,mw:()=>n.mw,m_:()=>n.m_,mC:()=>l,o3:()=>b,C:()=>n.C,iS:()=>y,_y:()=>n._y,uw:()=>d,Ud:()=>n.Ud,sZ:()=>n.sZ,Gg:()=>n.Gg,kT:()=>p,kF:()=>h,AT:()=>n.AT,iK:()=>n.Sm,_M:()=>g,O0:()=>n.O0,aA:()=>n.aA,eE:()=>m.eE,QW:()=>n.QW,Og:()=>n.eE,YT:()=>n.YT});var n=i(69480),a=(i(75296),i(6528));let r=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(42528),i(3344);let o=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(8984);let s=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(91576);let c=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(28520);let u=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(24980);let l=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(14028),i(61788);let d=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(50664);let p=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(15268);let h=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(52132);let g=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})(),f=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();var m=i(34032);i(86824);let v=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(13132);let b=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})();i(71984);let y=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=a.a4G({type:t}),t.ɵinj=a.s3X({}),e})()},34032:(t,e,i)=>{i.d(e,{eE:()=>o,uQ:()=>r});var n=i(45328);const a={currency:null,currencyAlign:"right",sign:"negative-only"},r=(0,n.tuiCreateToken)(a);function o(t){return(0,n.tuiProvideOptions)(r,t,a)}},86824:(t,e,i)=>{i.d(e,{_:()=>u});var n=i(63528),a=i(45328),r=i(62548),o=i(14184),s=i(34032),c=i(6528);let u=(()=>{var t;class e{constructor(t,e){this.options=t,this.format=e}transform(t,e=this.options.currency,i=this.options.currencyAlign){return this.format.pipe((0,o.k)((o=>{const s=(0,n.tuiFormatSignSymbol)(t,this.options.sign),c=(0,n.tuiFormatCurrency)(e),u=(0,r.tuiFormatNumber)(Math.abs(t),{...o,decimalLimit:this.getDecimalLimit(t,Number.isNaN(o.decimalLimit)?2:o.decimalLimit,(null==o?void 0:o.decimal)||"not-zero")}),l=(null==c?void 0:c.length)>1||"right"===i?a.CHAR_NO_BREAK_SPACE:"";return"right"===i?`${s}${u}${l}${c}`:`${s}${c}${l}${u}`})))}getDecimalLimit(t,e,i){return"always"===i||"not-zero"===i&&t%1?e:0}}return(t=e).ɵfac=function(e){return new(e||t)(c.GI1(s.uQ,16),c.GI1(r.TUI_NUMBER_FORMAT_OBSERVABLE,16))},t.ɵpipe=c.UTH({name:"tuiAmount",type:t,pure:!0}),e})()},13132:(t,e,i)=>{i.d(e,{W:()=>r});var n=i(33976),a=i(6528);let r=(()=>{var t;class e{transform(t){return(0,n.tuiStringHashToHsl)(t)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵpipe=a.UTH({name:"tuiAutoColor",type:t,pure:!0}),e})()},71984:(t,e,i)=>{i.d(e,{o:()=>u});var n=i(6528),a=i(62548),r=i(90824),o=i(54312),s=i(14184),c=i(27400);let u=(()=>{var t;class e{constructor(t){this.el=t}transform(t,e){return(0,r.U)((0,o.w)(this.el.nativeElement,a.TUI_ICON_ERROR),(0,o.w)(this.el.nativeElement,"error",{capture:!0})).pipe((0,s.k)((()=>e)),(0,c.W)(t))}}return(t=e).ɵfac=function(e){return new(e||t)(n.GI1(n.GMv,16))},t.ɵpipe=n.UTH({name:"tuiFallbackSrc",type:t,pure:!0}),e})()}}]);
\ No newline at end of file
diff --git a/next/40572.b8e731f483389f0e.js b/next/40572.b096a943bd65628b.js
similarity index 85%
rename from next/40572.b8e731f483389f0e.js
rename to next/40572.b096a943bd65628b.js
index bdc792e28790..2d9d2282b600 100644
--- a/next/40572.b8e731f483389f0e.js
+++ b/next/40572.b096a943bd65628b.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[40572],{40572:e=>{e.exports="import {Component} from '@angular/core';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\n\n@Component({\n selector: 'tui-swipe-action-example-4',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n encapsulation,\n changeDetection,\n})\nexport class TuiSwipeActionExample4 {\n shareButton = false;\n}\n"}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[40572],{40572:e=>{e.exports="import {Component} from '@angular/core';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\n\n@Component({\n selector: 'tui-swipe-action-example-4',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n encapsulation,\n changeDetection,\n})\nexport class TuiSwipeActionExample4 {\n shareButton = false;\n editButton = true;\n}\n"}}]);
\ No newline at end of file
diff --git a/next/41416.20c12490b163abc0.js b/next/41416.20c12490b163abc0.js
new file mode 100644
index 000000000000..2be35e042dac
--- /dev/null
+++ b/next/41416.20c12490b163abc0.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[41416],{41416:n=>{n.exports="```ts\nimport {NgModule} from '@angular/core';\nimport {TuiButtonGroupModule} from '@taiga-ui/experimental';\n// ...\n\n@NgModule({\n imports: [\n // ...\n TuiButtonModule,\n TuiButtonGroupModule,\n ],\n})\nexport class MyModule {}\n```\n"}}]);
\ No newline at end of file
diff --git a/next/43440.3ca4bc0fc1601b56.js b/next/43440.6842e5029e1767c8.js
similarity index 98%
rename from next/43440.3ca4bc0fc1601b56.js
rename to next/43440.6842e5029e1767c8.js
index 4377d3e2f6e7..6ba848e8a422 100644
--- a/next/43440.3ca4bc0fc1601b56.js
+++ b/next/43440.6842e5029e1767c8.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[43440],{43440:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiRadioModule:()=>C});var o=i(86568),n=i(35856),a=i(752),l=i(45328),r=i(62548),d=i(84788),s=i(6528),c=i(62224),p=i(13692),u=i(34496),m=i(37288),f=i(83480),h=i(54680),g=i(83084);function b(e,t){if(1&e&&(s.I0R(0,"div",1),s.wR5(1,"input",2)(2,"input",3)(3,"input",4)(4,"input",5)(5,"input",6)(6,"input",6),s.C$Y()),2&e){const e=t.$implicit,i=t.first,o=s.GaO();s.eAK("wrapper_web","web"===e),s.E7m("tuiPlatform",e),s.yG2(1),s.E7m("size",o.getSize(i)),s.yG2(1),s.E7m("disabled",!0)("size",o.getSize(i)),s.yG2(1),s.E7m("size",o.getSize(i)),s.yG2(1),s.E7m("disabled",!0)("size",o.getSize(i)),s.yG2(1),s.E7m("formControl",o.invalidTrue)("size",o.getSize(i))("value",!0),s.yG2(1),s.E7m("formControl",o.invalidFalse)("size",o.getSize(i))("value",!0)}}let y=(()=>{var e;class t{constructor(){this.platforms=["web","web","android","ios"],this.invalidTrue=new n.Ku(!0,(()=>({invalid:!0}))),this.invalidFalse=new n.Ku(!1,(()=>({invalid:!0})))}ngOnInit(){this.invalidTrue.markAsTouched(),this.invalidFalse.markAsTouched()}getSize(e){return e?"m":"s"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-radio-example-1"]],decls:1,vars:1,consts:[["class","wrapper",3,"wrapper_web","tuiPlatform",4,"ngFor","ngForOf"],[1,"wrapper",3,"tuiPlatform"],["ngModel","checked","tuiRadio","","type","radio","value","checked",3,"size"],["ngModel","checked","tuiRadio","","type","radio","value","checked",3,"disabled","size"],["tuiRadio","","type","radio",3,"size"],["ngModel","checked","tuiRadio","","type","radio",3,"disabled","size"],["tuiRadio","","type","radio",3,"formControl","size","value"]],template:function(e,t){1&e&&s.yuY(0,b,7,15,"div",0),2&e&&s.E7m("ngForOf",t.platforms)},dependencies:[n.ot,n.ye,n.ue,n._G,n.ug,o.ay,h.o,g.m],styles:["[_nghost-%COMP%]{display:flex;--tui-accent: var(--tui-info-fill)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;gap:1rem;padding:1rem}.wrapper_web[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04);border-left-width:0}.wrapper_web[_ngcontent-%COMP%]:first-child{border-right-width:0;border-left-width:1px}"],changeDetection:0}),t})();function w(e,t){if(1&e&&(s.I0R(0,"tui-notification",3),s.OEk(1," This code is "),s.I0R(2,"strong"),s.OEk(3,"experimental"),s.C$Y(),s.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),s.C$Y(),s.I0R(5,"p"),s.OEk(6,"A radio component that is able to imitate native control on mobile platforms."),s.C$Y(),s.I0R(7,"tui-doc-example",4)(8,"tui-notification",5),s.OEk(9," Use "),s.I0R(10,"code"),s.OEk(11,"--tui-accent"),s.C$Y(),s.OEk(12," CSS variable to customize color of native control emulation "),s.C$Y(),s.wR5(13,"tui-radio-example-1"),s.C$Y()),2&e){const e=s.GaO();s.yG2(7),s.E7m("content",e.example1)}}function v(e,t){if(1&e&&(s.I0R(0,"ol",6)(1,"li")(2,"p"),s.OEk(3,"Import module:"),s.C$Y(),s.wR5(4,"tui-doc-code",7),s.C$Y(),s.I0R(5,"li")(6,"p"),s.OEk(7,"Add to the template:"),s.C$Y(),s.wR5(8,"tui-doc-code",8),s.C$Y()()),2&e){const e=s.GaO();s.yG2(4),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let E=(()=>{var e;class t{constructor(){this.exampleModule=i.e(43432).then(i.t.bind(i,43432,17)),this.exampleHtml=i.e(280).then(i.t.bind(i,280,17)),this.example1={TypeScript:i.e(30044).then(i.t.bind(i,30044,17)),HTML:i.e(69880).then(i.t.bind(i,69880,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-radio"]],decls:3,vars:0,consts:[["header","Radio","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","platforms","heading","Platforms",3,"content"],[1,"tui-space_bottom-4"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,w,14,1,"ng-template",1),s.yuY(2,v,9,2,"ng-template",2),s.C$Y())},dependencies:[c.e,p.u,u.E,m.u,f.I,y],encapsulation:2,changeDetection:0}),t})();i(23340);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[n.y,n.sl,o.MD,r.TuiNotificationModule,l.TuiPlatformModule,d.Ud,(0,a.If)(E)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[43440],{43440:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiRadioModule:()=>C});var o=i(86568),n=i(35856),a=i(752),l=i(45328),r=i(62548),d=i(37304),s=i(6528),c=i(62224),p=i(13692),u=i(34496),m=i(37288),f=i(83480),h=i(54680),g=i(83084);function b(e,t){if(1&e&&(s.I0R(0,"div",1),s.wR5(1,"input",2)(2,"input",3)(3,"input",4)(4,"input",5)(5,"input",6)(6,"input",6),s.C$Y()),2&e){const e=t.$implicit,i=t.first,o=s.GaO();s.eAK("wrapper_web","web"===e),s.E7m("tuiPlatform",e),s.yG2(1),s.E7m("size",o.getSize(i)),s.yG2(1),s.E7m("disabled",!0)("size",o.getSize(i)),s.yG2(1),s.E7m("size",o.getSize(i)),s.yG2(1),s.E7m("disabled",!0)("size",o.getSize(i)),s.yG2(1),s.E7m("formControl",o.invalidTrue)("size",o.getSize(i))("value",!0),s.yG2(1),s.E7m("formControl",o.invalidFalse)("size",o.getSize(i))("value",!0)}}let y=(()=>{var e;class t{constructor(){this.platforms=["web","web","android","ios"],this.invalidTrue=new n.Ku(!0,(()=>({invalid:!0}))),this.invalidFalse=new n.Ku(!1,(()=>({invalid:!0})))}ngOnInit(){this.invalidTrue.markAsTouched(),this.invalidFalse.markAsTouched()}getSize(e){return e?"m":"s"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-radio-example-1"]],decls:1,vars:1,consts:[["class","wrapper",3,"wrapper_web","tuiPlatform",4,"ngFor","ngForOf"],[1,"wrapper",3,"tuiPlatform"],["ngModel","checked","tuiRadio","","type","radio","value","checked",3,"size"],["ngModel","checked","tuiRadio","","type","radio","value","checked",3,"disabled","size"],["tuiRadio","","type","radio",3,"size"],["ngModel","checked","tuiRadio","","type","radio",3,"disabled","size"],["tuiRadio","","type","radio",3,"formControl","size","value"]],template:function(e,t){1&e&&s.yuY(0,b,7,15,"div",0),2&e&&s.E7m("ngForOf",t.platforms)},dependencies:[n.ot,n.ye,n.ue,n._G,n.ug,o.ay,h.o,g.m],styles:["[_nghost-%COMP%]{display:flex;--tui-accent: var(--tui-info-fill)}.wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;gap:1rem;padding:1rem}.wrapper_web[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04);border-left-width:0}.wrapper_web[_ngcontent-%COMP%]:first-child{border-right-width:0;border-left-width:1px}"],changeDetection:0}),t})();function w(e,t){if(1&e&&(s.I0R(0,"tui-notification",3),s.OEk(1," This code is "),s.I0R(2,"strong"),s.OEk(3,"experimental"),s.C$Y(),s.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),s.C$Y(),s.I0R(5,"p"),s.OEk(6,"A radio component that is able to imitate native control on mobile platforms."),s.C$Y(),s.I0R(7,"tui-doc-example",4)(8,"tui-notification",5),s.OEk(9," Use "),s.I0R(10,"code"),s.OEk(11,"--tui-accent"),s.C$Y(),s.OEk(12," CSS variable to customize color of native control emulation "),s.C$Y(),s.wR5(13,"tui-radio-example-1"),s.C$Y()),2&e){const e=s.GaO();s.yG2(7),s.E7m("content",e.example1)}}function v(e,t){if(1&e&&(s.I0R(0,"ol",6)(1,"li")(2,"p"),s.OEk(3,"Import module:"),s.C$Y(),s.wR5(4,"tui-doc-code",7),s.C$Y(),s.I0R(5,"li")(6,"p"),s.OEk(7,"Add to the template:"),s.C$Y(),s.wR5(8,"tui-doc-code",8),s.C$Y()()),2&e){const e=s.GaO();s.yG2(4),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let E=(()=>{var e;class t{constructor(){this.exampleModule=i.e(43432).then(i.t.bind(i,43432,17)),this.exampleHtml=i.e(280).then(i.t.bind(i,280,17)),this.example1={TypeScript:i.e(30044).then(i.t.bind(i,30044,17)),HTML:i.e(69880).then(i.t.bind(i,69880,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-radio"]],decls:3,vars:0,consts:[["header","Radio","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","platforms","heading","Platforms",3,"content"],[1,"tui-space_bottom-4"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,w,14,1,"ng-template",1),s.yuY(2,v,9,2,"ng-template",2),s.C$Y())},dependencies:[c.e,p.u,u.E,m.u,f.I,y],encapsulation:2,changeDetection:0}),t})();i(23340);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[n.y,n.sl,o.MD,r.TuiNotificationModule,l.TuiPlatformModule,d.Ud,(0,a.If)(E)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/44920.773ed1a2c76d6a1a.js b/next/44920.a819e25da1850fce.js
similarity index 99%
rename from next/44920.773ed1a2c76d6a1a.js
rename to next/44920.a819e25da1850fce.js
index cb3c0a7e9532..d75cb2891a55 100644
--- a/next/44920.773ed1a2c76d6a1a.js
+++ b/next/44920.a819e25da1850fce.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[44920],{44920:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiGroupModule:()=>j});var n=o(86568),i=o(35856),r=o(82312),u=o(63528),a=o(752),l=o(62548),p=o(84788),c=o(33976),s=o(6528),d=o(55412),m=o(26220),y=o(6984),C=o(13692),h=o(96808),g=o(95356),f=o(56616),E=o(34496),k=o(37288),O=o(83480),w=o(17704),I=o(73148),b=o(61920),R=o(11664),Y=o(2036),G=o(76004),V=o(7332),T=o(88468),P=o(96780),$=o(96148),v=o(45788),x=o(19868);function M(e,t){if(1&e&&s.wR5(0,"tui-data-list-wrapper",11),2&e){const e=s.GaO();s.E7m("items",e.items)}}const z=function(){return[]};let L=(()=>{var e;class t{constructor(){this.items=["Option 1","Option 2","Option 3"],this.testForm=new i.WC({testValue:new i.Ku("",i.AQ.required),multiSelectControl:new i.Ku([],i.AQ.required),testValue3:new i.Ku("",i.AQ.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-1"]],decls:23,vars:22,consts:[[1,"input-wrapper",3,"formGroup"],["tuiGroup","",1,"group"],["formControlName","testValue","tuiHintContent","Write a number",1,"tui-group__inherit-item"],["placeholder","House","tuiTextfield",""],["formControlName","testValue",3,"error"],["formControlName","multiSelectControl","tuiHintContent","Write house building",1,"tui-group__inherit-item",3,"editable","rows","tuiTextfieldLabelOutside"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["formControlName","multiSelectControl",3,"error"],["formControlName","testValue3","tuiHintContent","Write an apartment number only",1,"tui-group__inherit-item"],["placeholder","Apartment number","tuiTextfield",""],["formControlName","testValue3",3,"error"],["tuiMultiSelectGroup","",3,"items"]],template:function(e,t){1&e&&(s.I0R(0,"form",0)(1,"div",1)(2,"div")(3,"tui-input",2),s.OEk(4," House "),s.wR5(5,"input",3),s.C$Y(),s.wR5(6,"tui-error",4),s.wVc(7,"async"),s.wVc(8,"tuiFieldError"),s.C$Y(),s.I0R(9,"div")(10,"tui-multi-select",5),s.OEk(11," Building "),s.yuY(12,M,1,1,"tui-data-list-wrapper",6),s.C$Y(),s.wR5(13,"tui-error",7),s.wVc(14,"async"),s.wVc(15,"tuiFieldError"),s.C$Y(),s.I0R(16,"div")(17,"tui-input",8),s.OEk(18," Apartment "),s.wR5(19,"input",9),s.C$Y(),s.wR5(20,"tui-error",10),s.wVc(21,"async"),s.wVc(22,"tuiFieldError"),s.C$Y()()()),2&e&&(s.E7m("formGroup",t.testForm),s.yG2(6),s.E7m("error",s.kDX(7,7,s.kDX(8,9,s.q4q(19,z)))),s.yG2(4),s.E7m("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0),s.yG2(3),s.E7m("error",s.kDX(14,11,s.kDX(15,13,s.q4q(20,z)))),s.yG2(7),s.E7m("error",s.kDX(21,15,s.kDX(22,17,s.q4q(21,z)))))},dependencies:[w.b,y.K,I.O,b.c,R.a,Y.U,G.O,i.sz,i.ue,i.u,i.uW,i.Wo,V.E,T.cb,P.g,$.q,v.E,x.M,n.a],styles:[".group[_ngcontent-%COMP%]{max-width:30.25rem}"],changeDetection:0}),t})(),S=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-2"]],decls:6,vars:1,consts:[["tuiGroup","",1,"group",3,"collapsed"],["appearance","outline","tuiButton","","type","button"],["appearance","outline","iconLeft","tuiIconChevronDown","title","A sample of icon-button in a group","tuiIconButton","","type","button",1,"tui-group__auto-width-item"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"button",1),s.OEk(2," Button 1 "),s.C$Y(),s.I0R(3,"button",1),s.OEk(4," Button 2 "),s.C$Y(),s.wR5(5,"button",2),s.C$Y()),2&e&&s.E7m("collapsed",!0)},dependencies:[m.W,y.K],styles:[".group[_ngcontent-%COMP%]{max-width:30rem;white-space:nowrap}"],changeDetection:0}),t})();var D=o(15316);let _=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("orange")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-3"]],decls:7,vars:2,consts:[["orientation","vertical","tuiGroup","",1,"group",3,"collapsed","formGroup"],["contentAlign","right","formControlName","testValue","item","orange","size","l"],["contentAlign","right","formControlName","testValue","item","apple","size","l"],["contentAlign","right","formControlName","testValue","item","pineapple","size","l"]],template:function(e,t){1&e&&(s.I0R(0,"form",0)(1,"tui-radio-block",1),s.OEk(2," Oranges "),s.C$Y(),s.I0R(3,"tui-radio-block",2),s.OEk(4," Apples "),s.C$Y(),s.I0R(5,"tui-radio-block",3),s.OEk(6," Pineapples "),s.C$Y()()),2&e&&s.E7m("collapsed",!0)("formGroup",t.testForm)},dependencies:[D.I,y.K,i.sz,i.ue,i.u,i.uW,i.Wo],encapsulation:2,changeDetection:0}),t})(),A=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-4"]],decls:20,vars:2,consts:[["tuiGroup","",3,"collapsed","formGroup"],["contentAlign","right","formControlName","testValue","item","orange","size","l"],[1,"content"],["contentAlign","right","formControlName","testValue","item","pineapple","size","l"]],template:function(e,t){1&e&&(s.I0R(0,"p"),s.OEk(1,"Directive helps to avoid extra layers of HTML"),s.C$Y(),s.I0R(2,"form",0)(3,"tui-radio-block",1)(4,"div",2)(5,"strong"),s.OEk(6,"Oranges"),s.C$Y(),s.I0R(7,"div"),s.OEk(8,"An orange is a fruit of various citrus species in the family Rutaceae"),s.C$Y()()(),s.I0R(9,"tui-radio-block",3)(10,"div",2)(11,"strong"),s.OEk(12,"Pineapples"),s.C$Y(),s.I0R(13,"div"),s.OEk(14," Not to be confused with neither "),s.I0R(15,"em"),s.OEk(16,"pines"),s.C$Y(),s.OEk(17," nor "),s.I0R(18,"em"),s.OEk(19,"apples"),s.C$Y()()()()()),2&e&&(s.yG2(2),s.E7m("collapsed",!0)("formGroup",t.testForm))},dependencies:[D.I,y.K,i.sz,i.ue,i.u,i.uW,i.Wo],styles:[".content[_ngcontent-%COMP%]{padding:.5rem 0;white-space:normal}"],changeDetection:0}),t})();function N(e,t){if(1&e&&(s.I0R(0,"div",2),s.OEk(1," A directive for grouping other components. For example, "),s.I0R(2,"a",3),s.OEk(3," textfields "),s.C$Y(),s.OEk(4," and "),s.I0R(5,"a",4),s.OEk(6," buttons "),s.C$Y(),s.OEk(7," . "),s.C$Y(),s.I0R(8,"div",2),s.OEk(9," Items take all available width. If you want to prevent it, use "),s.I0R(10,"code"),s.OEk(11,' class=" '),s.I0R(12,"strong"),s.OEk(13,"tui-group__auto-width-item"),s.C$Y(),s.OEk(14,' " '),s.C$Y(),s.OEk(15," . "),s.C$Y(),s.I0R(16,"p"),s.OEk(17," If you want item to inherit border radius, use class "),s.I0R(18,"code"),s.OEk(19,' class=" '),s.I0R(20,"strong"),s.OEk(21,"tui-group__inherit-item"),s.C$Y(),s.OEk(22,' " '),s.C$Y()(),s.I0R(23,"tui-doc-example",5),s.wR5(24,"tui-group-example-1"),s.C$Y(),s.I0R(25,"tui-doc-example",6),s.wR5(26,"tui-group-example-2"),s.C$Y(),s.I0R(27,"tui-doc-example",7),s.wR5(28,"tui-group-example-3"),s.C$Y(),s.I0R(29,"tui-doc-example",8),s.wR5(30,"tui-group-example-4"),s.C$Y()),2&e){const e=s.GaO();s.yG2(23),s.E7m("content",e.example1)("fullsize",!0),s.yG2(2),s.E7m("content",e.example2),s.yG2(2),s.E7m("content",e.example3),s.yG2(2),s.E7m("content",e.example4)}}function q(e,t){1&e&&(s.OEk(0," Remove margin between items ( "),s.I0R(1,"code"),s.OEk(2,"2px"),s.C$Y(),s.OEk(3," by default) "))}function W(e,t){1&e&&s.OEk(0," The first and the last items are rounded ")}function H(e,t){1&e&&s.OEk(0," Horizontal or vertical direction of group ")}function B(e,t){1&e&&s.OEk(0," Size of rounding ")}function F(e,t){if(1&e){const e=s.KQA();s.I0R(0,"tui-doc-demo")(1,"div",9)(2,"button",10),s.OEk(3," Button 1 "),s.C$Y(),s.I0R(4,"button",10),s.OEk(5," Button 2 "),s.C$Y(),s.I0R(6,"button",10),s.OEk(7," Button 3 "),s.C$Y()()(),s.I0R(8,"tui-doc-documentation"),s.yuY(9,q,4,0,"ng-template",11),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.collapsed=t)})),s.yuY(10,W,1,0,"ng-template",12),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.rounded=t)})),s.yuY(11,H,1,0,"ng-template",13),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.orientation=t)})),s.yuY(12,B,1,0,"ng-template",14),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.size=t)})),s.C$Y()}if(2&e){const e=s.GaO();s.yG2(1),s.E7m("collapsed",e.collapsed)("orientation",e.orientation)("rounded",e.rounded)("size",e.size),s.yG2(8),s.E7m("documentationPropertyValue",e.collapsed),s.yG2(1),s.E7m("documentationPropertyValue",e.rounded),s.yG2(1),s.E7m("documentationPropertyValues",e.orientationVariants)("documentationPropertyValue",e.orientation),s.yG2(1),s.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size)}}function K(e,t){if(1&e&&(s.I0R(0,"ol",15)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiGroupDirective"),s.C$Y(),s.OEk(6," into a module where you want to use our component "),s.C$Y(),s.wR5(7,"tui-doc-code",16),s.C$Y(),s.I0R(8,"li")(9,"p"),s.OEk(10,"Add to the template:"),s.C$Y(),s.wR5(11,"tui-doc-code",17),s.C$Y()()),2&e){const e=s.GaO();s.yG2(7),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let X=(()=>{var e;class t{constructor(){this.exampleModule=o.e(41780).then(o.t.bind(o,41780,17)),this.exampleHtml=o.e(15308).then(o.t.bind(o,15308,17)),this.example1={TypeScript:o.e(38676).then(o.t.bind(o,16296,17)),HTML:o.e(33108).then(o.t.bind(o,33108,17)),LESS:o.e(24072).then(o.t.bind(o,1691,17))},this.example2={TypeScript:o.e(14968).then(o.t.bind(o,14968,17)),HTML:o.e(41956).then(o.t.bind(o,41956,17)),LESS:o.e(13600).then(o.t.bind(o,13600,17))},this.example3={TypeScript:o.e(35036).then(o.t.bind(o,35036,17)),HTML:o.e(50364).then(o.t.bind(o,50364,17))},this.example4={TypeScript:o.e(34920).then(o.t.bind(o,34920,17)),HTML:o.e(86792).then(o.t.bind(o,86792,17)),LESS:o.e(46496).then(o.t.bind(o,46496,17))},this.rounded=!0,this.collapsed=!1,this.orientationVariants=["horizontal","vertical"],this.orientation=this.orientationVariants[0],this.sizeVariants=["m","l"],this.size=this.sizeVariants[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-group"]],decls:4,vars:0,consts:[["header","Group","package","CORE","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["routerLink","/components/input","tuiLink",""],["routerLink","/components/button","tuiLink",""],["id","inputs","heading","Inputs",3,"content","fullsize"],["id","buttons","heading","ButtonGroup",3,"content"],["id","vertical","heading","Vertical group",3,"content"],["id","directive","heading","Directive",3,"content"],["tuiGroup","",1,"group",3,"collapsed","orientation","rounded","size"],["appearance","outline","size","l","tuiButton","","type","button"],["documentationPropertyMode","input","documentationPropertyName","collapsed","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rounded","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","orientation","documentationPropertyType","TuiOrientation",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",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.I0R(0,"tui-doc-page",0),s.yuY(1,N,31,5,"ng-template",1),s.yuY(2,F,13,10,"ng-template",1),s.yuY(3,K,12,2,"ng-template",1),s.C$Y())},dependencies:[d.C,m.W,y.K,C.u,h.m,g.I,f.S,E.E,k.u,O.I,r.ER,L,S,_,A],styles:[".group[_ngcontent-%COMP%]{max-width:30.25rem}"],changeDetection:0}),t})(),j=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[c.TuiProjectClassModule,c.TuiRadioBlockModule,l.TuiLinkModule,p.CI,c.TuiSelectModule,c.TuiInputModule,l.TuiErrorModule,c.TuiFieldErrorPipeModule,c.TuiComboBoxModule,u.TuiCurrencyPipeModule,c.TuiInputNumberModule,l.TuiModeModule,l.TuiDataListModule,c.TuiDataListWrapperModule,n.MD,i.y,i.sl,l.TuiTextfieldControllerModule,l.TuiHintModule,a.kx,c.TuiMultiSelectModule,r.qQ.forChild((0,a._A)(X))]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[44920],{44920:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiGroupModule:()=>j});var n=o(86568),i=o(35856),r=o(82312),u=o(63528),a=o(752),l=o(62548),p=o(37304),c=o(33976),s=o(6528),d=o(55412),m=o(26220),y=o(6984),C=o(13692),h=o(96808),g=o(95356),f=o(56616),E=o(34496),k=o(37288),O=o(83480),w=o(17704),I=o(73148),b=o(61920),R=o(11664),Y=o(2036),G=o(76004),V=o(7332),T=o(88468),P=o(96780),$=o(96148),v=o(45788),x=o(19868);function M(e,t){if(1&e&&s.wR5(0,"tui-data-list-wrapper",11),2&e){const e=s.GaO();s.E7m("items",e.items)}}const z=function(){return[]};let L=(()=>{var e;class t{constructor(){this.items=["Option 1","Option 2","Option 3"],this.testForm=new i.WC({testValue:new i.Ku("",i.AQ.required),multiSelectControl:new i.Ku([],i.AQ.required),testValue3:new i.Ku("",i.AQ.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-1"]],decls:23,vars:22,consts:[[1,"input-wrapper",3,"formGroup"],["tuiGroup","",1,"group"],["formControlName","testValue","tuiHintContent","Write a number",1,"tui-group__inherit-item"],["placeholder","House","tuiTextfield",""],["formControlName","testValue",3,"error"],["formControlName","multiSelectControl","tuiHintContent","Write house building",1,"tui-group__inherit-item",3,"editable","rows","tuiTextfieldLabelOutside"],["tuiMultiSelectGroup","",3,"items",4,"tuiDataList"],["formControlName","multiSelectControl",3,"error"],["formControlName","testValue3","tuiHintContent","Write an apartment number only",1,"tui-group__inherit-item"],["placeholder","Apartment number","tuiTextfield",""],["formControlName","testValue3",3,"error"],["tuiMultiSelectGroup","",3,"items"]],template:function(e,t){1&e&&(s.I0R(0,"form",0)(1,"div",1)(2,"div")(3,"tui-input",2),s.OEk(4," House "),s.wR5(5,"input",3),s.C$Y(),s.wR5(6,"tui-error",4),s.wVc(7,"async"),s.wVc(8,"tuiFieldError"),s.C$Y(),s.I0R(9,"div")(10,"tui-multi-select",5),s.OEk(11," Building "),s.yuY(12,M,1,1,"tui-data-list-wrapper",6),s.C$Y(),s.wR5(13,"tui-error",7),s.wVc(14,"async"),s.wVc(15,"tuiFieldError"),s.C$Y(),s.I0R(16,"div")(17,"tui-input",8),s.OEk(18," Apartment "),s.wR5(19,"input",9),s.C$Y(),s.wR5(20,"tui-error",10),s.wVc(21,"async"),s.wVc(22,"tuiFieldError"),s.C$Y()()()),2&e&&(s.E7m("formGroup",t.testForm),s.yG2(6),s.E7m("error",s.kDX(7,7,s.kDX(8,9,s.q4q(19,z)))),s.yG2(4),s.E7m("editable",!1)("rows",1)("tuiTextfieldLabelOutside",!0),s.yG2(3),s.E7m("error",s.kDX(14,11,s.kDX(15,13,s.q4q(20,z)))),s.yG2(7),s.E7m("error",s.kDX(21,15,s.kDX(22,17,s.q4q(21,z)))))},dependencies:[w.b,y.K,I.O,b.c,R.a,Y.U,G.O,i.sz,i.ue,i.u,i.uW,i.Wo,V.E,T.cb,P.g,$.q,v.E,x.M,n.a],styles:[".group[_ngcontent-%COMP%]{max-width:30.25rem}"],changeDetection:0}),t})(),S=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-2"]],decls:6,vars:1,consts:[["tuiGroup","",1,"group",3,"collapsed"],["appearance","outline","tuiButton","","type","button"],["appearance","outline","iconLeft","tuiIconChevronDown","title","A sample of icon-button in a group","tuiIconButton","","type","button",1,"tui-group__auto-width-item"]],template:function(e,t){1&e&&(s.I0R(0,"div",0)(1,"button",1),s.OEk(2," Button 1 "),s.C$Y(),s.I0R(3,"button",1),s.OEk(4," Button 2 "),s.C$Y(),s.wR5(5,"button",2),s.C$Y()),2&e&&s.E7m("collapsed",!0)},dependencies:[m.W,y.K],styles:[".group[_ngcontent-%COMP%]{max-width:30rem;white-space:nowrap}"],changeDetection:0}),t})();var D=o(15316);let _=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("orange")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-3"]],decls:7,vars:2,consts:[["orientation","vertical","tuiGroup","",1,"group",3,"collapsed","formGroup"],["contentAlign","right","formControlName","testValue","item","orange","size","l"],["contentAlign","right","formControlName","testValue","item","apple","size","l"],["contentAlign","right","formControlName","testValue","item","pineapple","size","l"]],template:function(e,t){1&e&&(s.I0R(0,"form",0)(1,"tui-radio-block",1),s.OEk(2," Oranges "),s.C$Y(),s.I0R(3,"tui-radio-block",2),s.OEk(4," Apples "),s.C$Y(),s.I0R(5,"tui-radio-block",3),s.OEk(6," Pineapples "),s.C$Y()()),2&e&&s.E7m("collapsed",!0)("formGroup",t.testForm)},dependencies:[D.I,y.K,i.sz,i.ue,i.u,i.uW,i.Wo],encapsulation:2,changeDetection:0}),t})(),A=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("")})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-group-example-4"]],decls:20,vars:2,consts:[["tuiGroup","",3,"collapsed","formGroup"],["contentAlign","right","formControlName","testValue","item","orange","size","l"],[1,"content"],["contentAlign","right","formControlName","testValue","item","pineapple","size","l"]],template:function(e,t){1&e&&(s.I0R(0,"p"),s.OEk(1,"Directive helps to avoid extra layers of HTML"),s.C$Y(),s.I0R(2,"form",0)(3,"tui-radio-block",1)(4,"div",2)(5,"strong"),s.OEk(6,"Oranges"),s.C$Y(),s.I0R(7,"div"),s.OEk(8,"An orange is a fruit of various citrus species in the family Rutaceae"),s.C$Y()()(),s.I0R(9,"tui-radio-block",3)(10,"div",2)(11,"strong"),s.OEk(12,"Pineapples"),s.C$Y(),s.I0R(13,"div"),s.OEk(14," Not to be confused with neither "),s.I0R(15,"em"),s.OEk(16,"pines"),s.C$Y(),s.OEk(17," nor "),s.I0R(18,"em"),s.OEk(19,"apples"),s.C$Y()()()()()),2&e&&(s.yG2(2),s.E7m("collapsed",!0)("formGroup",t.testForm))},dependencies:[D.I,y.K,i.sz,i.ue,i.u,i.uW,i.Wo],styles:[".content[_ngcontent-%COMP%]{padding:.5rem 0;white-space:normal}"],changeDetection:0}),t})();function N(e,t){if(1&e&&(s.I0R(0,"div",2),s.OEk(1," A directive for grouping other components. For example, "),s.I0R(2,"a",3),s.OEk(3," textfields "),s.C$Y(),s.OEk(4," and "),s.I0R(5,"a",4),s.OEk(6," buttons "),s.C$Y(),s.OEk(7," . "),s.C$Y(),s.I0R(8,"div",2),s.OEk(9," Items take all available width. If you want to prevent it, use "),s.I0R(10,"code"),s.OEk(11,' class=" '),s.I0R(12,"strong"),s.OEk(13,"tui-group__auto-width-item"),s.C$Y(),s.OEk(14,' " '),s.C$Y(),s.OEk(15," . "),s.C$Y(),s.I0R(16,"p"),s.OEk(17," If you want item to inherit border radius, use class "),s.I0R(18,"code"),s.OEk(19,' class=" '),s.I0R(20,"strong"),s.OEk(21,"tui-group__inherit-item"),s.C$Y(),s.OEk(22,' " '),s.C$Y()(),s.I0R(23,"tui-doc-example",5),s.wR5(24,"tui-group-example-1"),s.C$Y(),s.I0R(25,"tui-doc-example",6),s.wR5(26,"tui-group-example-2"),s.C$Y(),s.I0R(27,"tui-doc-example",7),s.wR5(28,"tui-group-example-3"),s.C$Y(),s.I0R(29,"tui-doc-example",8),s.wR5(30,"tui-group-example-4"),s.C$Y()),2&e){const e=s.GaO();s.yG2(23),s.E7m("content",e.example1)("fullsize",!0),s.yG2(2),s.E7m("content",e.example2),s.yG2(2),s.E7m("content",e.example3),s.yG2(2),s.E7m("content",e.example4)}}function q(e,t){1&e&&(s.OEk(0," Remove margin between items ( "),s.I0R(1,"code"),s.OEk(2,"2px"),s.C$Y(),s.OEk(3," by default) "))}function W(e,t){1&e&&s.OEk(0," The first and the last items are rounded ")}function H(e,t){1&e&&s.OEk(0," Horizontal or vertical direction of group ")}function B(e,t){1&e&&s.OEk(0," Size of rounding ")}function F(e,t){if(1&e){const e=s.KQA();s.I0R(0,"tui-doc-demo")(1,"div",9)(2,"button",10),s.OEk(3," Button 1 "),s.C$Y(),s.I0R(4,"button",10),s.OEk(5," Button 2 "),s.C$Y(),s.I0R(6,"button",10),s.OEk(7," Button 3 "),s.C$Y()()(),s.I0R(8,"tui-doc-documentation"),s.yuY(9,q,4,0,"ng-template",11),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.collapsed=t)})),s.yuY(10,W,1,0,"ng-template",12),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.rounded=t)})),s.yuY(11,H,1,0,"ng-template",13),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.orientation=t)})),s.yuY(12,B,1,0,"ng-template",14),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const o=s.GaO();return s.CGJ(o.size=t)})),s.C$Y()}if(2&e){const e=s.GaO();s.yG2(1),s.E7m("collapsed",e.collapsed)("orientation",e.orientation)("rounded",e.rounded)("size",e.size),s.yG2(8),s.E7m("documentationPropertyValue",e.collapsed),s.yG2(1),s.E7m("documentationPropertyValue",e.rounded),s.yG2(1),s.E7m("documentationPropertyValues",e.orientationVariants)("documentationPropertyValue",e.orientation),s.yG2(1),s.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size)}}function K(e,t){if(1&e&&(s.I0R(0,"ol",15)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiGroupDirective"),s.C$Y(),s.OEk(6," into a module where you want to use our component "),s.C$Y(),s.wR5(7,"tui-doc-code",16),s.C$Y(),s.I0R(8,"li")(9,"p"),s.OEk(10,"Add to the template:"),s.C$Y(),s.wR5(11,"tui-doc-code",17),s.C$Y()()),2&e){const e=s.GaO();s.yG2(7),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let X=(()=>{var e;class t{constructor(){this.exampleModule=o.e(41780).then(o.t.bind(o,41780,17)),this.exampleHtml=o.e(15308).then(o.t.bind(o,15308,17)),this.example1={TypeScript:o.e(38676).then(o.t.bind(o,16296,17)),HTML:o.e(33108).then(o.t.bind(o,33108,17)),LESS:o.e(24072).then(o.t.bind(o,1691,17))},this.example2={TypeScript:o.e(14968).then(o.t.bind(o,14968,17)),HTML:o.e(41956).then(o.t.bind(o,41956,17)),LESS:o.e(13600).then(o.t.bind(o,13600,17))},this.example3={TypeScript:o.e(35036).then(o.t.bind(o,35036,17)),HTML:o.e(50364).then(o.t.bind(o,50364,17))},this.example4={TypeScript:o.e(34920).then(o.t.bind(o,34920,17)),HTML:o.e(86792).then(o.t.bind(o,86792,17)),LESS:o.e(46496).then(o.t.bind(o,46496,17))},this.rounded=!0,this.collapsed=!1,this.orientationVariants=["horizontal","vertical"],this.orientation=this.orientationVariants[0],this.sizeVariants=["m","l"],this.size=this.sizeVariants[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-group"]],decls:4,vars:0,consts:[["header","Group","package","CORE","type","components"],["pageTab",""],[1,"tui-space_bottom-3"],["routerLink","/components/input","tuiLink",""],["routerLink","/components/button","tuiLink",""],["id","inputs","heading","Inputs",3,"content","fullsize"],["id","buttons","heading","ButtonGroup",3,"content"],["id","vertical","heading","Vertical group",3,"content"],["id","directive","heading","Directive",3,"content"],["tuiGroup","",1,"group",3,"collapsed","orientation","rounded","size"],["appearance","outline","size","l","tuiButton","","type","button"],["documentationPropertyMode","input","documentationPropertyName","collapsed","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rounded","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","orientation","documentationPropertyType","TuiOrientation",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",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.I0R(0,"tui-doc-page",0),s.yuY(1,N,31,5,"ng-template",1),s.yuY(2,F,13,10,"ng-template",1),s.yuY(3,K,12,2,"ng-template",1),s.C$Y())},dependencies:[d.C,m.W,y.K,C.u,h.m,g.I,f.S,E.E,k.u,O.I,r.ER,L,S,_,A],styles:[".group[_ngcontent-%COMP%]{max-width:30.25rem}"],changeDetection:0}),t})(),j=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[c.TuiProjectClassModule,c.TuiRadioBlockModule,l.TuiLinkModule,p.CI,c.TuiSelectModule,c.TuiInputModule,l.TuiErrorModule,c.TuiFieldErrorPipeModule,c.TuiComboBoxModule,u.TuiCurrencyPipeModule,c.TuiInputNumberModule,l.TuiModeModule,l.TuiDataListModule,c.TuiDataListWrapperModule,n.MD,i.y,i.sl,l.TuiTextfieldControllerModule,l.TuiHintModule,a.kx,c.TuiMultiSelectModule,r.qQ.forChild((0,a._A)(X))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/464.8b36e7009074b430.js b/next/464.6b76b75a13f9e42e.js
similarity index 99%
rename from next/464.8b36e7009074b430.js
rename to next/464.6b76b75a13f9e42e.js
index d34f57ec6596..3cacf75392ae 100644
--- a/next/464.8b36e7009074b430.js
+++ b/next/464.6b76b75a13f9e42e.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[464],{464:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiCellModule:()=>ce});var n=i(86568),o=i(35856),a=i(752),l=i(62548),c=i(84788),s=i(33976),u=i(6528),r=i(62224),d=i(13692),p=i(34496),m=i(37288),g=i(83480),v=i(3088),C=i(28520),I=i(52132);function R(e,t){if(1&e&&(u.I0R(0,"div",1),u.wR5(1,"tui-avatar",2),u.I0R(2,"div",3),u.OEk(3," Title "),u.I0R(4,"div",4),u.OEk(5,"Description"),u.C$Y()(),u.I0R(6,"div",3),u.OEk(7," Secondary title "),u.I0R(8,"div",4),u.OEk(9,"Another description"),u.C$Y()()()),2&e){const e=t.$implicit;u.E7m("tuiCell",e),u.yG2(1),u.E7m("src","s"===e?"tuiIconStar":"tuiIconStarLarge")}}let h=(()=>{var e;class t{constructor(){this.sizes=["s","m","l"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-1"]],decls:1,vars:1,consts:[[3,"tuiCell",4,"ngFor","ngForOf"],[3,"tuiCell"],["appearance","primary",3,"src"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&u.yuY(0,R,10,2,"div",0),2&e&&u.E7m("ngForOf",t.sizes)},dependencies:[n.ay,v.I,C.s,I.e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})();var E=i(49712),k=i(35432),f=i(80108),y=i(69352);let O=(()=>{var e;class t{constructor(){this.incoming=!1,this.outgoing=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-2"]],decls:16,vars:4,consts:[["tuiCell",""],["appearance","error","icon","tuiIconArrowDownLeft","size","s","tuiBadge","","tuiSlot","top"],["size","s","src","tuiIconPhone"],["tuiTitle",""],["tuiSubtitle",""],["tuiToggle","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","success","icon","tuiIconArrowUpRight","size","s","tuiBadge","","tuiSlot","top"]],template:function(e,t){1&e&&(u.I0R(0,"label",0)(1,"tui-badged-content"),u.wR5(2,"tui-icon",1)(3,"tui-avatar",2),u.C$Y(),u.I0R(4,"div",3),u.OEk(5," Allow incoming "),u.I0R(6,"div",4),u.OEk(7,"Why would you?"),u.C$Y()(),u.I0R(8,"input",5),u.qCj("ngModelChange",(function(e){return t.incoming=e})),u.C$Y()(),u.I0R(9,"label",0)(10,"tui-badged-content"),u.wR5(11,"tui-icon",6)(12,"tui-avatar",2),u.C$Y(),u.I0R(13,"div",3),u.OEk(14,"Allow outgoing"),u.C$Y(),u.I0R(15,"input",5),u.qCj("ngModelChange",(function(e){return t.outgoing=e})),u.C$Y()()),2&e&&(u.yG2(4),u.m4B("color","var(--tui-negative)"),u.yG2(4),u.E7m("ngModel",t.incoming),u.yG2(7),u.E7m("ngModel",t.outgoing))},dependencies:[o.SU,o.ue,o._G,v.I,E.Y,k.i,C.s,f.y,I.e,y.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var Y=i(18252),$=i(55412),b=i(520),w=i(83884),x=i(17060),M=i(10268);let G=(()=>{var e;class t{constructor(){this.value=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-3"]],decls:46,vars:8,consts:[["tuiCell",""],["tuiProgressLabel",""],["icon","tuiIconSmileLarge"],[3,"value"],["tuiTitle",""],["tuiSubtitle",""],["appearance","success","size","s"],["src","/assets/images/avatar.jpg"],["src","/assets/images/poorly.png"],["appearance","neutral","size","s"],["icon","tuiIconLock"],["appearance","success","icon","tuiIconBell","size","s","tuiBadge",""],["href","https://waterplea.bandcamp.com","tuiLink",""],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["paymentSystem","mastercard","size","s"],["alt","Poster","src","https://m.media-amazon.com/images/M/MV5BNzQzMzJhZTEtOWM4NS00MTdhLTg0YjgtMjM4MDRkZjUwZDBlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_UY209_CR0,0,140,209_AL_.jpg"]],template:function(e,t){1&e&&(u.I0R(0,"div",0)(1,"label",1),u.wR5(2,"tui-icon",2)(3,"tui-progress-circle",3),u.C$Y(),u.I0R(4,"div",4)(5,"strong"),u.OEk(6,"$30 our of $100"),u.C$Y(),u.I0R(7,"div",5),u.OEk(8,"Saving for a Benjamin Franklin portrait"),u.C$Y()(),u.I0R(9,"div",4)(10,"tui-badge",6),u.OEk(11," +$30 "),u.C$Y(),u.I0R(12,"div",5),u.OEk(13," "),u.C$Y()()(),u.I0R(14,"div",0)(15,"tui-avatar-stack"),u.wR5(16,"tui-avatar",7)(17,"tui-avatar",8),u.I0R(18,"tui-avatar"),u.OEk(19,"+2"),u.C$Y()(),u.I0R(20,"div",4),u.OEk(21," Waterplea "),u.I0R(22,"div",5)(23,"tui-badge",9),u.wR5(24,"tui-icon",10),u.OEk(25," 100 ₽ "),u.C$Y(),u.OEk(26," Music "),u.wR5(27,"tui-icon",11),u.C$Y()(),u.I0R(28,"a",12),u.OEk(29," Buy "),u.C$Y()(),u.I0R(30,"div",0)(31,"input",13),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y(),u.I0R(32,"tui-thumbnail-card",14),u.OEk(33," 1234 "),u.C$Y(),u.I0R(34,"div",4),u.OEk(35," Primary Card "),u.I0R(36,"div",5),u.OEk(37,"**** **** **** 1234"),u.C$Y()()(),u.I0R(38,"div",0),u.wR5(39,"img",15),u.I0R(40,"div",4)(41,"div",5),u.OEk(42,"Ridley Scott, 1982"),u.C$Y(),u.OEk(43," Blade Runner "),u.I0R(44,"div",5),u.OEk(45," A blade runner must pursue and terminate four replicants who stole a ship in space and have returned to Earth to find their creator. "),u.C$Y()()()),2&e&&(u.yG2(2),u.m4B("color","var(--tui-primary)"),u.yG2(1),u.E7m("value",.3),u.yG2(28),u.E7m("ngModel",t.value),u.yG2(8),u.m4B("border-radius",.5,"rem")("width",3,"rem"))},dependencies:[o.SU,o.ue,o._G,v.I,Y.G,E.Y,C.s,$.C,b.Y,w.u,x.k,I.e,y.i,M.g],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var T=i(67156),S=i(72195),L=i(18692),A=i(50664);let B=(()=>{var e;class t{constructor(){this.value=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-4"]],decls:42,vars:6,consts:[["href","https://github.com/taiga-family/taiga-ui","tuiCell",""],["tuiTitle",""],["size","l"],["content","A cell can be a link",3,"click.prevent"],["tuiSubtitle",""],["icon","tuiIconChevronRightLarge"],["tuiCell",""],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["src","/assets/images/avatar.jpg"],[3,"tuiSensitive"]],template:function(e,t){1&e&&(u.I0R(0,"a",0)(1,"div",1),u.OEk(2,"Notifications"),u.C$Y(),u.I0R(3,"tui-badge-notification",2),u.OEk(4,"3"),u.C$Y(),u.I0R(5,"tui-tooltip",3),u.qCj("click.prevent",(function(){return 0})),u.C$Y(),u.I0R(6,"div",4),u.OEk(7," Read "),u.wR5(8,"tui-icon",5),u.C$Y()(),u.I0R(9,"label",6)(10,"div",1),u.OEk(11," A label "),u.I0R(12,"div",4),u.OEk(13,"Clicking it will toggle checkbox"),u.C$Y()(),u.wR5(14,"tui-loader"),u.I0R(15,"input",7),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y()(),u.I0R(16,"button",6)(17,"div",1)(18,"div",4)(19,"span"),u.OEk(20,"For sale"),u.C$Y(),u.OEk(21," • "),u.I0R(22,"span"),u.OEk(23,"ebay"),u.C$Y()(),u.OEk(24," It can be a button "),u.I0R(25,"div",4),u.OEk(26,"In stock"),u.C$Y()(),u.I0R(27,"div",1)(28,"div",4),u.OEk(29," "),u.C$Y(),u.OEk(30," $237 "),u.I0R(31,"div",4),u.OEk(32,"321 items"),u.C$Y()()(),u.I0R(33,"div",6),u.wR5(34,"tui-avatar",8),u.I0R(35,"div",1),u.OEk(36,"Salary"),u.C$Y(),u.I0R(37,"div",1)(38,"span",9),u.OEk(39," Enough "),u.C$Y(),u.I0R(40,"div",4),u.OEk(41,"Sky's the limit"),u.C$Y()()()),2&e&&(u.yG2(15),u.E7m("ngModel",t.value),u.yG2(4),u.m4B("color","var(--tui-positive)"),u.yG2(19),u.m4B("color","var(--tui-positive)"),u.E7m("tuiSensitive",!0))},dependencies:[o.SU,o.ue,o._G,v.I,T.u,C.s,S.i,I.e,y.i,M.g,L.C,A.H],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var D=i(24980);let j=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-5"]],decls:55,vars:15,consts:[["tuiCell",""],["src","tuiIconEyeLarge","tuiAccessories",""],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["icon","tuiIconCheckLarge"],["tuiFade","","tuiTitle",""],["src","tuiIconSmileLarge",3,"round"],["size","xs"],["src","/assets/images/avatar.jpg","tuiAccessories",""],["tuiAccessories","","tuiTitle",""],["appearance","primary"],["src","tuiIconHomeLarge","tuiAccessories",""],["appearance","neutral"]],template:function(e,t){1&e&&(u.I0R(0,"div",0),u.wR5(1,"tui-avatar",1),u.I0R(2,"div",2),u.OEk(3," Long title in a cell will wrap to multiple lines and so will the subtitle "),u.I0R(4,"div",3),u.OEk(5," Use "),u.I0R(6,"strong"),u.OEk(7,"tuiAccessories"),u.C$Y(),u.OEk(8," to keep your side content properly aligned if you have many lines of text "),u.C$Y()(),u.I0R(9,"div",4),u.wR5(10,"tui-icon",5),u.C$Y()(),u.I0R(11,"div",0)(12,"div",6),u.OEk(13," Alternatively you can use fade to hide extra text using nowrap CSS "),u.I0R(14,"div",3),u.OEk(15,"Works the same for subtitle when fade directive is applied to the top"),u.C$Y()(),u.I0R(16,"tui-badge"),u.OEk(17,"Works with the right side"),u.C$Y()(),u.I0R(18,"div",0),u.wR5(19,"tui-avatar",7),u.I0R(20,"div",6),u.OEk(21," Works with fade on both sides "),u.I0R(22,"div",3),u.OEk(23,"You can control proportions"),u.C$Y()(),u.I0R(24,"div",6),u.OEk(25," Proportions are controlled with flex "),u.I0R(26,"div",3),u.OEk(27,"Flex shrink is set to 70-30 by default"),u.C$Y()(),u.wR5(28,"tui-badge-notification",8),u.C$Y(),u.I0R(29,"div",0),u.wR5(30,"tui-avatar",9),u.I0R(31,"div",10),u.OEk(32," Alexander "),u.I0R(33,"div",3),u.OEk(34,"Taiga UI developer"),u.C$Y()(),u.I0R(35,"div",2)(36,"span"),u.OEk(37,"+$1000"),u.C$Y(),u.I0R(38,"div",3),u.OEk(39,"Bonus for tuiCell component"),u.C$Y(),u.I0R(40,"tui-badge",11),u.OEk(41,"Awesome!"),u.C$Y()()(),u.I0R(42,"div",0),u.wR5(43,"tui-avatar",12),u.I0R(44,"div",2)(45,"strong"),u.OEk(46,"Main account"),u.C$Y(),u.I0R(47,"div",3),u.OEk(48,"USD"),u.C$Y(),u.I0R(49,"tui-badge",13),u.OEk(50,"By default unless arrested"),u.C$Y()(),u.I0R(51,"div",10),u.OEk(52," $123 456 "),u.I0R(53,"div",3),u.OEk(54,"Careful, content may overlap"),u.C$Y()()()),2&e&&(u.yG2(4),u.m4B("display","block"),u.yG2(6),u.m4B("color","var(--tui-positive)"),u.yG2(1),u.m4B("white-space","nowrap"),u.yG2(7),u.m4B("white-space","nowrap"),u.yG2(1),u.E7m("round",!1),u.yG2(17),u.m4B("color","var(--tui-positive)"),u.yG2(15),u.m4B("white-space","nowrap")("width",0))},dependencies:[v.I,E.Y,T.u,C.s,D.y,I.e,y.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var z=i(76004),F=i(26220),_=i(70088),P=i(32612),H=i(6984);function U(e,t){if(1&e){const e=u.KQA();u.I0R(0,"tui-data-list-wrapper",9),u.qCj("itemClick",(function(){const t=u.usT(e).close;return u.CGJ(t())})),u.C$Y()}if(2&e){const e=u.GaO();u.E7m("items",e.items)}}function W(e,t){if(1&e&&(u.I0R(0,"button",10),u.OEk(1),u.C$Y()),2&e){const e=t.$implicit;u.E7m("iconLeft",e.icon),u.yG2(1),u.oRS(" ",e," ")}}let q=(()=>{var e;class t{constructor(){this.items=[{icon:"tuiIconPhone",toString:()=>"Call now"},{icon:"tuiIconStar",toString:()=>"Add to favorites"},{icon:"tuiIconTrash",toString:()=>"Remove item"}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-6"]],decls:28,vars:3,consts:[["tuiCell",""],["tuiTitle",""],["tuiSubtitle",""],["tuiButton",""],["tuiDropdownAlign","right",3,"content"],["appearance","icon","iconLeft","tuiIconMoreHorizontalLarge","tuiIconButton",""],["dropdown",""],["tuiCellActions","","tuiGroup","","tuiTheme","night",3,"collapsed"],["appearance","opposite","tuiIconButton","",3,"iconLeft",4,"ngFor","ngForOf"],[3,"items","itemClick"],["appearance","opposite","tuiIconButton","",3,"iconLeft"]],template:function(e,t){if(1&e&&(u.I0R(0,"div",0)(1,"div",1),u.OEk(2," Single action "),u.I0R(3,"div",2),u.OEk(4,"Description of the action"),u.C$Y()(),u.I0R(5,"button",3),u.OEk(6,"Action"),u.C$Y()(),u.I0R(7,"div",0)(8,"div",1),u.OEk(9," Multiple actions "),u.I0R(10,"div",2),u.OEk(11,"With no content on the right"),u.C$Y()(),u.I0R(12,"tui-hosted-dropdown",4)(13,"button",5),u.OEk(14," Action "),u.C$Y(),u.yuY(15,U,1,1,"ng-template",null,6,u.gJz),u.C$Y()(),u.I0R(17,"button",0)(18,"div",1),u.OEk(19," Multiple actions "),u.I0R(20,"div",2),u.OEk(21,"When there's content on the right"),u.C$Y()(),u.I0R(22,"div",7),u.yuY(23,W,2,2,"button",8),u.C$Y(),u.I0R(24,"div",1),u.OEk(25," Hover over "),u.I0R(26,"div",2),u.OEk(27,"Put it before the right side"),u.C$Y()()()),2&e){const e=u.Gew(16);u.yG2(12),u.E7m("content",e),u.yG2(10),u.E7m("collapsed",!0),u.yG2(1),u.E7m("ngForOf",t.items)}},dependencies:[n.ay,C.s,I.e,z.O,F.W,_.Q,P.oF,H.K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var N=i(15268),Q=i(15124),X=i(87164),J=i(2036),K=i(7332),V=i(6620),Z=i(91576);function ee(e,t){if(1&e&&(u.I0R(0,"button",7),u.wR5(1,"tui-avatar",8),u.I0R(2,"span",9),u.OEk(3),u.I0R(4,"span",10),u.OEk(5),u.C$Y()()()),2&e){const e=t.$implicit;u.yG2(1),u.E7m("src",e.icon),u.yG2(2),u.oRS(" ",e.title," "),u.yG2(2),u.cNF(e.subtitle)}}function te(e,t){if(1&e&&u.wR5(0,"tui-data-list-wrapper",11),2&e){const e=u.GaO(),t=u.Gew(12);u.E7m("itemContent",t)("items",e.items)}}function ie(e,t){if(1&e&&(u.I0R(0,"span",7),u.wR5(1,"tui-avatar",12),u.I0R(2,"span",9),u.OEk(3),u.I0R(4,"span",10),u.OEk(5),u.C$Y()()()),2&e){const e=t.$implicit;u.yG2(1),u.E7m("src",e.icon),u.yG2(2),u.oRS(" ",e.title," "),u.yG2(2),u.cNF(e.subtitle)}}let ne=(()=>{var e;class t{constructor(){this.items=[{icon:"tuiIconEyeLarge",title:"Show more",subtitle:"Ctrl + Shift + M"},{icon:"tuiIconMailLarge",title:"Send message",subtitle:"Keep it short"},{icon:"tuiIconLockLarge",title:"Access",subtitle:"Block your account"}],this.value=this.items[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-7"]],decls:13,vars:4,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiTitle","m"],["tuiCell","",4,"ngFor","ngForOf"],["tuiLabel","Inside a dropdown"],[3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange"],[3,"itemContent","items",4,"tuiDataList"],["content",""],["tuiCell",""],["appearance","accent",3,"src"],["tuiTitle",""],["tuiSubtitle",""],[3,"itemContent","items"],["appearance","primary",3,"src"]],template:function(e,t){if(1&e&&(u.I0R(0,"tui-notification"),u.OEk(1," Don't forget import "),u.I0R(2,"code"),u.OEk(3,"TuiCardModule"),u.C$Y()(),u.I0R(4,"div",0)(5,"h3",1),u.OEk(6,"Inside a block"),u.C$Y(),u.yuY(7,ee,6,3,"button",2),u.C$Y(),u.I0R(8,"label",3)(9,"tui-select",4),u.qCj("ngModelChange",(function(e){return t.value=e})),u.yuY(10,te,1,2,"tui-data-list-wrapper",5),u.yuY(11,ie,6,3,"ng-template",null,6,u.gJz),u.C$Y()()),2&e){const e=u.Gew(12);u.yG2(7),u.E7m("ngForOf",t.items),u.yG2(2),u.E7m("tuiTextfieldLabelOutside",!0)("valueContent",e)("ngModel",t.value)}},dependencies:[n.ay,o.ue,o._G,v.I,C.s,r.e,I.e,N.c,Q.c,X.u,z.O,J.U,K.E,V.Y,Z.u],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;max-width:20rem;gap:1rem}"],changeDetection:0}),t})();function oe(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"tui-doc-example",4),u.wR5(6,"tui-cell-example-1"),u.C$Y(),u.I0R(7,"tui-doc-example",5),u.wR5(8,"tui-cell-example-2"),u.C$Y(),u.I0R(9,"tui-doc-example",6),u.wR5(10,"tui-cell-example-3"),u.C$Y(),u.I0R(11,"tui-doc-example",7),u.wR5(12,"tui-cell-example-4"),u.C$Y(),u.I0R(13,"tui-doc-example",8),u.wR5(14,"tui-cell-example-5"),u.C$Y(),u.I0R(15,"tui-doc-example",9),u.wR5(16,"tui-cell-example-6"),u.C$Y(),u.I0R(17,"tui-doc-example",10),u.wR5(18,"tui-cell-example-7"),u.C$Y()),2&e){const e=u.GaO();u.yG2(5),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2),u.yG2(2),u.E7m("content",e.example3),u.yG2(2),u.E7m("content",e.example4),u.yG2(2),u.E7m("content",e.example5),u.yG2(2),u.E7m("content",e.example6),u.yG2(2),u.E7m("content",e.example7)}}function ae(e,t){if(1&e&&(u.I0R(0,"ol",11)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",12),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",13),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let le=(()=>{var e;class t{constructor(){this.exampleModule=i.e(42200).then(i.t.bind(i,42200,17)),this.exampleHtml=i.e(13936).then(i.t.bind(i,13936,17)),this.example1={HTML:i.e(49424).then(i.t.bind(i,49424,17))},this.example2={HTML:i.e(25904).then(i.t.bind(i,25904,17))},this.example3={HTML:i.e(52740).then(i.t.bind(i,52740,17))},this.example4={HTML:i.e(46124).then(i.t.bind(i,46124,17))},this.example5={HTML:i.e(60944).then(i.t.bind(i,60944,17))},this.example6={HTML:i.e(2416).then(i.t.bind(i,2416,17)),TypeScript:i.e(70044).then(i.t.bind(i,70044,17))},this.example7={HTML:i.e(17056).then(i.t.bind(i,17056,17)),LESS:i.e(81132).then(i.t.bind(i,81132,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-cell"]],features:[u.M5G([(0,a.Eh)({fullsize:!0})])],decls:3,vars:0,consts:[["header","Cell","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","heading","Basic",3,"content"],["id","label","heading","Label",3,"content"],["id","left","heading","Left side",3,"content"],["id","right","heading","Right side",3,"content"],["id","long","heading","Long content",3,"content"],["id","actions","heading","Actions",3,"content"],["id","combinations","heading","Combinations",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,oe,19,7,"ng-template",1),u.yuY(2,ae,9,2,"ng-template",2),u.C$Y())},dependencies:[r.e,d.u,p.E,m.u,g.I,h,O,G,B,j,q,ne],styles:["example-cell [tuiCell]{max-width:25rem}\n"],encapsulation:2,changeDetection:0}),t})();i(23340);let ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[n.MD,o.y,c.CA,c.W4,c._e,s.TuiBadgedContentComponent,c.yk,c.mC,l.TuiLinkModule,l.TuiNotificationModule,s.TuiProgressModule,c.iK,c.O0,l.TuiTooltipModule,c._M,c.C,c.Q7,l.TuiLoaderModule,c.kT,c.kF,s.TuiSelectModule,s.TuiDataListWrapperModule,l.TuiTextfieldControllerModule,l.TuiLabelModule,c.CI,l.TuiHostedDropdownModule,c.kD,(0,a.If)(le)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[464],{464:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiCellModule:()=>ce});var n=i(86568),o=i(35856),a=i(752),l=i(62548),c=i(37304),s=i(33976),u=i(6528),r=i(62224),d=i(13692),p=i(34496),m=i(37288),g=i(83480),v=i(3088),C=i(28520),I=i(52132);function R(e,t){if(1&e&&(u.I0R(0,"div",1),u.wR5(1,"tui-avatar",2),u.I0R(2,"div",3),u.OEk(3," Title "),u.I0R(4,"div",4),u.OEk(5,"Description"),u.C$Y()(),u.I0R(6,"div",3),u.OEk(7," Secondary title "),u.I0R(8,"div",4),u.OEk(9,"Another description"),u.C$Y()()()),2&e){const e=t.$implicit;u.E7m("tuiCell",e),u.yG2(1),u.E7m("src","s"===e?"tuiIconStar":"tuiIconStarLarge")}}let h=(()=>{var e;class t{constructor(){this.sizes=["s","m","l"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-1"]],decls:1,vars:1,consts:[[3,"tuiCell",4,"ngFor","ngForOf"],[3,"tuiCell"],["appearance","primary",3,"src"],["tuiTitle",""],["tuiSubtitle",""]],template:function(e,t){1&e&&u.yuY(0,R,10,2,"div",0),2&e&&u.E7m("ngForOf",t.sizes)},dependencies:[n.ay,v.I,C.s,I.e],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})();var E=i(49712),k=i(35432),f=i(80108),y=i(69352);let O=(()=>{var e;class t{constructor(){this.incoming=!1,this.outgoing=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-2"]],decls:16,vars:4,consts:[["tuiCell",""],["appearance","error","icon","tuiIconArrowDownLeft","size","s","tuiBadge","","tuiSlot","top"],["size","s","src","tuiIconPhone"],["tuiTitle",""],["tuiSubtitle",""],["tuiToggle","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","success","icon","tuiIconArrowUpRight","size","s","tuiBadge","","tuiSlot","top"]],template:function(e,t){1&e&&(u.I0R(0,"label",0)(1,"tui-badged-content"),u.wR5(2,"tui-icon",1)(3,"tui-avatar",2),u.C$Y(),u.I0R(4,"div",3),u.OEk(5," Allow incoming "),u.I0R(6,"div",4),u.OEk(7,"Why would you?"),u.C$Y()(),u.I0R(8,"input",5),u.qCj("ngModelChange",(function(e){return t.incoming=e})),u.C$Y()(),u.I0R(9,"label",0)(10,"tui-badged-content"),u.wR5(11,"tui-icon",6)(12,"tui-avatar",2),u.C$Y(),u.I0R(13,"div",3),u.OEk(14,"Allow outgoing"),u.C$Y(),u.I0R(15,"input",5),u.qCj("ngModelChange",(function(e){return t.outgoing=e})),u.C$Y()()),2&e&&(u.yG2(4),u.m4B("color","var(--tui-negative)"),u.yG2(4),u.E7m("ngModel",t.incoming),u.yG2(7),u.E7m("ngModel",t.outgoing))},dependencies:[o.SU,o.ue,o._G,v.I,E.Y,k.i,C.s,f.y,I.e,y.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var Y=i(18252),$=i(55412),b=i(520),w=i(83884),x=i(17060),M=i(10268);let G=(()=>{var e;class t{constructor(){this.value=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-3"]],decls:46,vars:8,consts:[["tuiCell",""],["tuiProgressLabel",""],["icon","tuiIconSmileLarge"],[3,"value"],["tuiTitle",""],["tuiSubtitle",""],["appearance","success","size","s"],["src","/assets/images/avatar.jpg"],["src","/assets/images/poorly.png"],["appearance","neutral","size","s"],["icon","tuiIconLock"],["appearance","success","icon","tuiIconBell","size","s","tuiBadge",""],["href","https://waterplea.bandcamp.com","tuiLink",""],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["paymentSystem","mastercard","size","s"],["alt","Poster","src","https://m.media-amazon.com/images/M/MV5BNzQzMzJhZTEtOWM4NS00MTdhLTg0YjgtMjM4MDRkZjUwZDBlXkEyXkFqcGdeQXVyNjU0OTQ0OTY@._V1_UY209_CR0,0,140,209_AL_.jpg"]],template:function(e,t){1&e&&(u.I0R(0,"div",0)(1,"label",1),u.wR5(2,"tui-icon",2)(3,"tui-progress-circle",3),u.C$Y(),u.I0R(4,"div",4)(5,"strong"),u.OEk(6,"$30 our of $100"),u.C$Y(),u.I0R(7,"div",5),u.OEk(8,"Saving for a Benjamin Franklin portrait"),u.C$Y()(),u.I0R(9,"div",4)(10,"tui-badge",6),u.OEk(11," +$30 "),u.C$Y(),u.I0R(12,"div",5),u.OEk(13," "),u.C$Y()()(),u.I0R(14,"div",0)(15,"tui-avatar-stack"),u.wR5(16,"tui-avatar",7)(17,"tui-avatar",8),u.I0R(18,"tui-avatar"),u.OEk(19,"+2"),u.C$Y()(),u.I0R(20,"div",4),u.OEk(21," Waterplea "),u.I0R(22,"div",5)(23,"tui-badge",9),u.wR5(24,"tui-icon",10),u.OEk(25," 100 ₽ "),u.C$Y(),u.OEk(26," Music "),u.wR5(27,"tui-icon",11),u.C$Y()(),u.I0R(28,"a",12),u.OEk(29," Buy "),u.C$Y()(),u.I0R(30,"div",0)(31,"input",13),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y(),u.I0R(32,"tui-thumbnail-card",14),u.OEk(33," 1234 "),u.C$Y(),u.I0R(34,"div",4),u.OEk(35," Primary Card "),u.I0R(36,"div",5),u.OEk(37,"**** **** **** 1234"),u.C$Y()()(),u.I0R(38,"div",0),u.wR5(39,"img",15),u.I0R(40,"div",4)(41,"div",5),u.OEk(42,"Ridley Scott, 1982"),u.C$Y(),u.OEk(43," Blade Runner "),u.I0R(44,"div",5),u.OEk(45," A blade runner must pursue and terminate four replicants who stole a ship in space and have returned to Earth to find their creator. "),u.C$Y()()()),2&e&&(u.yG2(2),u.m4B("color","var(--tui-primary)"),u.yG2(1),u.E7m("value",.3),u.yG2(28),u.E7m("ngModel",t.value),u.yG2(8),u.m4B("border-radius",.5,"rem")("width",3,"rem"))},dependencies:[o.SU,o.ue,o._G,v.I,Y.G,E.Y,C.s,$.C,b.Y,w.u,x.k,I.e,y.i,M.g],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var T=i(67156),S=i(72195),L=i(18692),A=i(50664);let B=(()=>{var e;class t{constructor(){this.value=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-4"]],decls:42,vars:6,consts:[["href","https://github.com/taiga-family/taiga-ui","tuiCell",""],["tuiTitle",""],["size","l"],["content","A cell can be a link",3,"click.prevent"],["tuiSubtitle",""],["icon","tuiIconChevronRightLarge"],["tuiCell",""],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["src","/assets/images/avatar.jpg"],[3,"tuiSensitive"]],template:function(e,t){1&e&&(u.I0R(0,"a",0)(1,"div",1),u.OEk(2,"Notifications"),u.C$Y(),u.I0R(3,"tui-badge-notification",2),u.OEk(4,"3"),u.C$Y(),u.I0R(5,"tui-tooltip",3),u.qCj("click.prevent",(function(){return 0})),u.C$Y(),u.I0R(6,"div",4),u.OEk(7," Read "),u.wR5(8,"tui-icon",5),u.C$Y()(),u.I0R(9,"label",6)(10,"div",1),u.OEk(11," A label "),u.I0R(12,"div",4),u.OEk(13,"Clicking it will toggle checkbox"),u.C$Y()(),u.wR5(14,"tui-loader"),u.I0R(15,"input",7),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y()(),u.I0R(16,"button",6)(17,"div",1)(18,"div",4)(19,"span"),u.OEk(20,"For sale"),u.C$Y(),u.OEk(21," • "),u.I0R(22,"span"),u.OEk(23,"ebay"),u.C$Y()(),u.OEk(24," It can be a button "),u.I0R(25,"div",4),u.OEk(26,"In stock"),u.C$Y()(),u.I0R(27,"div",1)(28,"div",4),u.OEk(29," "),u.C$Y(),u.OEk(30," $237 "),u.I0R(31,"div",4),u.OEk(32,"321 items"),u.C$Y()()(),u.I0R(33,"div",6),u.wR5(34,"tui-avatar",8),u.I0R(35,"div",1),u.OEk(36,"Salary"),u.C$Y(),u.I0R(37,"div",1)(38,"span",9),u.OEk(39," Enough "),u.C$Y(),u.I0R(40,"div",4),u.OEk(41,"Sky's the limit"),u.C$Y()()()),2&e&&(u.yG2(15),u.E7m("ngModel",t.value),u.yG2(4),u.m4B("color","var(--tui-positive)"),u.yG2(19),u.m4B("color","var(--tui-positive)"),u.E7m("tuiSensitive",!0))},dependencies:[o.SU,o.ue,o._G,v.I,T.u,C.s,S.i,I.e,y.i,M.g,L.C,A.H],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var D=i(24980);let j=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-5"]],decls:55,vars:15,consts:[["tuiCell",""],["src","tuiIconEyeLarge","tuiAccessories",""],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["icon","tuiIconCheckLarge"],["tuiFade","","tuiTitle",""],["src","tuiIconSmileLarge",3,"round"],["size","xs"],["src","/assets/images/avatar.jpg","tuiAccessories",""],["tuiAccessories","","tuiTitle",""],["appearance","primary"],["src","tuiIconHomeLarge","tuiAccessories",""],["appearance","neutral"]],template:function(e,t){1&e&&(u.I0R(0,"div",0),u.wR5(1,"tui-avatar",1),u.I0R(2,"div",2),u.OEk(3," Long title in a cell will wrap to multiple lines and so will the subtitle "),u.I0R(4,"div",3),u.OEk(5," Use "),u.I0R(6,"strong"),u.OEk(7,"tuiAccessories"),u.C$Y(),u.OEk(8," to keep your side content properly aligned if you have many lines of text "),u.C$Y()(),u.I0R(9,"div",4),u.wR5(10,"tui-icon",5),u.C$Y()(),u.I0R(11,"div",0)(12,"div",6),u.OEk(13," Alternatively you can use fade to hide extra text using nowrap CSS "),u.I0R(14,"div",3),u.OEk(15,"Works the same for subtitle when fade directive is applied to the top"),u.C$Y()(),u.I0R(16,"tui-badge"),u.OEk(17,"Works with the right side"),u.C$Y()(),u.I0R(18,"div",0),u.wR5(19,"tui-avatar",7),u.I0R(20,"div",6),u.OEk(21," Works with fade on both sides "),u.I0R(22,"div",3),u.OEk(23,"You can control proportions"),u.C$Y()(),u.I0R(24,"div",6),u.OEk(25," Proportions are controlled with flex "),u.I0R(26,"div",3),u.OEk(27,"Flex shrink is set to 70-30 by default"),u.C$Y()(),u.wR5(28,"tui-badge-notification",8),u.C$Y(),u.I0R(29,"div",0),u.wR5(30,"tui-avatar",9),u.I0R(31,"div",10),u.OEk(32," Alexander "),u.I0R(33,"div",3),u.OEk(34,"Taiga UI developer"),u.C$Y()(),u.I0R(35,"div",2)(36,"span"),u.OEk(37,"+$1000"),u.C$Y(),u.I0R(38,"div",3),u.OEk(39,"Bonus for tuiCell component"),u.C$Y(),u.I0R(40,"tui-badge",11),u.OEk(41,"Awesome!"),u.C$Y()()(),u.I0R(42,"div",0),u.wR5(43,"tui-avatar",12),u.I0R(44,"div",2)(45,"strong"),u.OEk(46,"Main account"),u.C$Y(),u.I0R(47,"div",3),u.OEk(48,"USD"),u.C$Y(),u.I0R(49,"tui-badge",13),u.OEk(50,"By default unless arrested"),u.C$Y()(),u.I0R(51,"div",10),u.OEk(52," $123 456 "),u.I0R(53,"div",3),u.OEk(54,"Careful, content may overlap"),u.C$Y()()()),2&e&&(u.yG2(4),u.m4B("display","block"),u.yG2(6),u.m4B("color","var(--tui-positive)"),u.yG2(1),u.m4B("white-space","nowrap"),u.yG2(7),u.m4B("white-space","nowrap"),u.yG2(1),u.E7m("round",!1),u.yG2(17),u.m4B("color","var(--tui-positive)"),u.yG2(15),u.m4B("white-space","nowrap")("width",0))},dependencies:[v.I,E.Y,T.u,C.s,D.y,I.e,y.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var z=i(76004),F=i(26220),_=i(70088),P=i(32612),H=i(6984);function U(e,t){if(1&e){const e=u.KQA();u.I0R(0,"tui-data-list-wrapper",9),u.qCj("itemClick",(function(){const t=u.usT(e).close;return u.CGJ(t())})),u.C$Y()}if(2&e){const e=u.GaO();u.E7m("items",e.items)}}function W(e,t){if(1&e&&(u.I0R(0,"button",10),u.OEk(1),u.C$Y()),2&e){const e=t.$implicit;u.E7m("iconLeft",e.icon),u.yG2(1),u.oRS(" ",e," ")}}let q=(()=>{var e;class t{constructor(){this.items=[{icon:"tuiIconPhone",toString:()=>"Call now"},{icon:"tuiIconStar",toString:()=>"Add to favorites"},{icon:"tuiIconTrash",toString:()=>"Remove item"}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-6"]],decls:28,vars:3,consts:[["tuiCell",""],["tuiTitle",""],["tuiSubtitle",""],["tuiButton",""],["tuiDropdownAlign","right",3,"content"],["appearance","icon","iconLeft","tuiIconMoreHorizontalLarge","tuiIconButton",""],["dropdown",""],["tuiCellActions","","tuiGroup","","tuiTheme","night",3,"collapsed"],["appearance","opposite","tuiIconButton","",3,"iconLeft",4,"ngFor","ngForOf"],[3,"items","itemClick"],["appearance","opposite","tuiIconButton","",3,"iconLeft"]],template:function(e,t){if(1&e&&(u.I0R(0,"div",0)(1,"div",1),u.OEk(2," Single action "),u.I0R(3,"div",2),u.OEk(4,"Description of the action"),u.C$Y()(),u.I0R(5,"button",3),u.OEk(6,"Action"),u.C$Y()(),u.I0R(7,"div",0)(8,"div",1),u.OEk(9," Multiple actions "),u.I0R(10,"div",2),u.OEk(11,"With no content on the right"),u.C$Y()(),u.I0R(12,"tui-hosted-dropdown",4)(13,"button",5),u.OEk(14," Action "),u.C$Y(),u.yuY(15,U,1,1,"ng-template",null,6,u.gJz),u.C$Y()(),u.I0R(17,"button",0)(18,"div",1),u.OEk(19," Multiple actions "),u.I0R(20,"div",2),u.OEk(21,"When there's content on the right"),u.C$Y()(),u.I0R(22,"div",7),u.yuY(23,W,2,2,"button",8),u.C$Y(),u.I0R(24,"div",1),u.OEk(25," Hover over "),u.I0R(26,"div",2),u.OEk(27,"Put it before the right side"),u.C$Y()()()),2&e){const e=u.Gew(16);u.yG2(12),u.E7m("content",e),u.yG2(10),u.E7m("collapsed",!0),u.yG2(1),u.E7m("ngForOf",t.items)}},dependencies:[n.ay,C.s,I.e,z.O,F.W,_.Q,P.oF,H.K],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var N=i(15268),Q=i(15124),X=i(87164),J=i(2036),K=i(7332),V=i(6620),Z=i(91576);function ee(e,t){if(1&e&&(u.I0R(0,"button",7),u.wR5(1,"tui-avatar",8),u.I0R(2,"span",9),u.OEk(3),u.I0R(4,"span",10),u.OEk(5),u.C$Y()()()),2&e){const e=t.$implicit;u.yG2(1),u.E7m("src",e.icon),u.yG2(2),u.oRS(" ",e.title," "),u.yG2(2),u.cNF(e.subtitle)}}function te(e,t){if(1&e&&u.wR5(0,"tui-data-list-wrapper",11),2&e){const e=u.GaO(),t=u.Gew(12);u.E7m("itemContent",t)("items",e.items)}}function ie(e,t){if(1&e&&(u.I0R(0,"span",7),u.wR5(1,"tui-avatar",12),u.I0R(2,"span",9),u.OEk(3),u.I0R(4,"span",10),u.OEk(5),u.C$Y()()()),2&e){const e=t.$implicit;u.yG2(1),u.E7m("src",e.icon),u.yG2(2),u.oRS(" ",e.title," "),u.yG2(2),u.cNF(e.subtitle)}}let ne=(()=>{var e;class t{constructor(){this.items=[{icon:"tuiIconEyeLarge",title:"Show more",subtitle:"Ctrl + Shift + M"},{icon:"tuiIconMailLarge",title:"Send message",subtitle:"Keep it short"},{icon:"tuiIconLockLarge",title:"Access",subtitle:"Block your account"}],this.value=this.items[0]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-cell-example-7"]],decls:13,vars:4,consts:[["tuiCardLarge","","tuiSurface","elevated"],["tuiTitle","m"],["tuiCell","",4,"ngFor","ngForOf"],["tuiLabel","Inside a dropdown"],[3,"tuiTextfieldLabelOutside","valueContent","ngModel","ngModelChange"],[3,"itemContent","items",4,"tuiDataList"],["content",""],["tuiCell",""],["appearance","accent",3,"src"],["tuiTitle",""],["tuiSubtitle",""],[3,"itemContent","items"],["appearance","primary",3,"src"]],template:function(e,t){if(1&e&&(u.I0R(0,"tui-notification"),u.OEk(1," Don't forget import "),u.I0R(2,"code"),u.OEk(3,"TuiCardModule"),u.C$Y()(),u.I0R(4,"div",0)(5,"h3",1),u.OEk(6,"Inside a block"),u.C$Y(),u.yuY(7,ee,6,3,"button",2),u.C$Y(),u.I0R(8,"label",3)(9,"tui-select",4),u.qCj("ngModelChange",(function(e){return t.value=e})),u.yuY(10,te,1,2,"tui-data-list-wrapper",5),u.yuY(11,ie,6,3,"ng-template",null,6,u.gJz),u.C$Y()()),2&e){const e=u.Gew(12);u.yG2(7),u.E7m("ngForOf",t.items),u.yG2(2),u.E7m("tuiTextfieldLabelOutside",!0)("valueContent",e)("ngModel",t.value)}},dependencies:[n.ay,o.ue,o._G,v.I,C.s,r.e,I.e,N.c,Q.c,X.u,z.O,J.U,K.E,V.Y,Z.u],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;max-width:20rem;gap:1rem}"],changeDetection:0}),t})();function oe(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"tui-doc-example",4),u.wR5(6,"tui-cell-example-1"),u.C$Y(),u.I0R(7,"tui-doc-example",5),u.wR5(8,"tui-cell-example-2"),u.C$Y(),u.I0R(9,"tui-doc-example",6),u.wR5(10,"tui-cell-example-3"),u.C$Y(),u.I0R(11,"tui-doc-example",7),u.wR5(12,"tui-cell-example-4"),u.C$Y(),u.I0R(13,"tui-doc-example",8),u.wR5(14,"tui-cell-example-5"),u.C$Y(),u.I0R(15,"tui-doc-example",9),u.wR5(16,"tui-cell-example-6"),u.C$Y(),u.I0R(17,"tui-doc-example",10),u.wR5(18,"tui-cell-example-7"),u.C$Y()),2&e){const e=u.GaO();u.yG2(5),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2),u.yG2(2),u.E7m("content",e.example3),u.yG2(2),u.E7m("content",e.example4),u.yG2(2),u.E7m("content",e.example5),u.yG2(2),u.E7m("content",e.example6),u.yG2(2),u.E7m("content",e.example7)}}function ae(e,t){if(1&e&&(u.I0R(0,"ol",11)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",12),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",13),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let le=(()=>{var e;class t{constructor(){this.exampleModule=i.e(42200).then(i.t.bind(i,42200,17)),this.exampleHtml=i.e(13936).then(i.t.bind(i,13936,17)),this.example1={HTML:i.e(49424).then(i.t.bind(i,49424,17))},this.example2={HTML:i.e(25904).then(i.t.bind(i,25904,17))},this.example3={HTML:i.e(52740).then(i.t.bind(i,52740,17))},this.example4={HTML:i.e(46124).then(i.t.bind(i,46124,17))},this.example5={HTML:i.e(60944).then(i.t.bind(i,60944,17))},this.example6={HTML:i.e(2416).then(i.t.bind(i,2416,17)),TypeScript:i.e(70044).then(i.t.bind(i,70044,17))},this.example7={HTML:i.e(17056).then(i.t.bind(i,17056,17)),LESS:i.e(81132).then(i.t.bind(i,81132,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-cell"]],features:[u.M5G([(0,a.Eh)({fullsize:!0})])],decls:3,vars:0,consts:[["header","Cell","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","heading","Basic",3,"content"],["id","label","heading","Label",3,"content"],["id","left","heading","Left side",3,"content"],["id","right","heading","Right side",3,"content"],["id","long","heading","Long content",3,"content"],["id","actions","heading","Actions",3,"content"],["id","combinations","heading","Combinations",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,oe,19,7,"ng-template",1),u.yuY(2,ae,9,2,"ng-template",2),u.C$Y())},dependencies:[r.e,d.u,p.E,m.u,g.I,h,O,G,B,j,q,ne],styles:["example-cell [tuiCell]{max-width:25rem}\n"],encapsulation:2,changeDetection:0}),t})();i(23340);let ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[n.MD,o.y,c.CA,c.W4,c._e,s.TuiBadgedContentComponent,c.yk,c.mC,l.TuiLinkModule,l.TuiNotificationModule,s.TuiProgressModule,c.iK,c.O0,l.TuiTooltipModule,c._M,c.C,c.Q7,l.TuiLoaderModule,c.kT,c.kF,s.TuiSelectModule,s.TuiDataListWrapperModule,l.TuiTextfieldControllerModule,l.TuiLabelModule,c.CI,l.TuiHostedDropdownModule,c.kD,(0,a.If)(le)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/47148.70dfc5463ae46662.js b/next/47148.73eaf4bfc988af88.js
similarity index 99%
rename from next/47148.70dfc5463ae46662.js
rename to next/47148.73eaf4bfc988af88.js
index d78b97dabcc5..d5354e79e7ed 100644
--- a/next/47148.70dfc5463ae46662.js
+++ b/next/47148.73eaf4bfc988af88.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[47148],{47148:(t,e,n)=>{n.r(e),n.d(e,{default:()=>b});var o=n(13972),r=n(86568),i=n(6528),a=n(82312),s=n(9268),c=n(36468),l=n(45328),d=n(62548),m=n(84788),g=n(26220),C=n(19036),h=n(34576);const p=["block"];function u(t,e){1&t&&i.wR5(0,"iframe",26),2&t&&i.E7m("@tuiFadeIn",void 0)}function f(t,e){1&t&&(i.S2Z(),i.gRP(),i.I0R(0,"div",27)(1,"h2",28),i.OEk(2,"It’s open source"),i.C$Y(),i.I0R(3,"p",29),i.OEk(4," We use these components in our work ourselves, so we often release updates. Contributions are welcome — "),i.I0R(5,"a",30),i.OEk(6," GitHub repo "),i.C$Y()(),i.S2Z(),i.I0R(7,"svg",31),i.wR5(8,"path",32)(9,"path",33)(10,"path",34),i.C$Y()()),2&t&&i.E7m("@tuiFadeIn",void 0)}function w(t,e){if(1&t){const t=i.KQA();i.I0R(0,"div",35,36),i.qCj("waIntersectionObservee",(function(e){const n=i.usT(t).$implicit,o=i.GaO();return i.CGJ(o.onIntersection(e,n))})),i.C$Y()}}let b=(()=>{var t;class e{constructor(t,e,n){this.router=t,this.activatedRoute=e,this.storage=n,this.blocks=l.EMPTY_QUERY,this.current=0,this.intersected=!1}ngOnInit(){var t=this;return(0,o.c)((function*(){yield t.clearQueryParams()}))()}get hidden(){return!!this.storage.getItem("env")}get background(){return this.current?"#5f6ed0":"#3dc67c"}onIntersection([{isIntersecting:t,target:e}],n){t&&(this.current=n,e.scrollIntoView({behavior:"smooth"}))}onClick(){this.blocks.forEach((({nativeElement:t},e)=>{e===this.current+1&&t.scrollIntoView({behavior:"smooth"})}))}clearQueryParams(){var t=this;return(0,o.c)((function*(){yield t.router.navigate([],{relativeTo:t.activatedRoute,queryParamsHandling:"",queryParams:{}})}))()}}return(t=e).ɵfac=function(e){return new(e||t)(i.GI1(a.E5),i.GI1(a.gV),i.GI1(s.q0))},t.ɵcmp=i.In1({type:t,selectors:[["landing"]],viewQuery:function(t,e){if(1&t&&i.CC$(p,5,i.GMv),2&t){let t;i.wto(t=i.Gqi())&&(e.blocks=t)}},hostVars:4,hostBindings:function(t,e){2&t&&(i.m4B("background",e.background),i.eAK("_hide",e.hidden))},standalone:!0,features:[i.M5G([{provide:c.ID,useExisting:i.GMv}]),i.UHJ],decls:41,vars:13,consts:[["alt","taiga","loading","lazy","src","assets/images/taiga.svg",1,"taiga"],["waIntersectionObserver","","waIntersectionThreshold","0.5",1,"components"],[1,"topography"],["alt","topography","loading","lazy","src","assets/images/topography.svg"],[1,"container",3,"waIntersectionObservee"],["height","100%","loading","lazy","src","https://taiga-family.github.io/preview-landing-components/","title","Preview of components","width","100%",4,"ngIf"],[1,"make"],["fill","none","height","20","viewBox","0 0 285 20","width","285","xmlns","http://www.w3.org/2000/svg",1,"width"],["d","M1.01042 9.79289C0.619898 10.1834 0.619898 10.8166 1.01042 11.2071L7.37438 17.5711C7.76491 17.9616 8.39807 17.9616 8.7886 17.5711C9.17912 17.1805 9.17912 16.5474 8.7886 16.1569L3.13174 10.5L8.7886 4.84315C9.17912 4.45262 9.17912 3.81946 8.7886 3.42893C8.39807 3.03841 7.76491 3.03841 7.37438 3.42893L1.01042 9.79289ZM283.814 11.2071C284.205 10.8166 284.205 10.1834 283.814 9.79289L277.45 3.42893C277.06 3.03841 276.427 3.03841 276.036 3.42893C275.646 3.81946 275.646 4.45262 276.036 4.84315L281.693 10.5L276.036 16.1569C275.646 16.5474 275.646 17.1805 276.036 17.5711C276.427 17.9616 277.06 17.9616 277.45 17.5711L283.814 11.2071ZM1.71753 11.5H283.107V9.5H1.71753V11.5Z","fill","white"],["fill","white","height","20","rx","10","width","35","x","116.904"],["d","M125.292 14V12.5425H121.651V11.613L124.264 6.08H125.375L122.762 11.613H125.292V9.3855H126.282V11.613H127.107V12.5425H126.282V14H125.292ZM131.299 14.165C130.793 14.165 130.346 14.0642 129.957 13.8625C129.568 13.6572 129.264 13.373 129.044 13.01C128.824 12.647 128.714 12.2235 128.714 11.7395C128.714 11.2665 128.826 10.8393 129.05 10.458C129.277 10.0767 129.618 9.78333 130.073 9.578L130.056 9.9355C129.686 9.75583 129.402 9.50283 129.204 9.1765C129.006 8.8465 128.907 8.48167 128.907 8.082C128.907 7.63467 129.009 7.24967 129.215 6.927C129.42 6.60433 129.702 6.355 130.062 6.179C130.421 6.003 130.833 5.915 131.299 5.915C131.765 5.915 132.177 6.003 132.537 6.179C132.896 6.355 133.178 6.60433 133.384 6.927C133.589 7.24967 133.692 7.63467 133.692 8.082C133.692 8.48167 133.598 8.84467 133.411 9.171C133.224 9.49367 132.936 9.7485 132.548 9.9355L132.526 9.5835C132.98 9.7815 133.321 10.073 133.549 10.458C133.78 10.8393 133.895 11.2665 133.895 11.7395C133.895 12.2235 133.783 12.647 133.56 13.01C133.34 13.373 133.033 13.6572 132.641 13.8625C132.252 14.0642 131.805 14.165 131.299 14.165ZM131.299 13.23C131.761 13.23 132.135 13.1035 132.421 12.8505C132.711 12.5938 132.856 12.2235 132.856 11.7395C132.856 11.2518 132.713 10.8815 132.427 10.6285C132.144 10.3718 131.768 10.2435 131.299 10.2435C130.833 10.2435 130.458 10.3718 130.172 10.6285C129.889 10.8815 129.748 11.2518 129.748 11.7395C129.748 12.2235 129.891 12.5938 130.177 12.8505C130.463 13.1035 130.837 13.23 131.299 13.23ZM131.299 9.303C131.702 9.303 132.029 9.20217 132.278 9.0005C132.527 8.79517 132.652 8.489 132.652 8.082C132.652 7.675 132.527 7.37067 132.278 7.169C132.029 6.96367 131.702 6.861 131.299 6.861C130.899 6.861 130.573 6.96367 130.32 7.169C130.071 7.37067 129.946 7.675 129.946 8.082C129.946 8.489 130.071 8.79517 130.32 9.0005C130.573 9.20217 130.899 9.303 131.299 9.303ZM138.451 14.165C137.894 14.165 137.425 14.0275 137.043 13.7525C136.662 13.4738 136.372 13.098 136.174 12.625C135.98 12.1483 135.883 11.6148 135.883 11.0245C135.883 10.4268 135.98 9.8915 136.174 9.4185C136.372 8.9455 136.662 8.57333 137.043 8.302C137.428 8.03067 137.899 7.895 138.457 7.895C139.007 7.895 139.48 8.0325 139.876 8.3075C140.275 8.57883 140.582 8.951 140.794 9.424C141.007 9.897 141.113 10.4305 141.113 11.0245C141.113 11.6185 141.007 12.152 140.794 12.625C140.582 13.098 140.275 13.4738 139.876 13.7525C139.48 14.0275 139.005 14.165 138.451 14.165ZM135.718 16.64V8.06H136.592V12.4325H136.702V16.64H135.718ZM138.33 13.2685C138.723 13.2685 139.047 13.1695 139.304 12.9715C139.56 12.7735 139.753 12.5058 139.881 12.1685C140.01 11.8275 140.074 11.4462 140.074 11.0245C140.074 10.6065 140.01 10.2288 139.881 9.8915C139.757 9.55417 139.562 9.2865 139.298 9.0885C139.038 8.8905 138.706 8.7915 138.303 8.7915C137.918 8.7915 137.599 8.88683 137.346 9.0775C137.093 9.2645 136.904 9.52667 136.779 9.864C136.655 10.1977 136.592 10.5845 136.592 11.0245C136.592 11.4572 136.653 11.844 136.774 12.185C136.898 12.5223 137.089 12.7882 137.346 12.9825C137.602 13.1732 137.931 13.2685 138.33 13.2685ZM141.919 14L144.191 10.997L141.969 8.06H143.135L144.763 10.238L146.374 8.06H147.54L145.318 10.997L147.595 14H146.424L144.763 11.756L143.091 14H141.919Z","fill","#1B1F3B"],[1,"customize"],["fill","none","height","110","viewBox","0 0 100 110","width","100","xmlns","http://www.w3.org/2000/svg",1,"arrow"],["d","M94 0L87.9795 9.85325L99.5229 10.1406L94 0ZM1.093 109.996C18.1038 108.407 40.5258 102.765 59.2087 87.6932C77.927 72.5926 92.7921 48.1045 94.775 9.04005L92.7775 8.93866C90.821 47.4838 76.1912 71.4232 57.9529 86.1366C39.6791 100.879 17.6828 106.437 0.907002 108.004L1.093 109.996Z","fill","white"],["class","container container_dark",4,"ngIf"],[1,"initial"],[1,"map"],[1,"wrapper"],[1,"dash"],["alt","logo","loading","lazy","src","assets/images/taiga.svg",1,"logo"],["waIntersectionObserver","","waIntersectionThreshold","0.5","class","screen",3,"waIntersectionObservee",4,"tuiRepeatTimes","tuiRepeatTimesOf"],[1,"footer"],["appearance","accent","routerLink","/getting-started","tuiButton","",1,"browse","browse_mobile"],["appearance","accent","routerLink","/getting-started","tuiAutoFocus","","tuiButton","",1,"browse","browse_desktop"],["aria-label","scroller","type","button",1,"scroll",3,"click"],["alt","by Tinkoff","loading","lazy","src","assets/images/by.svg",1,"by"],["height","100%","loading","lazy","src","https://taiga-family.github.io/preview-landing-components/","title","Preview of components","width","100%"],[1,"container","container_dark"],[1,"opensource"],[1,"contributions"],["href","https://github.com/taiga-family/taiga-ui","rel","noreferrer","target","_blank",1,"link"],["fill","none","height","412","viewBox","0 0 286 412","width","286","xmlns","http://www.w3.org/2000/svg",1,"os"],["d","M385.2 291.026C410.869 268.605 429.016 238.827 437.174 205.736C445.332 172.645 443.107 137.844 430.801 106.061C418.495 74.2782 396.704 47.0536 368.388 28.085C340.072 9.11653 306.603 -0.676436 272.529 0.0363019C238.454 0.749039 205.424 11.9329 177.926 32.0689C150.428 52.2049 129.795 80.3169 118.828 112.587C107.862 144.856 107.094 179.719 116.629 212.441C126.163 245.162 145.539 274.155 172.124 295.483L218.426 237.767C203.691 225.946 192.952 209.876 187.667 191.74C182.382 173.604 182.808 154.281 188.886 136.395C194.964 118.509 206.401 102.928 221.642 91.7675C236.883 80.607 255.19 74.4082 274.076 74.0132C292.962 73.6181 311.512 79.046 327.207 89.5594C342.901 100.073 354.979 115.162 361.8 132.778C368.621 150.394 369.854 169.683 365.332 188.024C360.81 206.365 350.752 222.87 336.525 235.297L385.2 291.026Z","stroke","white","stroke-width","2"],["d","M275.2 338.026C300.98 315.508 319.17 285.572 327.277 252.316C335.384 219.06 333.012 184.111 320.487 152.256C307.961 120.4 285.894 93.1956 257.308 74.3677C228.721 55.5398 195.013 46.0093 160.8 47.0815C126.588 48.1536 93.5425 59.776 66.1911 80.3569C38.8397 100.938 18.5193 129.471 8.01293 162.048C-2.49348 194.626 -2.67218 229.654 7.50133 262.337C17.6748 295.02 37.7031 323.759 64.8431 344.618L109.933 285.95C94.8903 274.389 83.7895 258.46 78.1507 240.346C72.512 222.231 72.611 202.816 78.4343 184.76C84.2576 166.703 95.5203 150.889 110.68 139.481C125.84 128.074 144.155 121.632 163.118 121.038C182.081 120.444 200.764 125.726 216.608 136.162C232.452 146.597 244.683 161.676 251.626 179.332C258.568 196.988 259.883 216.359 255.389 234.791C250.896 253.224 240.814 269.816 226.525 282.297L275.2 338.026Z","fill","#3DC67C"],["clip-rule","evenodd","d","M240 412L172.5 295L105 412H153.717L169.478 387H150L171.5 355L193 387H174.522L190.283 412H240Z","fill","white","fill-rule","evenodd"],["waIntersectionObserver","","waIntersectionThreshold","0.5",1,"screen",3,"waIntersectionObservee"],["block",""]],template:function(t,e){1&t&&(i.wR5(0,"img",0),i.I0R(1,"section",1)(2,"div",2),i.wR5(3,"img",3),i.C$Y(),i.I0R(4,"div",4),i.qCj("waIntersectionObservee",(function(t){return e.intersected=t[0].isIntersecting||e.intersected})),i.yuY(5,u,1,1,"iframe",5),i.C$Y(),i.I0R(6,"div",6),i.S2Z(),i.I0R(7,"svg",7),i.wR5(8,"path",8)(9,"rect",9)(10,"path",10),i.C$Y(),i.OEk(11," Make it "),i.C$Y(),i.gRP(),i.I0R(12,"div",11),i.OEk(13," Customize design the way you like it "),i.S2Z(),i.I0R(14,"svg",12),i.wR5(15,"path",13),i.C$Y()(),i.yuY(16,f,11,1,"div",14),i.C$Y(),i.gRP(),i.I0R(17,"section",15)(18,"div",16),i.wR5(19,"img",3),i.C$Y(),i.I0R(20,"h1",17),i.OEk(21," Taiga UI "),i.I0R(22,"span",18),i.OEk(23,"——"),i.C$Y(),i.wR5(24,"img",19)(25,"br"),i.OEk(26," powerful set of "),i.wR5(27,"br"),i.OEk(28," open source "),i.wR5(29,"br"),i.OEk(30," components "),i.wR5(31,"br"),i.OEk(32," for Angular "),i.C$Y()(),i.yuY(33,w,2,0,"div",20),i.I0R(34,"footer",21)(35,"a",22),i.OEk(36," Browse "),i.C$Y(),i.I0R(37,"a",23),i.OEk(38," Browse components "),i.C$Y(),i.I0R(39,"button",24),i.qCj("click",(function(){return e.onClick()})),i.C$Y(),i.wR5(40,"img",25),i.C$Y()),2&t&&(i.yG2(1),i.eAK("components_first",1===e.current)("components_second",2===e.current),i.yG2(4),i.E7m("ngIf",e.intersected||1===e.current),i.yG2(11),i.E7m("ngIf",2===e.current),i.yG2(1),i.eAK("initial_hidden",e.current),i.yG2(3),i.eAK("wrapper_hidden",e.current),i.yG2(13),i.E7m("tuiRepeatTimesOf",3),i.yG2(6),i.eAK("scroll_hidden",2===e.current))},dependencies:[r.u_,a.ER,m.CI,g.W,l.TuiAutoFocusModule,C.g,l.TuiRepeatTimesModule,h._,c.SE,c.CC,c.ii],styles:['@keyframes _ngcontent-%COMP%_scroll{0%{color:transparent}50%{color:#0003}to{color:transparent}}@keyframes _ngcontent-%COMP%_bounce{to{transform:translate3d(0,.625rem,0)}}[_nghost-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;height:100vh;z-index:2;background:#3dc67c;transition:background .6s;overflow-y:auto;overflow-x:hidden;scroll-snap-stop:always;scroll-snap-type:y mandatory}._hide[_nghost-%COMP%]{display:none}.footer[_ngcontent-%COMP%]{position:fixed;left:0;right:0;bottom:0;display:flex;padding:2.75rem;pointer-events:none}@media all and (max-width: 43.75rem){.footer[_ngcontent-%COMP%]{padding:2rem}}.by[_ngcontent-%COMP%]{margin-left:auto;filter:invert(1)}.taiga[_ngcontent-%COMP%]{position:fixed;left:2.5rem;top:2.5rem;width:2.1875rem;filter:brightness(0) invert(1)}.browse[_ngcontent-%COMP%]{pointer-events:auto}.browse_desktop[_ngcontent-%COMP%]{display:none}@media all and (min-width: 37.5rem){.browse_mobile[_ngcontent-%COMP%]{display:none}.browse_desktop[_ngcontent-%COMP%]{display:flex}}.initial[_ngcontent-%COMP%]{color:var(--tui-text-01);background:white;position:fixed;top:0;left:0;bottom:0;width:60vw;line-height:initial;padding:2.5rem;box-sizing:border-box;pointer-events:none;transform-origin:left;transition:transform .6s}@media all and (max-width: 43.75rem){.initial[_ngcontent-%COMP%]{width:100vw}}.initial_hidden[_ngcontent-%COMP%]{transform:translate3d(-100%,0,0);transition:transform .6s .4s}.map[_ngcontent-%COMP%]{position:absolute;top:50%;left:0;right:0;bottom:0;background:#3dc67c;border:44px solid transparent;border-bottom-width:120px;overflow:hidden}@media all and (min-width: 43.75rem){.map[_ngcontent-%COMP%]{display:none}}.wrapper[_ngcontent-%COMP%]{position:relative;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;transition:opacity .6s .4s;white-space:nowrap;margin:0;font-size:min(7vw,11vh)}@media all and (max-width: 43.75rem){.wrapper[_ngcontent-%COMP%]{font-size:min(10vw,10vh)}}@media all and (max-height: 26.25rem){.wrapper[_ngcontent-%COMP%]{font-size:min(6vw,8vh)}}.wrapper_hidden[_ngcontent-%COMP%]{opacity:0;transition:opacity .6s}.logo[_ngcontent-%COMP%]{width:1em}.block[_ngcontent-%COMP%]{display:block}.screen[_ngcontent-%COMP%]{width:100vw;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.dash[_ngcontent-%COMP%]{letter-spacing:-.2em;margin-right:.3em}.title[_ngcontent-%COMP%]{font-size:3.5rem;line-height:4.0625rem;margin:0}.topography[_ngcontent-%COMP%]{position:absolute;top:-3.125rem;left:-30vw;overflow:hidden}.components[_ngcontent-%COMP%]{position:-webkit-sticky;position:sticky;left:0;top:8.125rem;transition:transform .6s;transform:translate3d(100vw,0,0);transform-origin:top left}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components[_ngcontent-%COMP%]{transform:scale(.7) translate3d(100vw,0,0)}}.components_first[_ngcontent-%COMP%]{transform:translate3d(8.125rem,0,0);transition:transform .6s .6s}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components_first[_ngcontent-%COMP%]{transform:scale(.7) translate3d(3.125rem,0,0)}}.components_second[_ngcontent-%COMP%]{transform:translate3d(calc(100vw - 150rem),0,0)}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components_second[_ngcontent-%COMP%]{transform:scale(.7) translate3d(calc(100vw - 118.75rem),0,0)}}.container[_ngcontent-%COMP%]{position:absolute;width:49.5625rem;height:31.25rem;background:white;border-radius:3.75rem;box-sizing:border-box;overflow:hidden}.container_dark[_ngcontent-%COMP%]{top:0;left:100.375rem;width:53.625rem;padding:3.75rem 4rem;background:var(--tui-text-01);color:#fff}.flex[_ngcontent-%COMP%]{display:flex}.date[_ngcontent-%COMP%]{width:18rem;margin-right:2.8125rem}.calendar[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow-dropdown);border-radius:var(--tui-radius-m);border:1px solid var(--tui-base-03);margin-top:.25rem;width:18rem;box-sizing:border-box}.controls[_ngcontent-%COMP%]{flex:1;margin-left:2.8125rem}.icons[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.button[_ngcontent-%COMP%], .error[_ngcontent-%COMP%]{transition-property:color,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-primary)}.button[_ngcontent-%COMP%]:hover, .error[_ngcontent-%COMP%]:hover, .button[_ngcontent-%COMP%]:active, .error[_ngcontent-%COMP%]:active{background:var(--tui-base-03);color:var(--tui-primary-hover)}.error[_ngcontent-%COMP%]{color:var(--tui-negative)}.error[_ngcontent-%COMP%]:hover, .error[_ngcontent-%COMP%]:active{color:var(--tui-negative-hover)}.make[_ngcontent-%COMP%]{position:absolute;left:46.5rem;top:3.3125rem;width:47rem;height:8.25rem;border-radius:8.25rem;font-size:3.0625rem;line-height:8.25rem;font-weight:700;text-align:center;color:#fff;background:var(--tui-accent);box-sizing:border-box}.make[_ngcontent-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-shadow:inset 0 0 0 2px var(--tui-text-01);pointer-events:none}.make[_ngcontent-%COMP%]:after{content:"";width:.75rem;height:.75rem;top:-.375rem;left:-.375rem;border-radius:.1875rem;position:absolute;background:var(--tui-text-01);color:var(--tui-text-01);box-shadow:0 8.25rem,23.25rem 0,23.25rem 8.25rem,46.5rem 0,46.5rem 8.25rem}.width[_ngcontent-%COMP%]{position:absolute;left:.25rem;top:50%;margin-top:-.625rem}.customize[_ngcontent-%COMP%]{position:absolute;left:59.8125rem;top:17.6875rem;width:25rem;font-size:3.5rem;font-weight:700;line-height:4.9375rem;color:#fff}.arrow[_ngcontent-%COMP%]{position:absolute;left:20.5625rem;bottom:11.9375rem}.opensource[_ngcontent-%COMP%]{width:18.75rem;font-size:4.8125rem;line-height:4.6875rem;font-weight:700;margin:0}.contributions[_ngcontent-%COMP%]{width:21.875rem;margin-top:3.125rem;font-size:1.0625rem;line-height:2.125rem}.os[_ngcontent-%COMP%]{position:absolute;top:2.625rem;left:30.625rem;overflow:visible}.link[_ngcontent-%COMP%]{color:#fff}.scroll[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:50%;left:50%;margin:-2.1875rem -.75rem;width:1.875rem;height:4.0625rem;border-radius:1.25rem;border:3px solid rgba(0,0,0,.2);cursor:pointer;background:none;outline:none;animation:_ngcontent-%COMP%_bounce 1s infinite alternate;pointer-events:auto}.scroll[_ngcontent-%COMP%]:before, .scroll[_ngcontent-%COMP%]:after{content:"";position:absolute;width:.5rem;height:.5rem;left:.40625rem;top:.9375rem;transform:rotate(-45deg);border-bottom:3px solid;border-left:3px solid;color:transparent;animation-fill-mode:both;animation:_ngcontent-%COMP%_scroll 1s infinite}.scroll[_ngcontent-%COMP%]:after{top:1.875rem;animation:_ngcontent-%COMP%_scroll 1s var(--tui-duration) infinite}.scroll_hidden[_ngcontent-%COMP%]{opacity:0}'],data:{animation:[d.tuiFadeIn]},changeDetection:0}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[47148],{47148:(t,e,n)=>{n.r(e),n.d(e,{default:()=>b});var o=n(13972),r=n(86568),i=n(6528),a=n(82312),s=n(9268),c=n(36468),l=n(45328),d=n(62548),m=n(37304),g=n(26220),C=n(19036),h=n(34576);const p=["block"];function u(t,e){1&t&&i.wR5(0,"iframe",26),2&t&&i.E7m("@tuiFadeIn",void 0)}function f(t,e){1&t&&(i.S2Z(),i.gRP(),i.I0R(0,"div",27)(1,"h2",28),i.OEk(2,"It’s open source"),i.C$Y(),i.I0R(3,"p",29),i.OEk(4," We use these components in our work ourselves, so we often release updates. Contributions are welcome — "),i.I0R(5,"a",30),i.OEk(6," GitHub repo "),i.C$Y()(),i.S2Z(),i.I0R(7,"svg",31),i.wR5(8,"path",32)(9,"path",33)(10,"path",34),i.C$Y()()),2&t&&i.E7m("@tuiFadeIn",void 0)}function w(t,e){if(1&t){const t=i.KQA();i.I0R(0,"div",35,36),i.qCj("waIntersectionObservee",(function(e){const n=i.usT(t).$implicit,o=i.GaO();return i.CGJ(o.onIntersection(e,n))})),i.C$Y()}}let b=(()=>{var t;class e{constructor(t,e,n){this.router=t,this.activatedRoute=e,this.storage=n,this.blocks=l.EMPTY_QUERY,this.current=0,this.intersected=!1}ngOnInit(){var t=this;return(0,o.c)((function*(){yield t.clearQueryParams()}))()}get hidden(){return!!this.storage.getItem("env")}get background(){return this.current?"#5f6ed0":"#3dc67c"}onIntersection([{isIntersecting:t,target:e}],n){t&&(this.current=n,e.scrollIntoView({behavior:"smooth"}))}onClick(){this.blocks.forEach((({nativeElement:t},e)=>{e===this.current+1&&t.scrollIntoView({behavior:"smooth"})}))}clearQueryParams(){var t=this;return(0,o.c)((function*(){yield t.router.navigate([],{relativeTo:t.activatedRoute,queryParamsHandling:"",queryParams:{}})}))()}}return(t=e).ɵfac=function(e){return new(e||t)(i.GI1(a.E5),i.GI1(a.gV),i.GI1(s.q0))},t.ɵcmp=i.In1({type:t,selectors:[["landing"]],viewQuery:function(t,e){if(1&t&&i.CC$(p,5,i.GMv),2&t){let t;i.wto(t=i.Gqi())&&(e.blocks=t)}},hostVars:4,hostBindings:function(t,e){2&t&&(i.m4B("background",e.background),i.eAK("_hide",e.hidden))},standalone:!0,features:[i.M5G([{provide:c.ID,useExisting:i.GMv}]),i.UHJ],decls:41,vars:13,consts:[["alt","taiga","loading","lazy","src","assets/images/taiga.svg",1,"taiga"],["waIntersectionObserver","","waIntersectionThreshold","0.5",1,"components"],[1,"topography"],["alt","topography","loading","lazy","src","assets/images/topography.svg"],[1,"container",3,"waIntersectionObservee"],["height","100%","loading","lazy","src","https://taiga-family.github.io/preview-landing-components/","title","Preview of components","width","100%",4,"ngIf"],[1,"make"],["fill","none","height","20","viewBox","0 0 285 20","width","285","xmlns","http://www.w3.org/2000/svg",1,"width"],["d","M1.01042 9.79289C0.619898 10.1834 0.619898 10.8166 1.01042 11.2071L7.37438 17.5711C7.76491 17.9616 8.39807 17.9616 8.7886 17.5711C9.17912 17.1805 9.17912 16.5474 8.7886 16.1569L3.13174 10.5L8.7886 4.84315C9.17912 4.45262 9.17912 3.81946 8.7886 3.42893C8.39807 3.03841 7.76491 3.03841 7.37438 3.42893L1.01042 9.79289ZM283.814 11.2071C284.205 10.8166 284.205 10.1834 283.814 9.79289L277.45 3.42893C277.06 3.03841 276.427 3.03841 276.036 3.42893C275.646 3.81946 275.646 4.45262 276.036 4.84315L281.693 10.5L276.036 16.1569C275.646 16.5474 275.646 17.1805 276.036 17.5711C276.427 17.9616 277.06 17.9616 277.45 17.5711L283.814 11.2071ZM1.71753 11.5H283.107V9.5H1.71753V11.5Z","fill","white"],["fill","white","height","20","rx","10","width","35","x","116.904"],["d","M125.292 14V12.5425H121.651V11.613L124.264 6.08H125.375L122.762 11.613H125.292V9.3855H126.282V11.613H127.107V12.5425H126.282V14H125.292ZM131.299 14.165C130.793 14.165 130.346 14.0642 129.957 13.8625C129.568 13.6572 129.264 13.373 129.044 13.01C128.824 12.647 128.714 12.2235 128.714 11.7395C128.714 11.2665 128.826 10.8393 129.05 10.458C129.277 10.0767 129.618 9.78333 130.073 9.578L130.056 9.9355C129.686 9.75583 129.402 9.50283 129.204 9.1765C129.006 8.8465 128.907 8.48167 128.907 8.082C128.907 7.63467 129.009 7.24967 129.215 6.927C129.42 6.60433 129.702 6.355 130.062 6.179C130.421 6.003 130.833 5.915 131.299 5.915C131.765 5.915 132.177 6.003 132.537 6.179C132.896 6.355 133.178 6.60433 133.384 6.927C133.589 7.24967 133.692 7.63467 133.692 8.082C133.692 8.48167 133.598 8.84467 133.411 9.171C133.224 9.49367 132.936 9.7485 132.548 9.9355L132.526 9.5835C132.98 9.7815 133.321 10.073 133.549 10.458C133.78 10.8393 133.895 11.2665 133.895 11.7395C133.895 12.2235 133.783 12.647 133.56 13.01C133.34 13.373 133.033 13.6572 132.641 13.8625C132.252 14.0642 131.805 14.165 131.299 14.165ZM131.299 13.23C131.761 13.23 132.135 13.1035 132.421 12.8505C132.711 12.5938 132.856 12.2235 132.856 11.7395C132.856 11.2518 132.713 10.8815 132.427 10.6285C132.144 10.3718 131.768 10.2435 131.299 10.2435C130.833 10.2435 130.458 10.3718 130.172 10.6285C129.889 10.8815 129.748 11.2518 129.748 11.7395C129.748 12.2235 129.891 12.5938 130.177 12.8505C130.463 13.1035 130.837 13.23 131.299 13.23ZM131.299 9.303C131.702 9.303 132.029 9.20217 132.278 9.0005C132.527 8.79517 132.652 8.489 132.652 8.082C132.652 7.675 132.527 7.37067 132.278 7.169C132.029 6.96367 131.702 6.861 131.299 6.861C130.899 6.861 130.573 6.96367 130.32 7.169C130.071 7.37067 129.946 7.675 129.946 8.082C129.946 8.489 130.071 8.79517 130.32 9.0005C130.573 9.20217 130.899 9.303 131.299 9.303ZM138.451 14.165C137.894 14.165 137.425 14.0275 137.043 13.7525C136.662 13.4738 136.372 13.098 136.174 12.625C135.98 12.1483 135.883 11.6148 135.883 11.0245C135.883 10.4268 135.98 9.8915 136.174 9.4185C136.372 8.9455 136.662 8.57333 137.043 8.302C137.428 8.03067 137.899 7.895 138.457 7.895C139.007 7.895 139.48 8.0325 139.876 8.3075C140.275 8.57883 140.582 8.951 140.794 9.424C141.007 9.897 141.113 10.4305 141.113 11.0245C141.113 11.6185 141.007 12.152 140.794 12.625C140.582 13.098 140.275 13.4738 139.876 13.7525C139.48 14.0275 139.005 14.165 138.451 14.165ZM135.718 16.64V8.06H136.592V12.4325H136.702V16.64H135.718ZM138.33 13.2685C138.723 13.2685 139.047 13.1695 139.304 12.9715C139.56 12.7735 139.753 12.5058 139.881 12.1685C140.01 11.8275 140.074 11.4462 140.074 11.0245C140.074 10.6065 140.01 10.2288 139.881 9.8915C139.757 9.55417 139.562 9.2865 139.298 9.0885C139.038 8.8905 138.706 8.7915 138.303 8.7915C137.918 8.7915 137.599 8.88683 137.346 9.0775C137.093 9.2645 136.904 9.52667 136.779 9.864C136.655 10.1977 136.592 10.5845 136.592 11.0245C136.592 11.4572 136.653 11.844 136.774 12.185C136.898 12.5223 137.089 12.7882 137.346 12.9825C137.602 13.1732 137.931 13.2685 138.33 13.2685ZM141.919 14L144.191 10.997L141.969 8.06H143.135L144.763 10.238L146.374 8.06H147.54L145.318 10.997L147.595 14H146.424L144.763 11.756L143.091 14H141.919Z","fill","#1B1F3B"],[1,"customize"],["fill","none","height","110","viewBox","0 0 100 110","width","100","xmlns","http://www.w3.org/2000/svg",1,"arrow"],["d","M94 0L87.9795 9.85325L99.5229 10.1406L94 0ZM1.093 109.996C18.1038 108.407 40.5258 102.765 59.2087 87.6932C77.927 72.5926 92.7921 48.1045 94.775 9.04005L92.7775 8.93866C90.821 47.4838 76.1912 71.4232 57.9529 86.1366C39.6791 100.879 17.6828 106.437 0.907002 108.004L1.093 109.996Z","fill","white"],["class","container container_dark",4,"ngIf"],[1,"initial"],[1,"map"],[1,"wrapper"],[1,"dash"],["alt","logo","loading","lazy","src","assets/images/taiga.svg",1,"logo"],["waIntersectionObserver","","waIntersectionThreshold","0.5","class","screen",3,"waIntersectionObservee",4,"tuiRepeatTimes","tuiRepeatTimesOf"],[1,"footer"],["appearance","accent","routerLink","/getting-started","tuiButton","",1,"browse","browse_mobile"],["appearance","accent","routerLink","/getting-started","tuiAutoFocus","","tuiButton","",1,"browse","browse_desktop"],["aria-label","scroller","type","button",1,"scroll",3,"click"],["alt","by Tinkoff","loading","lazy","src","assets/images/by.svg",1,"by"],["height","100%","loading","lazy","src","https://taiga-family.github.io/preview-landing-components/","title","Preview of components","width","100%"],[1,"container","container_dark"],[1,"opensource"],[1,"contributions"],["href","https://github.com/taiga-family/taiga-ui","rel","noreferrer","target","_blank",1,"link"],["fill","none","height","412","viewBox","0 0 286 412","width","286","xmlns","http://www.w3.org/2000/svg",1,"os"],["d","M385.2 291.026C410.869 268.605 429.016 238.827 437.174 205.736C445.332 172.645 443.107 137.844 430.801 106.061C418.495 74.2782 396.704 47.0536 368.388 28.085C340.072 9.11653 306.603 -0.676436 272.529 0.0363019C238.454 0.749039 205.424 11.9329 177.926 32.0689C150.428 52.2049 129.795 80.3169 118.828 112.587C107.862 144.856 107.094 179.719 116.629 212.441C126.163 245.162 145.539 274.155 172.124 295.483L218.426 237.767C203.691 225.946 192.952 209.876 187.667 191.74C182.382 173.604 182.808 154.281 188.886 136.395C194.964 118.509 206.401 102.928 221.642 91.7675C236.883 80.607 255.19 74.4082 274.076 74.0132C292.962 73.6181 311.512 79.046 327.207 89.5594C342.901 100.073 354.979 115.162 361.8 132.778C368.621 150.394 369.854 169.683 365.332 188.024C360.81 206.365 350.752 222.87 336.525 235.297L385.2 291.026Z","stroke","white","stroke-width","2"],["d","M275.2 338.026C300.98 315.508 319.17 285.572 327.277 252.316C335.384 219.06 333.012 184.111 320.487 152.256C307.961 120.4 285.894 93.1956 257.308 74.3677C228.721 55.5398 195.013 46.0093 160.8 47.0815C126.588 48.1536 93.5425 59.776 66.1911 80.3569C38.8397 100.938 18.5193 129.471 8.01293 162.048C-2.49348 194.626 -2.67218 229.654 7.50133 262.337C17.6748 295.02 37.7031 323.759 64.8431 344.618L109.933 285.95C94.8903 274.389 83.7895 258.46 78.1507 240.346C72.512 222.231 72.611 202.816 78.4343 184.76C84.2576 166.703 95.5203 150.889 110.68 139.481C125.84 128.074 144.155 121.632 163.118 121.038C182.081 120.444 200.764 125.726 216.608 136.162C232.452 146.597 244.683 161.676 251.626 179.332C258.568 196.988 259.883 216.359 255.389 234.791C250.896 253.224 240.814 269.816 226.525 282.297L275.2 338.026Z","fill","#3DC67C"],["clip-rule","evenodd","d","M240 412L172.5 295L105 412H153.717L169.478 387H150L171.5 355L193 387H174.522L190.283 412H240Z","fill","white","fill-rule","evenodd"],["waIntersectionObserver","","waIntersectionThreshold","0.5",1,"screen",3,"waIntersectionObservee"],["block",""]],template:function(t,e){1&t&&(i.wR5(0,"img",0),i.I0R(1,"section",1)(2,"div",2),i.wR5(3,"img",3),i.C$Y(),i.I0R(4,"div",4),i.qCj("waIntersectionObservee",(function(t){return e.intersected=t[0].isIntersecting||e.intersected})),i.yuY(5,u,1,1,"iframe",5),i.C$Y(),i.I0R(6,"div",6),i.S2Z(),i.I0R(7,"svg",7),i.wR5(8,"path",8)(9,"rect",9)(10,"path",10),i.C$Y(),i.OEk(11," Make it "),i.C$Y(),i.gRP(),i.I0R(12,"div",11),i.OEk(13," Customize design the way you like it "),i.S2Z(),i.I0R(14,"svg",12),i.wR5(15,"path",13),i.C$Y()(),i.yuY(16,f,11,1,"div",14),i.C$Y(),i.gRP(),i.I0R(17,"section",15)(18,"div",16),i.wR5(19,"img",3),i.C$Y(),i.I0R(20,"h1",17),i.OEk(21," Taiga UI "),i.I0R(22,"span",18),i.OEk(23,"——"),i.C$Y(),i.wR5(24,"img",19)(25,"br"),i.OEk(26," powerful set of "),i.wR5(27,"br"),i.OEk(28," open source "),i.wR5(29,"br"),i.OEk(30," components "),i.wR5(31,"br"),i.OEk(32," for Angular "),i.C$Y()(),i.yuY(33,w,2,0,"div",20),i.I0R(34,"footer",21)(35,"a",22),i.OEk(36," Browse "),i.C$Y(),i.I0R(37,"a",23),i.OEk(38," Browse components "),i.C$Y(),i.I0R(39,"button",24),i.qCj("click",(function(){return e.onClick()})),i.C$Y(),i.wR5(40,"img",25),i.C$Y()),2&t&&(i.yG2(1),i.eAK("components_first",1===e.current)("components_second",2===e.current),i.yG2(4),i.E7m("ngIf",e.intersected||1===e.current),i.yG2(11),i.E7m("ngIf",2===e.current),i.yG2(1),i.eAK("initial_hidden",e.current),i.yG2(3),i.eAK("wrapper_hidden",e.current),i.yG2(13),i.E7m("tuiRepeatTimesOf",3),i.yG2(6),i.eAK("scroll_hidden",2===e.current))},dependencies:[r.u_,a.ER,m.CI,g.W,l.TuiAutoFocusModule,C.g,l.TuiRepeatTimesModule,h._,c.SE,c.CC,c.ii],styles:['@keyframes _ngcontent-%COMP%_scroll{0%{color:transparent}50%{color:#0003}to{color:transparent}}@keyframes _ngcontent-%COMP%_bounce{to{transform:translate3d(0,.625rem,0)}}[_nghost-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;height:100vh;z-index:2;background:#3dc67c;transition:background .6s;overflow-y:auto;overflow-x:hidden;scroll-snap-stop:always;scroll-snap-type:y mandatory}._hide[_nghost-%COMP%]{display:none}.footer[_ngcontent-%COMP%]{position:fixed;left:0;right:0;bottom:0;display:flex;padding:2.75rem;pointer-events:none}@media all and (max-width: 43.75rem){.footer[_ngcontent-%COMP%]{padding:2rem}}.by[_ngcontent-%COMP%]{margin-left:auto;filter:invert(1)}.taiga[_ngcontent-%COMP%]{position:fixed;left:2.5rem;top:2.5rem;width:2.1875rem;filter:brightness(0) invert(1)}.browse[_ngcontent-%COMP%]{pointer-events:auto}.browse_desktop[_ngcontent-%COMP%]{display:none}@media all and (min-width: 37.5rem){.browse_mobile[_ngcontent-%COMP%]{display:none}.browse_desktop[_ngcontent-%COMP%]{display:flex}}.initial[_ngcontent-%COMP%]{color:var(--tui-text-01);background:white;position:fixed;top:0;left:0;bottom:0;width:60vw;line-height:initial;padding:2.5rem;box-sizing:border-box;pointer-events:none;transform-origin:left;transition:transform .6s}@media all and (max-width: 43.75rem){.initial[_ngcontent-%COMP%]{width:100vw}}.initial_hidden[_ngcontent-%COMP%]{transform:translate3d(-100%,0,0);transition:transform .6s .4s}.map[_ngcontent-%COMP%]{position:absolute;top:50%;left:0;right:0;bottom:0;background:#3dc67c;border:44px solid transparent;border-bottom-width:120px;overflow:hidden}@media all and (min-width: 43.75rem){.map[_ngcontent-%COMP%]{display:none}}.wrapper[_ngcontent-%COMP%]{position:relative;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;transition:opacity .6s .4s;white-space:nowrap;margin:0;font-size:min(7vw,11vh)}@media all and (max-width: 43.75rem){.wrapper[_ngcontent-%COMP%]{font-size:min(10vw,10vh)}}@media all and (max-height: 26.25rem){.wrapper[_ngcontent-%COMP%]{font-size:min(6vw,8vh)}}.wrapper_hidden[_ngcontent-%COMP%]{opacity:0;transition:opacity .6s}.logo[_ngcontent-%COMP%]{width:1em}.block[_ngcontent-%COMP%]{display:block}.screen[_ngcontent-%COMP%]{width:100vw;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.dash[_ngcontent-%COMP%]{letter-spacing:-.2em;margin-right:.3em}.title[_ngcontent-%COMP%]{font-size:3.5rem;line-height:4.0625rem;margin:0}.topography[_ngcontent-%COMP%]{position:absolute;top:-3.125rem;left:-30vw;overflow:hidden}.components[_ngcontent-%COMP%]{position:-webkit-sticky;position:sticky;left:0;top:8.125rem;transition:transform .6s;transform:translate3d(100vw,0,0);transform-origin:top left}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components[_ngcontent-%COMP%]{transform:scale(.7) translate3d(100vw,0,0)}}.components_first[_ngcontent-%COMP%]{transform:translate3d(8.125rem,0,0);transition:transform .6s .6s}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components_first[_ngcontent-%COMP%]{transform:scale(.7) translate3d(3.125rem,0,0)}}.components_second[_ngcontent-%COMP%]{transform:translate3d(calc(100vw - 150rem),0,0)}@media all and (max-width: 43.75rem),all and (max-height: 31.25rem){.components_second[_ngcontent-%COMP%]{transform:scale(.7) translate3d(calc(100vw - 118.75rem),0,0)}}.container[_ngcontent-%COMP%]{position:absolute;width:49.5625rem;height:31.25rem;background:white;border-radius:3.75rem;box-sizing:border-box;overflow:hidden}.container_dark[_ngcontent-%COMP%]{top:0;left:100.375rem;width:53.625rem;padding:3.75rem 4rem;background:var(--tui-text-01);color:#fff}.flex[_ngcontent-%COMP%]{display:flex}.date[_ngcontent-%COMP%]{width:18rem;margin-right:2.8125rem}.calendar[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow-dropdown);border-radius:var(--tui-radius-m);border:1px solid var(--tui-base-03);margin-top:.25rem;width:18rem;box-sizing:border-box}.controls[_ngcontent-%COMP%]{flex:1;margin-left:2.8125rem}.icons[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.button[_ngcontent-%COMP%], .error[_ngcontent-%COMP%]{transition-property:color,background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;background:var(--tui-base-02);color:var(--tui-primary)}.button[_ngcontent-%COMP%]:hover, .error[_ngcontent-%COMP%]:hover, .button[_ngcontent-%COMP%]:active, .error[_ngcontent-%COMP%]:active{background:var(--tui-base-03);color:var(--tui-primary-hover)}.error[_ngcontent-%COMP%]{color:var(--tui-negative)}.error[_ngcontent-%COMP%]:hover, .error[_ngcontent-%COMP%]:active{color:var(--tui-negative-hover)}.make[_ngcontent-%COMP%]{position:absolute;left:46.5rem;top:3.3125rem;width:47rem;height:8.25rem;border-radius:8.25rem;font-size:3.0625rem;line-height:8.25rem;font-weight:700;text-align:center;color:#fff;background:var(--tui-accent);box-sizing:border-box}.make[_ngcontent-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";box-shadow:inset 0 0 0 2px var(--tui-text-01);pointer-events:none}.make[_ngcontent-%COMP%]:after{content:"";width:.75rem;height:.75rem;top:-.375rem;left:-.375rem;border-radius:.1875rem;position:absolute;background:var(--tui-text-01);color:var(--tui-text-01);box-shadow:0 8.25rem,23.25rem 0,23.25rem 8.25rem,46.5rem 0,46.5rem 8.25rem}.width[_ngcontent-%COMP%]{position:absolute;left:.25rem;top:50%;margin-top:-.625rem}.customize[_ngcontent-%COMP%]{position:absolute;left:59.8125rem;top:17.6875rem;width:25rem;font-size:3.5rem;font-weight:700;line-height:4.9375rem;color:#fff}.arrow[_ngcontent-%COMP%]{position:absolute;left:20.5625rem;bottom:11.9375rem}.opensource[_ngcontent-%COMP%]{width:18.75rem;font-size:4.8125rem;line-height:4.6875rem;font-weight:700;margin:0}.contributions[_ngcontent-%COMP%]{width:21.875rem;margin-top:3.125rem;font-size:1.0625rem;line-height:2.125rem}.os[_ngcontent-%COMP%]{position:absolute;top:2.625rem;left:30.625rem;overflow:visible}.link[_ngcontent-%COMP%]{color:#fff}.scroll[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:50%;left:50%;margin:-2.1875rem -.75rem;width:1.875rem;height:4.0625rem;border-radius:1.25rem;border:3px solid rgba(0,0,0,.2);cursor:pointer;background:none;outline:none;animation:_ngcontent-%COMP%_bounce 1s infinite alternate;pointer-events:auto}.scroll[_ngcontent-%COMP%]:before, .scroll[_ngcontent-%COMP%]:after{content:"";position:absolute;width:.5rem;height:.5rem;left:.40625rem;top:.9375rem;transform:rotate(-45deg);border-bottom:3px solid;border-left:3px solid;color:transparent;animation-fill-mode:both;animation:_ngcontent-%COMP%_scroll 1s infinite}.scroll[_ngcontent-%COMP%]:after{top:1.875rem;animation:_ngcontent-%COMP%_scroll 1s var(--tui-duration) infinite}.scroll_hidden[_ngcontent-%COMP%]{opacity:0}'],data:{animation:[d.tuiFadeIn]},changeDetection:0}),e})()}}]);
\ No newline at end of file
diff --git a/next/50712.b10572e4b8236b8c.js b/next/50712.b10572e4b8236b8c.js
new file mode 100644
index 000000000000..c09a165211ff
--- /dev/null
+++ b/next/50712.b10572e4b8236b8c.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[50712],{50712:n=>{n.exports='```html\n
\n \n
\n```\n'}}]);
\ No newline at end of file
diff --git a/next/51735.92e029731ffdaa9e.js b/next/51735.835dc353b59497e8.js
similarity index 99%
rename from next/51735.92e029731ffdaa9e.js
rename to next/51735.835dc353b59497e8.js
index f2693aa81b2d..284482c9e384 100644
--- a/next/51735.92e029731ffdaa9e.js
+++ b/next/51735.835dc353b59497e8.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[51735],{74116:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSegmentedModule:()=>w});var i=n(86568),o=n(35856),a=n(752),c=n(62548),s=n(84788),r=n(6528),l=n(62224),u=n(13692),d=n(34496),m=n(37288),g=n(83480),p=n(81436),C=n(67156),h=n(69352);function f(e,t){if(1&e&&(r.I0R(0,"tui-segmented",1)(1,"button"),r.wR5(2,"tui-icon",2),r.OEk(3," All "),r.I0R(4,"tui-badge-notification",1),r.OEk(5,"3"),r.C$Y(),r.wR5(6,"tui-icon",3),r.C$Y(),r.I0R(7,"button"),r.OEk(8,"Incoming"),r.C$Y(),r.I0R(9,"button"),r.OEk(10,"Outgoing"),r.C$Y()()),2&e){const e=t.$implicit;r.E7m("size",e),r.yG2(4),r.E7m("size",e)}}let I=(()=>{var e;class t{constructor(){this.sizes=["s","m","l"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-1"]],decls:1,vars:1,consts:[[3,"size",4,"ngFor","ngForOf"],[3,"size"],["icon","tuiIconSun"],["icon","tuiIconMoon"]],template:function(e,t){1&e&&r.yuY(0,f,11,2,"tui-segmented",0),2&e&&r.E7m("ngForOf",t.sizes)},dependencies:[i.ay,p.G,C.u,h.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}"],changeDetection:0}),t})();var k=n(24980);let O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-2"]],decls:10,vars:0,consts:[[1,"full"],["tuiFade",""]],template:function(e,t){1&e&&(r.I0R(0,"tui-segmented")(1,"button"),r.OEk(2,"Dynamic width"),r.C$Y(),r.I0R(3,"button"),r.OEk(4,"Items"),r.C$Y()(),r.I0R(5,"tui-segmented",0)(6,"button"),r.OEk(7,"Fixed width"),r.C$Y(),r.I0R(8,"button",1),r.OEk(9,"with fadeout effect"),r.C$Y()())},dependencies:[p.G,k.y],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.full[_ngcontent-%COMP%]{width:100%}.full[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1}"],changeDetection:0}),t})();function b(e,t){if(1&e&&(r.I0R(0,"button"),r.OEk(1),r.C$Y()),2&e){const e=t.$implicit,n=t.index,i=r.GaO();r.eAK("active",n===i.active),r.yG2(1),r.oRS(" ",e," ")}}let E=(()=>{var e;class t{constructor(){this.buttons=["Track active index","To color tabs","Differently"],this.active=0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-3"]],decls:17,vars:6,consts:[[1,"colors",3,"activeItemIndex","activeItemIndexChange"],[3,"active",4,"ngFor","ngForOf"]],template:function(e,t){1&e&&(r.I0R(0,"header")(1,"tui-segmented",0),r.qCj("activeItemIndexChange",(function(e){return t.active=e})),r.yuY(2,b,2,3,"button",1),r.C$Y()(),r.I0R(3,"tui-segmented")(4,"button"),r.OEk(5,"Border radius"),r.C$Y(),r.I0R(6,"button"),r.OEk(7,"Can be"),r.C$Y(),r.I0R(8,"button"),r.OEk(9,"Customized"),r.C$Y()(),r.I0R(10,"tui-segmented")(11,"button"),r.OEk(12,"Fonts"),r.C$Y(),r.I0R(13,"button"),r.OEk(14,"Can also be"),r.C$Y(),r.I0R(15,"button"),r.OEk(16,"Overridden"),r.C$Y()()),2&e&&(r.yG2(1),r.E7m("activeItemIndex",t.active),r.yG2(1),r.E7m("ngForOf",t.buttons),r.yG2(1),r.m4B("border-radius",10,"rem"),r.yG2(7),r.m4B("font-weight","bold"))},dependencies:[i.ay,p.G],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}header[_ngcontent-%COMP%]{background:var(--tui-clear);box-shadow:0 -10rem 0 10.5rem var(--tui-clear)}.colors[_ngcontent-%COMP%]{color:var(--tui-base-01)}.colors[_ngcontent-%COMP%]:before{color:var(--tui-link);box-shadow:none}.colors[_ngcontent-%COMP%] .active[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}"],changeDetection:0}),t})();var x=n(82312),R=n(26220);let y=(()=>{var e;class t{constructor(){this.selected="a",this.options={matrixParams:"exact",queryParams:"exact",paths:"exact",fragment:"exact"}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-4"]],decls:42,vars:5,consts:[["routerLink","/components/link","routerLinkActive",""],["routerLink","/experimental/segmented","routerLinkActive","",3,"routerLinkActiveOptions"],["fragment","content","routerLink","/experimental/segmented","routerLinkActive","",3,"routerLinkActiveOptions"],["icon","tuiIconSun"],["icon","tuiIconMoon"],["name","radio","type","radio","value","a",3,"ngModel","ngModelChange"],["name","radio","type","radio","value","b",3,"ngModel","ngModelChange"],["name","radio","type","radio","value","c",3,"ngModel","ngModelChange"],["appearance","floating","size","s","tuiButton","",3,"click"]],template:function(e,t){1&e&&(r.I0R(0,"strong"),r.OEk(1,"Buttons"),r.C$Y(),r.I0R(2,"tui-segmented")(3,"button"),r.OEk(4,"Buttons"),r.C$Y(),r.I0R(5,"button"),r.OEk(6,"Can be"),r.C$Y(),r.I0R(7,"button"),r.OEk(8,"Used"),r.C$Y()(),r.wR5(9,"hr"),r.I0R(10,"strong"),r.OEk(11,"Links"),r.C$Y(),r.I0R(12,"tui-segmented")(13,"a",0),r.OEk(14," Use routerLink "),r.C$Y(),r.I0R(15,"a",1),r.OEk(16," And routerLinkActive "),r.C$Y(),r.I0R(17,"a",2),r.OEk(18," To work with links "),r.C$Y()(),r.wR5(19,"hr"),r.I0R(20,"strong"),r.OEk(21,"Icons"),r.C$Y(),r.I0R(22,"tui-segmented")(23,"button"),r.wR5(24,"tui-icon",3),r.C$Y(),r.I0R(25,"button"),r.wR5(26,"tui-icon",4),r.C$Y()(),r.wR5(27,"hr"),r.I0R(28,"strong"),r.OEk(29,"Control"),r.C$Y(),r.I0R(30,"tui-segmented")(31,"label")(32,"input",5),r.qCj("ngModelChange",(function(e){return t.selected=e})),r.C$Y(),r.OEk(33," Use radio inside "),r.C$Y(),r.I0R(34,"label")(35,"input",6),r.qCj("ngModelChange",(function(e){return t.selected=e})),r.C$Y(),r.OEk(36," It would be hidden "),r.C$Y(),r.I0R(37,"label")(38,"input",7),r.qCj("ngModelChange",(function(e){return t.selected=e})),r.C$Y(),r.OEk(39," Automatically "),r.C$Y()(),r.I0R(40,"button",8),r.qCj("click",(function(){return t.selected="b"})),r.OEk(41," Select second option\n"),r.C$Y()),2&e&&(r.yG2(15),r.E7m("routerLinkActiveOptions",t.options),r.yG2(2),r.E7m("routerLinkActiveOptions",t.options),r.yG2(15),r.E7m("ngModel",t.selected),r.yG2(3),r.E7m("ngModel",t.selected),r.yG2(3),r.E7m("ngModel",t.selected))},dependencies:[p.G,x.ER,x.LC,o.ot,o.ye,o.ue,o._G,h.i,R.W],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}hr[_ngcontent-%COMP%]{width:100%}"],changeDetection:0}),t})();function Y(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p",4),r.OEk(6," Segmented is used for links and buttons to navigate within the application. It can also work as a radio button to toggle between different states. "),r.C$Y(),r.I0R(7,"tui-doc-example",5),r.wR5(8,"tui-segmented-example-1"),r.C$Y(),r.I0R(9,"tui-doc-example",6),r.wR5(10,"tui-segmented-example-2"),r.C$Y(),r.I0R(11,"tui-doc-example",7),r.wR5(12,"tui-segmented-example-3"),r.C$Y(),r.I0R(13,"tui-doc-example",8),r.wR5(14,"tui-segmented-example-4"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3),r.yG2(2),r.E7m("content",e.example4)}}function $(e,t){if(1&e&&(r.I0R(0,"ol",9)(1,"li")(2,"p"),r.OEk(3,"Add an import:"),r.C$Y(),r.wR5(4,"tui-doc-code",10),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",11),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let v=(()=>{var e;class t{constructor(){this.exampleModule=n.e(50916).then(n.t.bind(n,50916,17)),this.exampleHtml=n.e(7400).then(n.t.bind(n,7400,17)),this.example1={HTML:n.e(7139).then(n.t.bind(n,7139,17))},this.example2={HTML:n.e(61264).then(n.t.bind(n,61264,17)),LESS:n.e(7684).then(n.t.bind(n,7684,17))},this.example3={HTML:n.e(74736).then(n.t.bind(n,74736,17)),LESS:n.e(58608).then(n.t.bind(n,58608,17))},this.example4={HTML:n.e(64764).then(n.t.bind(n,64764,17)),TypeScript:n.e(42976).then(n.t.bind(n,42976,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-segmented"]],decls:3,vars:0,consts:[["header","Segmented","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],[1,"tui-space_vertial-4"],["id","size","heading","Sizes",3,"content"],["id","width","heading","Width",3,"content"],["id","customization","heading","Customization",3,"content"],["id","content","heading","Content",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.I0R(0,"tui-doc-page",0),r.yuY(1,Y,15,4,"ng-template",1),r.yuY(2,$,9,2,"ng-template",2),r.C$Y())},dependencies:[l.e,u.u,d.E,m.u,g.I,I,O,E,y],encapsulation:2,changeDetection:0}),t})();n(23340);let w=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[i.MD,s.Gg,c.TuiNotificationModule,s._e,s.mC,(0,a.If)(v),o.y,s.C,s.CI]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[51735],{74116:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSegmentedModule:()=>w});var i=n(86568),o=n(35856),a=n(752),c=n(62548),s=n(37304),r=n(6528),l=n(62224),u=n(13692),d=n(34496),m=n(37288),g=n(83480),p=n(81436),C=n(67156),h=n(69352);function f(e,t){if(1&e&&(r.I0R(0,"tui-segmented",1)(1,"button"),r.wR5(2,"tui-icon",2),r.OEk(3," All "),r.I0R(4,"tui-badge-notification",1),r.OEk(5,"3"),r.C$Y(),r.wR5(6,"tui-icon",3),r.C$Y(),r.I0R(7,"button"),r.OEk(8,"Incoming"),r.C$Y(),r.I0R(9,"button"),r.OEk(10,"Outgoing"),r.C$Y()()),2&e){const e=t.$implicit;r.E7m("size",e),r.yG2(4),r.E7m("size",e)}}let I=(()=>{var e;class t{constructor(){this.sizes=["s","m","l"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-1"]],decls:1,vars:1,consts:[[3,"size",4,"ngFor","ngForOf"],[3,"size"],["icon","tuiIconSun"],["icon","tuiIconMoon"]],template:function(e,t){1&e&&r.yuY(0,f,11,2,"tui-segmented",0),2&e&&r.E7m("ngForOf",t.sizes)},dependencies:[i.ay,p.G,C.u,h.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}"],changeDetection:0}),t})();var k=n(24980);let O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-2"]],decls:10,vars:0,consts:[[1,"full"],["tuiFade",""]],template:function(e,t){1&e&&(r.I0R(0,"tui-segmented")(1,"button"),r.OEk(2,"Dynamic width"),r.C$Y(),r.I0R(3,"button"),r.OEk(4,"Items"),r.C$Y()(),r.I0R(5,"tui-segmented",0)(6,"button"),r.OEk(7,"Fixed width"),r.C$Y(),r.I0R(8,"button",1),r.OEk(9,"with fadeout effect"),r.C$Y()())},dependencies:[p.G,k.y],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.full[_ngcontent-%COMP%]{width:100%}.full[_ngcontent-%COMP%] > *[_ngcontent-%COMP%]{flex:1}"],changeDetection:0}),t})();function b(e,t){if(1&e&&(r.I0R(0,"button"),r.OEk(1),r.C$Y()),2&e){const e=t.$implicit,n=t.index,i=r.GaO();r.eAK("active",n===i.active),r.yG2(1),r.oRS(" ",e," ")}}let E=(()=>{var e;class t{constructor(){this.buttons=["Track active index","To color tabs","Differently"],this.active=0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-3"]],decls:17,vars:6,consts:[[1,"colors",3,"activeItemIndex","activeItemIndexChange"],[3,"active",4,"ngFor","ngForOf"]],template:function(e,t){1&e&&(r.I0R(0,"header")(1,"tui-segmented",0),r.qCj("activeItemIndexChange",(function(e){return t.active=e})),r.yuY(2,b,2,3,"button",1),r.C$Y()(),r.I0R(3,"tui-segmented")(4,"button"),r.OEk(5,"Border radius"),r.C$Y(),r.I0R(6,"button"),r.OEk(7,"Can be"),r.C$Y(),r.I0R(8,"button"),r.OEk(9,"Customized"),r.C$Y()(),r.I0R(10,"tui-segmented")(11,"button"),r.OEk(12,"Fonts"),r.C$Y(),r.I0R(13,"button"),r.OEk(14,"Can also be"),r.C$Y(),r.I0R(15,"button"),r.OEk(16,"Overridden"),r.C$Y()()),2&e&&(r.yG2(1),r.E7m("activeItemIndex",t.active),r.yG2(1),r.E7m("ngForOf",t.buttons),r.yG2(1),r.m4B("border-radius",10,"rem"),r.yG2(7),r.m4B("font-weight","bold"))},dependencies:[i.ay,p.G],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}header[_ngcontent-%COMP%]{background:var(--tui-clear);box-shadow:0 -10rem 0 10.5rem var(--tui-clear)}.colors[_ngcontent-%COMP%]{color:var(--tui-base-01)}.colors[_ngcontent-%COMP%]:before{color:var(--tui-link);box-shadow:none}.colors[_ngcontent-%COMP%] .active[_ngcontent-%COMP%]{color:var(--tui-text-01-night)}"],changeDetection:0}),t})();var x=n(82312),R=n(26220);let y=(()=>{var e;class t{constructor(){this.selected="a",this.options={matrixParams:"exact",queryParams:"exact",paths:"exact",fragment:"exact"}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-segmented-example-4"]],decls:42,vars:5,consts:[["routerLink","/components/link","routerLinkActive",""],["routerLink","/experimental/segmented","routerLinkActive","",3,"routerLinkActiveOptions"],["fragment","content","routerLink","/experimental/segmented","routerLinkActive","",3,"routerLinkActiveOptions"],["icon","tuiIconSun"],["icon","tuiIconMoon"],["name","radio","type","radio","value","a",3,"ngModel","ngModelChange"],["name","radio","type","radio","value","b",3,"ngModel","ngModelChange"],["name","radio","type","radio","value","c",3,"ngModel","ngModelChange"],["appearance","floating","size","s","tuiButton","",3,"click"]],template:function(e,t){1&e&&(r.I0R(0,"strong"),r.OEk(1,"Buttons"),r.C$Y(),r.I0R(2,"tui-segmented")(3,"button"),r.OEk(4,"Buttons"),r.C$Y(),r.I0R(5,"button"),r.OEk(6,"Can be"),r.C$Y(),r.I0R(7,"button"),r.OEk(8,"Used"),r.C$Y()(),r.wR5(9,"hr"),r.I0R(10,"strong"),r.OEk(11,"Links"),r.C$Y(),r.I0R(12,"tui-segmented")(13,"a",0),r.OEk(14," Use routerLink "),r.C$Y(),r.I0R(15,"a",1),r.OEk(16," And routerLinkActive "),r.C$Y(),r.I0R(17,"a",2),r.OEk(18," To work with links "),r.C$Y()(),r.wR5(19,"hr"),r.I0R(20,"strong"),r.OEk(21,"Icons"),r.C$Y(),r.I0R(22,"tui-segmented")(23,"button"),r.wR5(24,"tui-icon",3),r.C$Y(),r.I0R(25,"button"),r.wR5(26,"tui-icon",4),r.C$Y()(),r.wR5(27,"hr"),r.I0R(28,"strong"),r.OEk(29,"Control"),r.C$Y(),r.I0R(30,"tui-segmented")(31,"label")(32,"input",5),r.qCj("ngModelChange",(function(e){return t.selected=e})),r.C$Y(),r.OEk(33," Use radio inside "),r.C$Y(),r.I0R(34,"label")(35,"input",6),r.qCj("ngModelChange",(function(e){return t.selected=e})),r.C$Y(),r.OEk(36," It would be hidden "),r.C$Y(),r.I0R(37,"label")(38,"input",7),r.qCj("ngModelChange",(function(e){return t.selected=e})),r.C$Y(),r.OEk(39," Automatically "),r.C$Y()(),r.I0R(40,"button",8),r.qCj("click",(function(){return t.selected="b"})),r.OEk(41," Select second option\n"),r.C$Y()),2&e&&(r.yG2(15),r.E7m("routerLinkActiveOptions",t.options),r.yG2(2),r.E7m("routerLinkActiveOptions",t.options),r.yG2(15),r.E7m("ngModel",t.selected),r.yG2(3),r.E7m("ngModel",t.selected),r.yG2(3),r.E7m("ngModel",t.selected))},dependencies:[p.G,x.ER,x.LC,o.ot,o.ye,o.ue,o._G,h.i,R.W],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}hr[_ngcontent-%COMP%]{width:100%}"],changeDetection:0}),t})();function Y(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p",4),r.OEk(6," Segmented is used for links and buttons to navigate within the application. It can also work as a radio button to toggle between different states. "),r.C$Y(),r.I0R(7,"tui-doc-example",5),r.wR5(8,"tui-segmented-example-1"),r.C$Y(),r.I0R(9,"tui-doc-example",6),r.wR5(10,"tui-segmented-example-2"),r.C$Y(),r.I0R(11,"tui-doc-example",7),r.wR5(12,"tui-segmented-example-3"),r.C$Y(),r.I0R(13,"tui-doc-example",8),r.wR5(14,"tui-segmented-example-4"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3),r.yG2(2),r.E7m("content",e.example4)}}function $(e,t){if(1&e&&(r.I0R(0,"ol",9)(1,"li")(2,"p"),r.OEk(3,"Add an import:"),r.C$Y(),r.wR5(4,"tui-doc-code",10),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",11),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let v=(()=>{var e;class t{constructor(){this.exampleModule=n.e(50916).then(n.t.bind(n,50916,17)),this.exampleHtml=n.e(7400).then(n.t.bind(n,7400,17)),this.example1={HTML:n.e(7139).then(n.t.bind(n,7139,17))},this.example2={HTML:n.e(61264).then(n.t.bind(n,61264,17)),LESS:n.e(7684).then(n.t.bind(n,7684,17))},this.example3={HTML:n.e(74736).then(n.t.bind(n,74736,17)),LESS:n.e(58608).then(n.t.bind(n,58608,17))},this.example4={HTML:n.e(64764).then(n.t.bind(n,64764,17)),TypeScript:n.e(42976).then(n.t.bind(n,42976,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-segmented"]],decls:3,vars:0,consts:[["header","Segmented","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],[1,"tui-space_vertial-4"],["id","size","heading","Sizes",3,"content"],["id","width","heading","Width",3,"content"],["id","customization","heading","Customization",3,"content"],["id","content","heading","Content",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.I0R(0,"tui-doc-page",0),r.yuY(1,Y,15,4,"ng-template",1),r.yuY(2,$,9,2,"ng-template",2),r.C$Y())},dependencies:[l.e,u.u,d.E,m.u,g.I,I,O,E,y],encapsulation:2,changeDetection:0}),t})();n(23340);let w=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[i.MD,s.Gg,c.TuiNotificationModule,s._e,s.mC,(0,a.If)(v),o.y,s.C,s.CI]}),t})()}}]);
\ No newline at end of file
diff --git a/next/54256.333eb3155538e05a.js b/next/54256.956ec895ecdffe4a.js
similarity index 97%
rename from next/54256.333eb3155538e05a.js
rename to next/54256.956ec895ecdffe4a.js
index cce6f0467754..192d266024f1 100644
--- a/next/54256.333eb3155538e05a.js
+++ b/next/54256.956ec895ecdffe4a.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54256],{54256:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiButtonCloseModule:()=>E});var o=n(86568),s=n(752),a=n(62548),i=n(84788),u=n(6528),c=n(62224),l=n(13692),p=n(34496),m=n(37288),d=n(83480),r=n(26220),C=n(75296);let f=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-button-close-example-1"]],decls:8,vars:0,consts:[["tuiButtonClose","","tuiIconButton",""],["appearance","glass","tuiButtonClose","","tuiIconButton",""],["size","xs","tuiButtonClose","","tuiIconButton",""],["appearance","glass","size","xs","tuiButtonClose","","tuiIconButton",""]],template:function(e,t){1&e&&(u.I0R(0,"button",0),u.OEk(1," Close\n"),u.C$Y(),u.I0R(2,"button",1),u.OEk(3," Close\n"),u.C$Y(),u.I0R(4,"button",2),u.OEk(5," Close\n"),u.C$Y(),u.I0R(6,"button",3),u.OEk(7," Close\n"),u.C$Y())},dependencies:[r.W,C.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})();function I(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"tui-doc-example",4),u.wR5(6,"tui-button-close-example-1"),u.C$Y()),2&e){const e=u.GaO();u.yG2(5),u.E7m("content",e.example1)}}function h(e,t){if(1&e&&(u.I0R(0,"ol",5)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",6),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",7),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let b=(()=>{var e;class t{constructor(){this.exampleModule=n.e(75604).then(n.t.bind(n,75604,17)),this.exampleHtml=n.e(27992).then(n.t.bind(n,27992,17)),this.example1={HTML:n.e(75456).then(n.t.bind(n,75456,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-button-close"]],decls:3,vars:0,consts:[["header","ButtonClose","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","basic","heading","Basic",3,"content"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,I,7,1,"ng-template",1),u.yuY(2,h,9,2,"ng-template",2),u.C$Y())},dependencies:[c.e,l.u,p.E,m.u,d.I,f],encapsulation:2,changeDetection:0}),t})();n(23340);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[o.MD,a.TuiNotificationModule,i.CI,i.n5,(0,s.If)(b)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54256],{54256:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiButtonCloseModule:()=>E});var o=n(86568),s=n(752),a=n(62548),i=n(37304),u=n(6528),c=n(62224),l=n(13692),p=n(34496),m=n(37288),d=n(83480),r=n(26220),C=n(75296);let f=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-button-close-example-1"]],decls:8,vars:0,consts:[["tuiButtonClose","","tuiIconButton",""],["appearance","glass","tuiButtonClose","","tuiIconButton",""],["size","xs","tuiButtonClose","","tuiIconButton",""],["appearance","glass","size","xs","tuiButtonClose","","tuiIconButton",""]],template:function(e,t){1&e&&(u.I0R(0,"button",0),u.OEk(1," Close\n"),u.C$Y(),u.I0R(2,"button",1),u.OEk(3," Close\n"),u.C$Y(),u.I0R(4,"button",2),u.OEk(5," Close\n"),u.C$Y(),u.I0R(6,"button",3),u.OEk(7," Close\n"),u.C$Y())},dependencies:[r.W,C.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})();function I(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"tui-doc-example",4),u.wR5(6,"tui-button-close-example-1"),u.C$Y()),2&e){const e=u.GaO();u.yG2(5),u.E7m("content",e.example1)}}function h(e,t){if(1&e&&(u.I0R(0,"ol",5)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",6),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",7),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let b=(()=>{var e;class t{constructor(){this.exampleModule=n.e(75604).then(n.t.bind(n,75604,17)),this.exampleHtml=n.e(27992).then(n.t.bind(n,27992,17)),this.example1={HTML:n.e(75456).then(n.t.bind(n,75456,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-button-close"]],decls:3,vars:0,consts:[["header","ButtonClose","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","basic","heading","Basic",3,"content"],[1,"b-demo-steps"],["filename","myComponent.module.ts",3,"code"],["filename","myComponent.template.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,I,7,1,"ng-template",1),u.yuY(2,h,9,2,"ng-template",2),u.C$Y())},dependencies:[c.e,l.u,p.E,m.u,d.I,f],encapsulation:2,changeDetection:0}),t})();n(23340);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[o.MD,a.TuiNotificationModule,i.CI,i.n5,(0,s.If)(b)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/54716.cab813e88384369a.js b/next/54716.6d3b75645d049fb1.js
similarity index 98%
rename from next/54716.cab813e88384369a.js
rename to next/54716.6d3b75645d049fb1.js
index e1aa55b6f669..b5846d5f9b29 100644
--- a/next/54716.cab813e88384369a.js
+++ b/next/54716.6d3b75645d049fb1.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54716],{54716:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiRatingModule:()=>E});var a=n(86568),i=n(35856),o=n(752),c=n(62548),l=n(84788),u=n(6528),r=n(62224),s=n(13692),d=n(34496),p=n(37288),m=n(83480),g=n(49696),h=n(6620);let f=(()=>{var e;class t{constructor(){this.value=0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-rating-example-1"]],decls:2,vars:1,consts:[["tuiLabel","Rate Taiga UI"],[1,"rating",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(u.I0R(0,"label",0)(1,"tui-rating",1),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y()()),2&e&&(u.yG2(1),u.E7m("ngModel",t.value))},dependencies:[i.ue,i._G,g.W,h.Y],styles:[".rating[_ngcontent-%COMP%]{fill:currentColor;font-size:.625rem;width:10rem}"],changeDetection:0}),t})();var C=n(26220);function v(e,t){if(1&e){const e=u.KQA();u.I0R(0,"button",3),u.qCj("click",(function(){u.usT(e);const t=u.GaO();return u.CGJ(t.value=0)})),u.OEk(1," Clear "),u.C$Y()}}let I=(()=>{var e;class t{constructor(){this.value=0,this.icon=({$implicit:e})=>{switch(e){case 1:return"tuiIconFrownLarge";case 2:return"tuiIconMehLarge";default:return"tuiIconSmileLarge"}}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-rating-example-2"]],decls:3,vars:5,consts:[["tuiLabel","Are you satisfied with Taiga UI?"],[1,"rating",3,"icon","max","ngModel","ngModelChange"],["appearance","icon","iconLeft","tuiIconCloseLarge","size","s","tuiIconButton","","class","button",3,"click",4,"ngIf"],["appearance","icon","iconLeft","tuiIconCloseLarge","size","s","tuiIconButton","",1,"button",3,"click"]],template:function(e,t){1&e&&(u.I0R(0,"label",0)(1,"tui-rating",1),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y(),u.yuY(2,v,2,0,"button",2),u.C$Y()),2&e&&(u.yG2(1),u.E7m("icon",t.icon)("max",3)("ngModel",t.value),u.e48("data-value",t.value),u.yG2(1),u.E7m("ngIf",t.value))},dependencies:[a.u_,i.ue,i._G,g.W,h.Y,C.W],styles:['.rating[_ngcontent-%COMP%], .button[_ngcontent-%COMP%]{display:inline-block;vertical-align:middle}.rating[data-value="1"][_ngcontent-%COMP%]{color:var(--tui-negative)}.rating[data-value="2"][_ngcontent-%COMP%]{color:var(--tui-warning-fill)}.rating[data-value="3"][_ngcontent-%COMP%]{color:var(--tui-positive)}.rating[_ngcontent-%COMP%]:hover{color:var(--tui-info-fill)}'],changeDetection:0}),t})(),y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-rating-example-3"]],decls:2,vars:3,consts:[["tuiLabel","Back to the Future"],[3,"max","ngModel","readOnly"]],template:function(e,t){1&e&&(u.I0R(0,"label",0),u.wR5(1,"tui-rating",1),u.C$Y()),2&e&&(u.yG2(1),u.E7m("max",10)("ngModel",8.5)("readOnly",!0))},dependencies:[i.ue,i._G,g.W,h.Y],encapsulation:2,changeDetection:0}),t})();function b(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"tui-doc-example",4),u.wR5(6,"tui-rating-example-1"),u.C$Y(),u.I0R(7,"tui-doc-example",5),u.wR5(8,"tui-rating-example-2"),u.C$Y(),u.I0R(9,"tui-doc-example",6),u.wR5(10,"tui-rating-example-3"),u.C$Y()),2&e){const e=u.GaO();u.yG2(5),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2),u.yG2(2),u.E7m("content",e.example3)}}function x(e,t){if(1&e&&(u.I0R(0,"ol",7)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",8),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",9),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let M=(()=>{var e;class t{constructor(){this.exampleModule=n.e(49256).then(n.t.bind(n,49256,17)),this.exampleHtml=n.e(19224).then(n.t.bind(n,19224,17)),this.example1={HTML:n.e(60936).then(n.t.bind(n,60936,17)),LESS:n.e(48260).then(n.t.bind(n,48260,17))},this.example2={TypeScript:n.e(27628).then(n.t.bind(n,50008,17)),HTML:n.e(13372).then(n.t.bind(n,13372,17)),LESS:n.e(85820).then(n.t.bind(n,85820,17))},this.example3={HTML:n.e(21552).then(n.t.bind(n,21552,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-rating"]],decls:3,vars:0,consts:[["header","Rating","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","icons","heading","Custom icons",3,"content"],["id","readonly","heading","Readonly",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,b,11,3,"ng-template",1),u.yuY(2,x,9,2,"ng-template",2),u.C$Y())},dependencies:[r.e,s.u,d.E,p.u,m.I,f,I,y],encapsulation:2,changeDetection:0}),t})();n(23340);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[a.MD,i.y,l.sZ,c.TuiNotificationModule,c.TuiLabelModule,l.CI,(0,o.If)(M)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54716],{54716:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiRatingModule:()=>E});var a=n(86568),i=n(35856),o=n(752),c=n(62548),l=n(37304),u=n(6528),r=n(62224),s=n(13692),d=n(34496),p=n(37288),m=n(83480),g=n(49696),h=n(6620);let f=(()=>{var e;class t{constructor(){this.value=0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-rating-example-1"]],decls:2,vars:1,consts:[["tuiLabel","Rate Taiga UI"],[1,"rating",3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(u.I0R(0,"label",0)(1,"tui-rating",1),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y()()),2&e&&(u.yG2(1),u.E7m("ngModel",t.value))},dependencies:[i.ue,i._G,g.W,h.Y],styles:[".rating[_ngcontent-%COMP%]{fill:currentColor;font-size:.625rem;width:10rem}"],changeDetection:0}),t})();var C=n(26220);function v(e,t){if(1&e){const e=u.KQA();u.I0R(0,"button",3),u.qCj("click",(function(){u.usT(e);const t=u.GaO();return u.CGJ(t.value=0)})),u.OEk(1," Clear "),u.C$Y()}}let I=(()=>{var e;class t{constructor(){this.value=0,this.icon=({$implicit:e})=>{switch(e){case 1:return"tuiIconFrownLarge";case 2:return"tuiIconMehLarge";default:return"tuiIconSmileLarge"}}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-rating-example-2"]],decls:3,vars:5,consts:[["tuiLabel","Are you satisfied with Taiga UI?"],[1,"rating",3,"icon","max","ngModel","ngModelChange"],["appearance","icon","iconLeft","tuiIconCloseLarge","size","s","tuiIconButton","","class","button",3,"click",4,"ngIf"],["appearance","icon","iconLeft","tuiIconCloseLarge","size","s","tuiIconButton","",1,"button",3,"click"]],template:function(e,t){1&e&&(u.I0R(0,"label",0)(1,"tui-rating",1),u.qCj("ngModelChange",(function(e){return t.value=e})),u.C$Y(),u.yuY(2,v,2,0,"button",2),u.C$Y()),2&e&&(u.yG2(1),u.E7m("icon",t.icon)("max",3)("ngModel",t.value),u.e48("data-value",t.value),u.yG2(1),u.E7m("ngIf",t.value))},dependencies:[a.u_,i.ue,i._G,g.W,h.Y,C.W],styles:['.rating[_ngcontent-%COMP%], .button[_ngcontent-%COMP%]{display:inline-block;vertical-align:middle}.rating[data-value="1"][_ngcontent-%COMP%]{color:var(--tui-negative)}.rating[data-value="2"][_ngcontent-%COMP%]{color:var(--tui-warning-fill)}.rating[data-value="3"][_ngcontent-%COMP%]{color:var(--tui-positive)}.rating[_ngcontent-%COMP%]:hover{color:var(--tui-info-fill)}'],changeDetection:0}),t})(),y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-rating-example-3"]],decls:2,vars:3,consts:[["tuiLabel","Back to the Future"],[3,"max","ngModel","readOnly"]],template:function(e,t){1&e&&(u.I0R(0,"label",0),u.wR5(1,"tui-rating",1),u.C$Y()),2&e&&(u.yG2(1),u.E7m("max",10)("ngModel",8.5)("readOnly",!0))},dependencies:[i.ue,i._G,g.W,h.Y],encapsulation:2,changeDetection:0}),t})();function b(e,t){if(1&e&&(u.I0R(0,"tui-notification",3),u.OEk(1," This code is "),u.I0R(2,"strong"),u.OEk(3,"experimental"),u.C$Y(),u.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),u.C$Y(),u.I0R(5,"tui-doc-example",4),u.wR5(6,"tui-rating-example-1"),u.C$Y(),u.I0R(7,"tui-doc-example",5),u.wR5(8,"tui-rating-example-2"),u.C$Y(),u.I0R(9,"tui-doc-example",6),u.wR5(10,"tui-rating-example-3"),u.C$Y()),2&e){const e=u.GaO();u.yG2(5),u.E7m("content",e.example1),u.yG2(2),u.E7m("content",e.example2),u.yG2(2),u.E7m("content",e.example3)}}function x(e,t){if(1&e&&(u.I0R(0,"ol",7)(1,"li")(2,"p"),u.OEk(3,"Import module:"),u.C$Y(),u.wR5(4,"tui-doc-code",8),u.C$Y(),u.I0R(5,"li")(6,"p"),u.OEk(7,"Add to the template:"),u.C$Y(),u.wR5(8,"tui-doc-code",9),u.C$Y()()),2&e){const e=u.GaO();u.yG2(4),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let M=(()=>{var e;class t{constructor(){this.exampleModule=n.e(49256).then(n.t.bind(n,49256,17)),this.exampleHtml=n.e(19224).then(n.t.bind(n,19224,17)),this.example1={HTML:n.e(60936).then(n.t.bind(n,60936,17)),LESS:n.e(48260).then(n.t.bind(n,48260,17))},this.example2={TypeScript:n.e(27628).then(n.t.bind(n,50008,17)),HTML:n.e(13372).then(n.t.bind(n,13372,17)),LESS:n.e(85820).then(n.t.bind(n,85820,17))},this.example3={HTML:n.e(21552).then(n.t.bind(n,21552,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-rating"]],decls:3,vars:0,consts:[["header","Rating","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","icons","heading","Custom icons",3,"content"],["id","readonly","heading","Readonly",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,b,11,3,"ng-template",1),u.yuY(2,x,9,2,"ng-template",2),u.C$Y())},dependencies:[r.e,s.u,d.E,p.u,m.I,f,I,y],encapsulation:2,changeDetection:0}),t})();n(23340);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[a.MD,i.y,l.sZ,c.TuiNotificationModule,c.TuiLabelModule,l.CI,(0,o.If)(M)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/54836.b9462b57275ff5f5.js b/next/54836.ed5f4e1180bbdb92.js
similarity index 99%
rename from next/54836.b9462b57275ff5f5.js
rename to next/54836.ed5f4e1180bbdb92.js
index 87429376a5d6..0a64ba7b5695 100644
--- a/next/54836.b9462b57275ff5f5.js
+++ b/next/54836.ed5f4e1180bbdb92.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54836],{54836:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiAvatarModule:()=>A});var n=a(86568),i=a(752),o=a(62548),r=a(84788),s=a(1100),c=a(6528),u=a(3088),l=a(62224),p=a(13692),d=a(96808),m=a(95356),y=a(56616),h=a(34496),g=a(37288),v=a(83480),f=a(71984);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-1"]],decls:14,vars:7,consts:[["src","tuiIconUserLarge"],[3,"src"],["src","AI"],["media","(min-width: 600px)","srcset","/assets/images/angular.svg"],["alt","Alex Inkin","src","/assets/images/avatar.jpg"],["autoplay","","loop","","playsinline","",3,"muted"],["src","/assets/media/bbb.mp4","type","video/mp4"]],template:function(e,t){1&e&&(c.wR5(0,"tui-avatar",0)(1,"tui-avatar",1),c.wVc(2,"async"),c.wVc(3,"tuiFallbackSrc"),c.wR5(4,"tui-avatar",2),c.I0R(5,"tui-avatar"),c.OEk(6,"99+"),c.C$Y(),c.I0R(7,"tui-avatar")(8,"picture"),c.wR5(9,"source",3)(10,"img",4),c.C$Y()(),c.I0R(11,"tui-avatar")(12,"video",5),c.wR5(13,"source",6),c.C$Y()()),2&e&&(c.yG2(1),c.E7m("src",c.kDX(2,2,c.g7$(3,4,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.yG2(11),c.E7m("muted",!0))},dependencies:[u.I,n.a,f.o],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})();var x=a(24980),C=a(13132);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-2"]],decls:6,vars:4,consts:[["appearance","accent","src","tuiIconUserLarge"],["src","AI",1,"text"],[1,"text"],["tuiFade",""]],template:function(e,t){1&e&&(c.wR5(0,"tui-avatar",0),c.I0R(1,"tui-avatar",1),c.wVc(2,"tuiAutoColor"),c.C$Y(),c.I0R(3,"tui-avatar",2)(4,"div",3),c.OEk(5,"Fading"),c.C$Y()()),2&e&&(c.yG2(1),c.m4B("background",c.kDX(2,2,"AI")))},dependencies:[u.I,x.y,C.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.text[_ngcontent-%COMP%]{background:var(--tui-base-05);color:var(--tui-text-01-night)}"],changeDetection:0}),t})();function E(e,t){if(1&e&&(c.I0R(0,"section")(1,"tui-avatar",1),c.OEk(2),c.wVc(3,"uppercase"),c.C$Y(),c.wR5(4,"tui-avatar",2),c.C$Y()),2&e){const e=t.$implicit;c.yG2(1),c.E7m("size",e),c.yG2(1),c.cNF(c.kDX(3,3,e)),c.yG2(2),c.E7m("size",e)}}let R=(()=>{var e;class t{constructor(){this.sizes=["xxl","xl","l","m","s","xs","xxs"],this.names=["Jason Statham","Silvester Stallone","Jackie Chan"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-3"]],decls:1,vars:1,consts:[[4,"ngFor","ngForOf"],[3,"size"],["src","tuiIconUserLarge",3,"size"]],template:function(e,t){1&e&&c.yuY(0,E,5,5,"section",0),2&e&&c.E7m("ngForOf",t.sizes)},dependencies:[n.ay,u.I,n.yG],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}section[_ngcontent-%COMP%]{display:flex;gap:.5rem}"],changeDetection:0}),t})();var b=a(18252);let w=(()=>{var e;class t{transform(e){return e.toUpperCase().split(" ").map((([e])=>e)).join("").slice(0,2)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵpipe=c.UTH({name:"tuiInitials",type:e,pure:!0}),t})();function O(e,t){if(1&e&&(c.I0R(0,"tui-avatar",4),c.wVc(1,"tuiAutoColor"),c.wVc(2,"tuiInitials"),c.C$Y()),2&e){const e=t.$implicit,a=c.GaO(),n=a.odd,i=a.$implicit;c.m4B("background",c.kDX(1,5,e)),c.E7m("round",n)("size",i)("src",c.kDX(2,7,e))}}function Y(e,t){if(1&e&&(c.I0R(0,"tui-avatar-stack",1),c.yuY(1,O,3,9,"tui-avatar",2),c.I0R(2,"tui-avatar",3),c.OEk(3," 99+ "),c.C$Y()()),2&e){const e=t.$implicit,a=t.odd,n=c.GaO();c.E7m("direction",a?"left":"right"),c.yG2(1),c.E7m("ngForOf",n.names),c.yG2(1),c.E7m("round",a)("size",e)}}let $=(()=>{var e;class t{constructor(){this.names=["Jason Statham","Silvester Stallone","Jackie Chan"],this.sizes=["xxl","xl","l","m","s","xs","xxs"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-4"]],decls:1,vars:1,consts:[["class","tui-space_vertical-4",3,"direction",4,"ngFor","ngForOf"],[1,"tui-space_vertical-4",3,"direction"],[3,"round","size","src","background",4,"ngFor","ngForOf"],["size","l",3,"round","size"],[3,"round","size","src"]],template:function(e,t){1&e&&c.yuY(0,Y,4,4,"tui-avatar-stack",0),2&e&&c.E7m("ngForOf",t.sizes)},dependencies:[n.ay,u.I,b.G,C.W,w],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-5"]],features:[c.M5G([(0,r.QW)({size:"l"})])],decls:1,vars:0,consts:[["src","DI"]],template:function(e,t){1&e&&c.wR5(0,"tui-avatar",0)},dependencies:[u.I],encapsulation:2,changeDetection:0}),t})();var P=a(72512);let V=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-6"]],decls:30,vars:24,consts:[[3,"src"],["tuiFade",""]],template:function(e,t){1&e&&(c.I0R(0,"tui-avatar-labeled"),c.wR5(1,"tui-avatar",0),c.wVc(2,"async"),c.wVc(3,"tuiFallbackSrc"),c.I0R(4,"div",1),c.OEk(5,"MarsiBarsi"),c.C$Y()(),c.I0R(6,"tui-avatar-labeled"),c.wR5(7,"tui-avatar",0),c.wVc(8,"async"),c.wVc(9,"tuiFallbackSrc"),c.I0R(10,"div",1),c.OEk(11,"Inkin"),c.C$Y(),c.I0R(12,"div",1),c.OEk(13,"Alexander"),c.C$Y()(),c.I0R(14,"tui-avatar-labeled"),c.wR5(15,"tui-avatar",0),c.wVc(16,"async"),c.wVc(17,"tuiFallbackSrc"),c.I0R(18,"div",1),c.OEk(19,"Potekhin"),c.C$Y(),c.I0R(20,"div",1),c.OEk(21,"Vladimir"),c.C$Y()(),c.I0R(22,"tui-avatar-labeled"),c.wR5(23,"tui-avatar",0),c.wVc(24,"async"),c.wVc(25,"tuiFallbackSrc"),c.I0R(26,"div",1),c.OEk(27,"Barsukov"),c.C$Y(),c.I0R(28,"div",1),c.OEk(29,"Nikita"),c.C$Y()()),2&e&&(c.yG2(1),c.E7m("src",c.kDX(2,4,c.g7$(3,6,"https://avatars.githubusercontent.com/u/10106368","tuiIconUserLarge"))),c.yG2(6),c.E7m("src",c.kDX(8,9,c.g7$(9,11,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.yG2(8),c.E7m("src",c.kDX(16,14,c.g7$(17,16,"https://avatars.githubusercontent.com/u/46284632","tuiIconUserLarge"))),c.yG2(8),c.E7m("src",c.kDX(24,19,c.g7$(25,21,"https://avatars.githubusercontent.com/u/35179038","tuiIconUserLarge"))))},dependencies:[u.I,P.A,x.y,n.a,f.o],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}tui-avatar[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04)}"],changeDetection:0}),t})();function S(e,t){if(1&e&&(c.I0R(0,"tui-notification",2),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"p"),c.OEk(6,"New version for Avatar component following updated design specs for displaying text, pictures and icons."),c.C$Y(),c.I0R(7,"tui-doc-example",3)(8,"tui-notification",4),c.OEk(9," This example requires import of "),c.I0R(10,"code"),c.OEk(11,"TuiFallbackSrcModule"),c.C$Y()(),c.wR5(12,"tui-avatar-example-1"),c.C$Y(),c.I0R(13,"tui-doc-example",5)(14,"tui-notification",4),c.OEk(15," This example requires import of "),c.I0R(16,"code"),c.OEk(17,"TuiFadeModule"),c.C$Y()(),c.wR5(18,"tui-avatar-example-2"),c.C$Y(),c.I0R(19,"tui-doc-example",6),c.wR5(20,"tui-avatar-example-3"),c.C$Y(),c.I0R(21,"tui-doc-example",7)(22,"tui-notification",4),c.OEk(23," This example requires import of "),c.I0R(24,"code"),c.OEk(25,"TuiAvatarStackModule"),c.C$Y()(),c.wR5(26,"tui-avatar-example-4"),c.C$Y(),c.I0R(27,"tui-doc-example",8),c.wR5(28,"tui-avatar-example-5"),c.C$Y(),c.I0R(29,"tui-doc-example",9),c.wR5(30,"tui-avatar-example-6"),c.C$Y()),2&e){const e=c.GaO();c.yG2(7),c.E7m("content",e.example1),c.yG2(6),c.E7m("content",e.example2),c.yG2(6),c.E7m("content",e.example3),c.yG2(2),c.E7m("content",e.example4),c.yG2(6),c.E7m("content",e.example5),c.yG2(2),c.E7m("content",e.example6)}}function T(e,t){1&e&&c.OEk(0," Use round shape ")}function z(e,t){1&e&&c.OEk(0," Size ")}function M(e,t){1&e&&(c.OEk(0," Initials, image URL, or icon name. Alternatively you can pass text as "),c.I0R(1,"code"),c.OEk(2,"ng-content"),c.C$Y(),c.OEk(3," which would be styled differently from initials and fade if overflown "))}function L(e,t){if(1&e){const e=c.KQA();c.I0R(0,"tui-doc-demo"),c.wR5(1,"tui-avatar",10),c.C$Y(),c.I0R(2,"tui-doc-documentation"),c.yuY(3,T,1,0,"ng-template",11),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const a=c.GaO();return c.CGJ(a.round=t)})),c.yuY(4,z,1,0,"ng-template",12),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const a=c.GaO();return c.CGJ(a.size=t)})),c.yuY(5,M,4,0,"ng-template",13),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const a=c.GaO();return c.CGJ(a.src=t)})),c.C$Y()}if(2&e){const e=c.GaO();c.yG2(1),c.E7m("round",e.round)("size",e.size)("src",e.src),c.yG2(2),c.E7m("documentationPropertyValue",e.round),c.yG2(1),c.E7m("documentationPropertyValues",e.sizes)("documentationPropertyValue",e.size),c.yG2(1),c.E7m("documentationPropertyValues",e.srcVariants)("documentationPropertyValue",e.src)}}function F(e,t){if(1&e&&(c.I0R(0,"ol",14)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",15),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",16),c.C$Y()()),2&e){const e=c.GaO();c.yG2(4),c.E7m("code",e.exampleModule),c.yG2(4),c.E7m("code",e.exampleHtml)}}let D=(()=>{var e;class t{constructor(e){this.sanitizer=e,this.exampleModule=a.e(8018).then(a.t.bind(a,8018,17)),this.exampleHtml=a.e(26575).then(a.t.bind(a,26575,17)),this.example1={TypeScript:a.e(4764).then(a.t.bind(a,4764,17)),HTML:a.e(94328).then(a.t.bind(a,94328,17))},this.example2={TypeScript:a.e(77656).then(a.t.bind(a,77656,17)),HTML:a.e(88840).then(a.t.bind(a,88840,17)),LESS:a.e(4652).then(a.t.bind(a,4652,17))},this.example3={TypeScript:a.e(33588).then(a.t.bind(a,33588,17)),HTML:a.e(11048).then(a.t.bind(a,11048,17))},this.example4={TypeScript:a.e(46832).then(a.t.bind(a,46832,17)),HTML:a.e(49568).then(a.t.bind(a,49568,17))},this.example5={TypeScript:a.e(77276).then(a.t.bind(a,99656,17)),HTML:a.e(32931).then(a.t.bind(a,55312,17))},this.example6={TypeScript:a.e(31700).then(a.t.bind(a,31700,17)),HTML:a.e(61428).then(a.t.bind(a,61428,17)),LESS:a.e(63684).then(a.t.bind(a,63684,17))},this.sizes=["xxs","xs","s","m","l","xl","xxl"],this.size=this.sizes[3],this.srcVariants=["MW","https://avatars.githubusercontent.com/u/11832552","https://taiga-ui.dev/assets/images/test-not-found.png","tuiIconUserLarge",this.sanitizer.bypassSecurityTrustResourceUrl("https://avatars.githubusercontent.com/u/10106368")],this.src=this.srcVariants[0],this.round=!0}}return(e=t).ɵfac=function(t){return new(t||e)(c.GI1(s.mI))},e.ɵcmp=c.In1({type:e,selectors:[["example-avatar"]],decls:4,vars:0,consts:[["header","Avatar","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","content","heading","Content types",3,"content"],[1,"tui-space_bottom-4"],["id","color","heading","Colors",3,"content"],["id","size","heading","Sizes",3,"content"],["id","stacking","heading","Stacking",3,"content"],["id","options","heading","Options with DI",3,"content"],["id","labeled","heading","Labeled",3,"content"],[3,"round","size","src"],["documentationPropertyMode","input","documentationPropertyName","round","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS | TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","src","documentationPropertyType","SafeResourceUrl | string | null",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&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,S,31,6,"ng-template",1),c.yuY(2,L,6,8,"ng-template",1),c.yuY(3,F,9,2,"ng-template",1),c.C$Y())},dependencies:[u.I,l.e,p.u,d.m,m.I,y.S,h.E,g.u,v.I,I,k,R,$,G,V],encapsulation:2,changeDetection:0}),t})();a(23340);let A=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.a4G({type:e}),e.ɵinj=c.s3X({imports:[n.MD,r.CA,r.W4,r.AP,r.g3,r.iS,o.TuiNotificationModule,r.o3,r.mC,(0,i.If)(D)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[54836],{54836:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiAvatarModule:()=>A});var n=a(86568),i=a(752),o=a(62548),r=a(37304),s=a(1100),c=a(6528),u=a(3088),l=a(62224),p=a(13692),d=a(96808),m=a(95356),y=a(56616),h=a(34496),g=a(37288),v=a(83480),f=a(71984);let I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-1"]],decls:14,vars:7,consts:[["src","tuiIconUserLarge"],[3,"src"],["src","AI"],["media","(min-width: 600px)","srcset","/assets/images/angular.svg"],["alt","Alex Inkin","src","/assets/images/avatar.jpg"],["autoplay","","loop","","playsinline","",3,"muted"],["src","/assets/media/bbb.mp4","type","video/mp4"]],template:function(e,t){1&e&&(c.wR5(0,"tui-avatar",0)(1,"tui-avatar",1),c.wVc(2,"async"),c.wVc(3,"tuiFallbackSrc"),c.wR5(4,"tui-avatar",2),c.I0R(5,"tui-avatar"),c.OEk(6,"99+"),c.C$Y(),c.I0R(7,"tui-avatar")(8,"picture"),c.wR5(9,"source",3)(10,"img",4),c.C$Y()(),c.I0R(11,"tui-avatar")(12,"video",5),c.wR5(13,"source",6),c.C$Y()()),2&e&&(c.yG2(1),c.E7m("src",c.kDX(2,2,c.g7$(3,4,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.yG2(11),c.E7m("muted",!0))},dependencies:[u.I,n.a,f.o],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})();var x=a(24980),C=a(13132);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-2"]],decls:6,vars:4,consts:[["appearance","accent","src","tuiIconUserLarge"],["src","AI",1,"text"],[1,"text"],["tuiFade",""]],template:function(e,t){1&e&&(c.wR5(0,"tui-avatar",0),c.I0R(1,"tui-avatar",1),c.wVc(2,"tuiAutoColor"),c.C$Y(),c.I0R(3,"tui-avatar",2)(4,"div",3),c.OEk(5,"Fading"),c.C$Y()()),2&e&&(c.yG2(1),c.m4B("background",c.kDX(2,2,"AI")))},dependencies:[u.I,x.y,C.W],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.text[_ngcontent-%COMP%]{background:var(--tui-base-05);color:var(--tui-text-01-night)}"],changeDetection:0}),t})();function E(e,t){if(1&e&&(c.I0R(0,"section")(1,"tui-avatar",1),c.OEk(2),c.wVc(3,"uppercase"),c.C$Y(),c.wR5(4,"tui-avatar",2),c.C$Y()),2&e){const e=t.$implicit;c.yG2(1),c.E7m("size",e),c.yG2(1),c.cNF(c.kDX(3,3,e)),c.yG2(2),c.E7m("size",e)}}let R=(()=>{var e;class t{constructor(){this.sizes=["xxl","xl","l","m","s","xs","xxs"],this.names=["Jason Statham","Silvester Stallone","Jackie Chan"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-3"]],decls:1,vars:1,consts:[[4,"ngFor","ngForOf"],[3,"size"],["src","tuiIconUserLarge",3,"size"]],template:function(e,t){1&e&&c.yuY(0,E,5,5,"section",0),2&e&&c.E7m("ngForOf",t.sizes)},dependencies:[n.ay,u.I,n.yG],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}section[_ngcontent-%COMP%]{display:flex;gap:.5rem}"],changeDetection:0}),t})();var b=a(18252);let w=(()=>{var e;class t{transform(e){return e.toUpperCase().split(" ").map((([e])=>e)).join("").slice(0,2)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵpipe=c.UTH({name:"tuiInitials",type:e,pure:!0}),t})();function O(e,t){if(1&e&&(c.I0R(0,"tui-avatar",4),c.wVc(1,"tuiAutoColor"),c.wVc(2,"tuiInitials"),c.C$Y()),2&e){const e=t.$implicit,a=c.GaO(),n=a.odd,i=a.$implicit;c.m4B("background",c.kDX(1,5,e)),c.E7m("round",n)("size",i)("src",c.kDX(2,7,e))}}function Y(e,t){if(1&e&&(c.I0R(0,"tui-avatar-stack",1),c.yuY(1,O,3,9,"tui-avatar",2),c.I0R(2,"tui-avatar",3),c.OEk(3," 99+ "),c.C$Y()()),2&e){const e=t.$implicit,a=t.odd,n=c.GaO();c.E7m("direction",a?"left":"right"),c.yG2(1),c.E7m("ngForOf",n.names),c.yG2(1),c.E7m("round",a)("size",e)}}let $=(()=>{var e;class t{constructor(){this.names=["Jason Statham","Silvester Stallone","Jackie Chan"],this.sizes=["xxl","xl","l","m","s","xs","xxs"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-4"]],decls:1,vars:1,consts:[["class","tui-space_vertical-4",3,"direction",4,"ngFor","ngForOf"],[1,"tui-space_vertical-4",3,"direction"],[3,"round","size","src","background",4,"ngFor","ngForOf"],["size","l",3,"round","size"],[3,"round","size","src"]],template:function(e,t){1&e&&c.yuY(0,Y,4,4,"tui-avatar-stack",0),2&e&&c.E7m("ngForOf",t.sizes)},dependencies:[n.ay,u.I,b.G,C.W,w],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-5"]],features:[c.M5G([(0,r.QW)({size:"l"})])],decls:1,vars:0,consts:[["src","DI"]],template:function(e,t){1&e&&c.wR5(0,"tui-avatar",0)},dependencies:[u.I],encapsulation:2,changeDetection:0}),t})();var P=a(72512);let V=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-avatar-example-6"]],decls:30,vars:24,consts:[[3,"src"],["tuiFade",""]],template:function(e,t){1&e&&(c.I0R(0,"tui-avatar-labeled"),c.wR5(1,"tui-avatar",0),c.wVc(2,"async"),c.wVc(3,"tuiFallbackSrc"),c.I0R(4,"div",1),c.OEk(5,"MarsiBarsi"),c.C$Y()(),c.I0R(6,"tui-avatar-labeled"),c.wR5(7,"tui-avatar",0),c.wVc(8,"async"),c.wVc(9,"tuiFallbackSrc"),c.I0R(10,"div",1),c.OEk(11,"Inkin"),c.C$Y(),c.I0R(12,"div",1),c.OEk(13,"Alexander"),c.C$Y()(),c.I0R(14,"tui-avatar-labeled"),c.wR5(15,"tui-avatar",0),c.wVc(16,"async"),c.wVc(17,"tuiFallbackSrc"),c.I0R(18,"div",1),c.OEk(19,"Potekhin"),c.C$Y(),c.I0R(20,"div",1),c.OEk(21,"Vladimir"),c.C$Y()(),c.I0R(22,"tui-avatar-labeled"),c.wR5(23,"tui-avatar",0),c.wVc(24,"async"),c.wVc(25,"tuiFallbackSrc"),c.I0R(26,"div",1),c.OEk(27,"Barsukov"),c.C$Y(),c.I0R(28,"div",1),c.OEk(29,"Nikita"),c.C$Y()()),2&e&&(c.yG2(1),c.E7m("src",c.kDX(2,4,c.g7$(3,6,"https://avatars.githubusercontent.com/u/10106368","tuiIconUserLarge"))),c.yG2(6),c.E7m("src",c.kDX(8,9,c.g7$(9,11,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.yG2(8),c.E7m("src",c.kDX(16,14,c.g7$(17,16,"https://avatars.githubusercontent.com/u/46284632","tuiIconUserLarge"))),c.yG2(8),c.E7m("src",c.kDX(24,19,c.g7$(25,21,"https://avatars.githubusercontent.com/u/35179038","tuiIconUserLarge"))))},dependencies:[u.I,P.A,x.y,n.a,f.o],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}tui-avatar[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04)}"],changeDetection:0}),t})();function S(e,t){if(1&e&&(c.I0R(0,"tui-notification",2),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"p"),c.OEk(6,"New version for Avatar component following updated design specs for displaying text, pictures and icons."),c.C$Y(),c.I0R(7,"tui-doc-example",3)(8,"tui-notification",4),c.OEk(9," This example requires import of "),c.I0R(10,"code"),c.OEk(11,"TuiFallbackSrcModule"),c.C$Y()(),c.wR5(12,"tui-avatar-example-1"),c.C$Y(),c.I0R(13,"tui-doc-example",5)(14,"tui-notification",4),c.OEk(15," This example requires import of "),c.I0R(16,"code"),c.OEk(17,"TuiFadeModule"),c.C$Y()(),c.wR5(18,"tui-avatar-example-2"),c.C$Y(),c.I0R(19,"tui-doc-example",6),c.wR5(20,"tui-avatar-example-3"),c.C$Y(),c.I0R(21,"tui-doc-example",7)(22,"tui-notification",4),c.OEk(23," This example requires import of "),c.I0R(24,"code"),c.OEk(25,"TuiAvatarStackModule"),c.C$Y()(),c.wR5(26,"tui-avatar-example-4"),c.C$Y(),c.I0R(27,"tui-doc-example",8),c.wR5(28,"tui-avatar-example-5"),c.C$Y(),c.I0R(29,"tui-doc-example",9),c.wR5(30,"tui-avatar-example-6"),c.C$Y()),2&e){const e=c.GaO();c.yG2(7),c.E7m("content",e.example1),c.yG2(6),c.E7m("content",e.example2),c.yG2(6),c.E7m("content",e.example3),c.yG2(2),c.E7m("content",e.example4),c.yG2(6),c.E7m("content",e.example5),c.yG2(2),c.E7m("content",e.example6)}}function T(e,t){1&e&&c.OEk(0," Use round shape ")}function z(e,t){1&e&&c.OEk(0," Size ")}function M(e,t){1&e&&(c.OEk(0," Initials, image URL, or icon name. Alternatively you can pass text as "),c.I0R(1,"code"),c.OEk(2,"ng-content"),c.C$Y(),c.OEk(3," which would be styled differently from initials and fade if overflown "))}function L(e,t){if(1&e){const e=c.KQA();c.I0R(0,"tui-doc-demo"),c.wR5(1,"tui-avatar",10),c.C$Y(),c.I0R(2,"tui-doc-documentation"),c.yuY(3,T,1,0,"ng-template",11),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const a=c.GaO();return c.CGJ(a.round=t)})),c.yuY(4,z,1,0,"ng-template",12),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const a=c.GaO();return c.CGJ(a.size=t)})),c.yuY(5,M,4,0,"ng-template",13),c.qCj("documentationPropertyValueChange",(function(t){c.usT(e);const a=c.GaO();return c.CGJ(a.src=t)})),c.C$Y()}if(2&e){const e=c.GaO();c.yG2(1),c.E7m("round",e.round)("size",e.size)("src",e.src),c.yG2(2),c.E7m("documentationPropertyValue",e.round),c.yG2(1),c.E7m("documentationPropertyValues",e.sizes)("documentationPropertyValue",e.size),c.yG2(1),c.E7m("documentationPropertyValues",e.srcVariants)("documentationPropertyValue",e.src)}}function F(e,t){if(1&e&&(c.I0R(0,"ol",14)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",15),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",16),c.C$Y()()),2&e){const e=c.GaO();c.yG2(4),c.E7m("code",e.exampleModule),c.yG2(4),c.E7m("code",e.exampleHtml)}}let D=(()=>{var e;class t{constructor(e){this.sanitizer=e,this.exampleModule=a.e(8018).then(a.t.bind(a,8018,17)),this.exampleHtml=a.e(26575).then(a.t.bind(a,26575,17)),this.example1={TypeScript:a.e(4764).then(a.t.bind(a,4764,17)),HTML:a.e(94328).then(a.t.bind(a,94328,17))},this.example2={TypeScript:a.e(77656).then(a.t.bind(a,77656,17)),HTML:a.e(88840).then(a.t.bind(a,88840,17)),LESS:a.e(4652).then(a.t.bind(a,4652,17))},this.example3={TypeScript:a.e(33588).then(a.t.bind(a,33588,17)),HTML:a.e(11048).then(a.t.bind(a,11048,17))},this.example4={TypeScript:a.e(46832).then(a.t.bind(a,46832,17)),HTML:a.e(49568).then(a.t.bind(a,49568,17))},this.example5={TypeScript:a.e(77276).then(a.t.bind(a,99656,17)),HTML:a.e(32931).then(a.t.bind(a,55312,17))},this.example6={TypeScript:a.e(31700).then(a.t.bind(a,31700,17)),HTML:a.e(61428).then(a.t.bind(a,61428,17)),LESS:a.e(63684).then(a.t.bind(a,63684,17))},this.sizes=["xxs","xs","s","m","l","xl","xxl"],this.size=this.sizes[3],this.srcVariants=["MW","https://avatars.githubusercontent.com/u/11832552","https://taiga-ui.dev/assets/images/test-not-found.png","tuiIconUserLarge",this.sanitizer.bypassSecurityTrustResourceUrl("https://avatars.githubusercontent.com/u/10106368")],this.src=this.srcVariants[0],this.round=!0}}return(e=t).ɵfac=function(t){return new(t||e)(c.GI1(s.mI))},e.ɵcmp=c.In1({type:e,selectors:[["example-avatar"]],decls:4,vars:0,consts:[["header","Avatar","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","content","heading","Content types",3,"content"],[1,"tui-space_bottom-4"],["id","color","heading","Colors",3,"content"],["id","size","heading","Sizes",3,"content"],["id","stacking","heading","Stacking",3,"content"],["id","options","heading","Options with DI",3,"content"],["id","labeled","heading","Labeled",3,"content"],[3,"round","size","src"],["documentationPropertyMode","input","documentationPropertyName","round","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS | TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","src","documentationPropertyType","SafeResourceUrl | string | null",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&&(c.I0R(0,"tui-doc-page",0),c.yuY(1,S,31,6,"ng-template",1),c.yuY(2,L,6,8,"ng-template",1),c.yuY(3,F,9,2,"ng-template",1),c.C$Y())},dependencies:[u.I,l.e,p.u,d.m,m.I,y.S,h.E,g.u,v.I,I,k,R,$,G,V],encapsulation:2,changeDetection:0}),t})();a(23340);let A=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.a4G({type:e}),e.ɵinj=c.s3X({imports:[n.MD,r.CA,r.W4,r.AP,r.g3,r.iS,o.TuiNotificationModule,r.o3,r.mC,(0,i.If)(D)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/56692.3834798460ed1443.js b/next/56692.3834798460ed1443.js
deleted file mode 100644
index 4b4e14a2d986..000000000000
--- a/next/56692.3834798460ed1443.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[56692],{56692:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiExpandModule:()=>G});var o=n(86568),a=n(35856),i=n(82312),d=n(752),s=n(62548),r=n(6528),p=n(80384),c=n(18540),u=n(13692),l=n(96808),m=n(95356),h=n(56616),y=n(34496),f=n(37288),g=n(83480),x=n(8673);function C(e,t){1&e&&(r.I0R(0,"p"),r.OEk(1,"NOBODY expects the Spanish Inquisition!"),r.C$Y())}function b(e,t){if(1&e&&(r.I0R(0,"div")(1,"div"),r.OEk(2),r.C$Y()()),2&e){const e=t.$implicit;r.yG2(2),r.cNF(e)}}let E=(()=>{var e;class t{constructor(){this.expanded=!1,this.subpages=["page1","page2","page3"]}toggle(){this.expanded=!this.expanded}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-expand-example-1"]],decls:8,vars:3,consts:[["tuiButton","","type","button",3,"click"],[3,"expanded"],["tuiExpandContent",""],[4,"ngFor","ngForOf"]],template:function(e,t){1&e&&(r.I0R(0,"p"),r.OEk(1," Chapman: Mr Wentworth just told me to come in here and say that there was trouble at the mill, that's all - I didn't expect a kind of Spanish Inquisition.\n"),r.C$Y(),r.I0R(2,"button",0),r.qCj("click",(function(){return t.toggle()})),r.OEk(3," Show/Hide\n"),r.C$Y(),r.I0R(4,"tui-expand",1),r.yuY(5,C,2,0,"ng-template",2),r.C$Y(),r.I0R(6,"tui-expand",1),r.yuY(7,b,3,1,"div",3),r.C$Y()),2&e&&(r.yG2(4),r.E7m("expanded",t.expanded),r.yG2(2),r.E7m("expanded",t.expanded),r.yG2(1),r.E7m("ngForOf",t.subpages))},dependencies:[p.s,c.k,x.K,o.ay],encapsulation:2,changeDetection:0}),t})();function O(e,t){if(1&e&&(r.I0R(0,"p"),r.OEk(1,"Component to show expandable content"),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-expand-example-1"),r.C$Y()),2&e){const e=r.GaO();r.yG2(2),r.E7m("content",e.example1)}}function v(e,t){1&e&&(r.I0R(0,"div")(1,"p"),r.OEk(2,"Luke's father."),r.C$Y(),r.I0R(3,"p",8),r.OEk(4," Also Tyler Durden doesn't actually exist (hover for mode details) "),r.I0R(5,"span",9),r.OEk(6," Fight Club reference (notice how spoiler has "),r.I0R(7,"code"),r.OEk(8,"overflow: visible;"),r.C$Y(),r.OEk(9," when it's open). "),r.C$Y()(),r.I0R(10,"div"),r.OEk(11,' A spoiler is an element of a disseminated summary or description of any piece of fiction that reveals any plot elements which threaten to give away important details. Typically, the details of the conclusion of the plot, including the climax and ending, are especially regarded as spoiler material. It can also be used to refer to any piece of information regarding any part of a given media that a potential consumer would not want to know beforehand. Because enjoyment of fiction depends a great deal upon the suspense of revealing plot details through standard narrative progression, the prior revelation of how things will turn out can "spoil" the enjoyment that some consumers of the narrative would otherwise have experienced. Spoilers can be found in message boards, articles, reviews, commercials, and movie trailers. '),r.C$Y()())}function k(e,t){if(1&e&&r.yuY(0,v,12,0,"div",7),2&e){const e=r.GaO(2);r.E7m("ngIf",!e.delayed)}}function I(e,t){1&e&&(r.OEk(0," Waits for a custom event "),r.I0R(1,"code"),r.OEk(2,"TUI_EXPAND_LOADED"),r.C$Y(),r.OEk(3," before opening. Content is initialized when opening starts "))}function w(e,t){1&e&&r.OEk(0," Open / close state ")}function Y(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo"),r.OEk(1," Darth Vader is (spoilers below): "),r.I0R(2,"tui-expand",3),r.yuY(3,k,1,1,"ng-template",4),r.C$Y()(),r.I0R(4,"tui-doc-documentation"),r.yuY(5,I,4,0,"ng-template",5),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.async=t)})),r.yuY(6,w,1,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.onExpandedChange(t))})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(2),r.E7m("async",e.async)("expanded",e.expanded),r.yG2(3),r.E7m("documentationPropertyValue",e.async),r.yG2(1),r.E7m("documentationPropertyValue",e.expanded)}}function R(e,t){if(1&e&&(r.I0R(0,"ol",10)(1,"li")(2,"p"),r.OEk(3," Import "),r.I0R(4,"code"),r.OEk(5,"TuiExpandModule"),r.C$Y(),r.OEk(6," into a module where you want to use our component "),r.C$Y(),r.wR5(7,"tui-doc-code",11),r.C$Y(),r.I0R(8,"li")(9,"p"),r.OEk(10,"Add to the template:"),r.C$Y(),r.wR5(11,"tui-doc-code",12),r.C$Y()()),2&e){const e=r.GaO();r.yG2(7),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let $=(()=>{var e;class t{constructor(e){this.cdr=e,this.exampleModule=n.e(44244).then(n.t.bind(n,44244,17)),this.exampleHtml=n.e(5179).then(n.t.bind(n,5179,17)),this.example1={TypeScript:n.e(84840).then(n.t.bind(n,84840,17)),HTML:n.e(31146).then(n.t.bind(n,31146,17))},this.expanded=!1,this.async=!1,this.delayed=!1}onExpandedChange(e){this.expanded=e,this.delayed=this.async&&e,this.async&&this.expanded&&setTimeout((()=>{const e=new CustomEvent(s.TUI_EXPAND_LOADED,{bubbles:!0});this.delayed=!1,this.cdr.detectChanges(),this.expand&&this.expand.nativeElement.dispatchEvent(e)}),5e3)}}return(e=t).ɵfac=function(t){return new(t||e)(r.GI1(r.kD9))},e.ɵcmp=r.In1({type:e,selectors:[["example-expand"]],viewQuery:function(e,t){if(1&e&&r.CC$(s.TuiExpandComponent,5,r.GMv),2&e){let e;r.wto(e=r.Gqi())&&(t.expand=e.first)}},decls:4,vars:0,consts:[["header","Expand","package","CORE","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"b-full-width",3,"async","expanded"],["tuiExpandContent",""],["documentationPropertyMode","input","documentationPropertyName","async","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","expanded","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],[4,"ngIf"],[1,"tooltip"],[1,"bubble"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,O,4,1,"ng-template",1),r.yuY(2,Y,7,4,"ng-template",1),r.yuY(3,R,12,2,"ng-template",1),r.C$Y())},dependencies:[p.s,c.k,o.u_,u.u,l.m,m.I,h.S,y.E,f.u,g.I,E],styles:['.tooltip[_ngcontent-%COMP%]{position:relative}.tooltip[_ngcontent-%COMP%]:hover .bubble[_ngcontent-%COMP%]{opacity:1}.bubble[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:3.125rem;bottom:1.875rem;width:15.625rem;background:var(--tui-text-01);color:var(--tui-base-01);border-radius:.25rem;padding:.625rem;opacity:0}.bubble[_ngcontent-%COMP%]:after{content:"";position:absolute;left:50%;bottom:-15px;border-top:15px solid var(--tui-text-01);border-left:10px solid transparent;border-right:10px solid transparent;transform:translate(-10px)}'],changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[s.TuiExpandModule,s.TuiButtonModule,o.MD,a.y,a.sl,d.kx,i.qQ.forChild((0,d._A)($))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/56692.a97b84b5cfa1e0f2.js b/next/56692.a97b84b5cfa1e0f2.js
new file mode 100644
index 000000000000..50a82642df3b
--- /dev/null
+++ b/next/56692.a97b84b5cfa1e0f2.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[56692],{56692:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiExpandModule:()=>T});var o=n(86568),a=n(35856),i=n(82312),d=n(752),s=n(62548),r=n(6528),p=n(45328),c=n(76468),u=n(12436),l=n(80384),m=n(18540),h=n(13692),y=n(96808),f=n(95356),g=n(56616),x=n(34496),b=n(37288),C=n(83480),E=n(8673);function v(e,t){1&e&&(r.I0R(0,"p"),r.OEk(1,"NOBODY expects the Spanish Inquisition!"),r.C$Y())}function O(e,t){if(1&e&&(r.I0R(0,"div")(1,"div"),r.OEk(2),r.C$Y()()),2&e){const e=t.$implicit;r.yG2(2),r.cNF(e)}}let k=(()=>{var e;class t{constructor(){this.expanded=!1,this.subpages=["page1","page2","page3"]}toggle(){this.expanded=!this.expanded}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-expand-example-1"]],decls:8,vars:3,consts:[["tuiButton","","type","button",3,"click"],[3,"expanded"],["tuiExpandContent",""],[4,"ngFor","ngForOf"]],template:function(e,t){1&e&&(r.I0R(0,"p"),r.OEk(1," Chapman: Mr Wentworth just told me to come in here and say that there was trouble at the mill, that's all - I didn't expect a kind of Spanish Inquisition.\n"),r.C$Y(),r.I0R(2,"button",0),r.qCj("click",(function(){return t.toggle()})),r.OEk(3," Show/Hide\n"),r.C$Y(),r.I0R(4,"tui-expand",1),r.yuY(5,v,2,0,"ng-template",2),r.C$Y(),r.I0R(6,"tui-expand",1),r.yuY(7,O,3,1,"div",3),r.C$Y()),2&e&&(r.yG2(4),r.E7m("expanded",t.expanded),r.yG2(2),r.E7m("expanded",t.expanded),r.yG2(1),r.E7m("ngForOf",t.subpages))},dependencies:[l.s,m.k,E.K,o.ay],encapsulation:2,changeDetection:0}),t})();function I(e,t){if(1&e&&(r.I0R(0,"p"),r.OEk(1,"Component to show expandable content"),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-expand-example-1"),r.C$Y()),2&e){const e=r.GaO();r.yG2(2),r.E7m("content",e.example1)}}function w(e,t){1&e&&(r.I0R(0,"div")(1,"p"),r.OEk(2,"Luke's father."),r.C$Y(),r.I0R(3,"p",8),r.OEk(4," Also Tyler Durden doesn't actually exist (hover for mode details) "),r.I0R(5,"span",9),r.OEk(6," Fight Club reference (notice how spoiler has "),r.I0R(7,"code"),r.OEk(8,"overflow: visible;"),r.C$Y(),r.OEk(9," when it's open). "),r.C$Y()(),r.I0R(10,"div"),r.OEk(11,' A spoiler is an element of a disseminated summary or description of any piece of fiction that reveals any plot elements which threaten to give away important details. Typically, the details of the conclusion of the plot, including the climax and ending, are especially regarded as spoiler material. It can also be used to refer to any piece of information regarding any part of a given media that a potential consumer would not want to know beforehand. Because enjoyment of fiction depends a great deal upon the suspense of revealing plot details through standard narrative progression, the prior revelation of how things will turn out can "spoil" the enjoyment that some consumers of the narrative would otherwise have experienced. Spoilers can be found in message boards, articles, reviews, commercials, and movie trailers. '),r.C$Y()())}function Y(e,t){if(1&e&&r.yuY(0,w,12,0,"div",7),2&e){const e=r.GaO(2);r.E7m("ngIf",!e.delayed)}}function R(e,t){1&e&&(r.OEk(0," Waits for a custom event "),r.I0R(1,"code"),r.OEk(2,"TUI_EXPAND_LOADED"),r.C$Y(),r.OEk(3," before opening. Content is initialized when opening starts "))}function $(e,t){1&e&&r.OEk(0," Open / close state ")}function G(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo"),r.OEk(1," Darth Vader is (spoilers below): "),r.I0R(2,"tui-expand",3),r.yuY(3,Y,1,1,"ng-template",4),r.C$Y()(),r.I0R(4,"tui-doc-documentation"),r.yuY(5,R,4,0,"ng-template",5),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.async=t)})),r.yuY(6,$,1,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.onExpandedChange(t))})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(2),r.E7m("async",e.async)("expanded",e.expanded),r.yG2(3),r.E7m("documentationPropertyValue",e.async),r.yG2(1),r.E7m("documentationPropertyValue",e.expanded)}}function P(e,t){if(1&e&&(r.I0R(0,"ol",10)(1,"li")(2,"p"),r.OEk(3," Import "),r.I0R(4,"code"),r.OEk(5,"TuiExpandModule"),r.C$Y(),r.OEk(6," into a module where you want to use our component "),r.C$Y(),r.wR5(7,"tui-doc-code",11),r.C$Y(),r.I0R(8,"li")(9,"p"),r.OEk(10,"Add to the template:"),r.C$Y(),r.wR5(11,"tui-doc-code",12),r.C$Y()()),2&e){const e=r.GaO();r.yG2(7),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let M=(()=>{var e;class t{constructor(e,t){this.cdr=e,this.destroy$=t,this.exampleModule=n.e(44244).then(n.t.bind(n,44244,17)),this.exampleHtml=n.e(5179).then(n.t.bind(n,5179,17)),this.example1={TypeScript:n.e(84840).then(n.t.bind(n,84840,17)),HTML:n.e(31146).then(n.t.bind(n,31146,17))},this.expanded=!1,this.async=!1,this.delayed=!1}onExpandedChange(e){this.expanded=e,this.delayed=this.async&&e,this.async&&this.expanded&&(0,c.k)(5e3).pipe((0,u.a)(this.destroy$)).subscribe((()=>{var e;const t=new CustomEvent(s.TUI_EXPAND_LOADED,{bubbles:!0});this.delayed=!1,this.cdr.detectChanges(),null===(e=this.expand)||void 0===e||e.nativeElement.dispatchEvent(t)}))}}return(e=t).ɵfac=function(t){return new(t||e)(r.GI1(r.kD9),r.GI1(p.TuiDestroyService,2))},e.ɵcmp=r.In1({type:e,selectors:[["example-expand"]],viewQuery:function(e,t){if(1&e&&r.CC$(s.TuiExpandComponent,5,r.GMv),2&e){let e;r.wto(e=r.Gqi())&&(t.expand=e.first)}},features:[r.M5G([p.TuiDestroyService])],decls:4,vars:0,consts:[["header","Expand","package","CORE","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],[1,"b-full-width",3,"async","expanded"],["tuiExpandContent",""],["documentationPropertyMode","input","documentationPropertyName","async","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","expanded","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],[4,"ngIf"],[1,"tooltip"],[1,"bubble"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,I,4,1,"ng-template",1),r.yuY(2,G,7,4,"ng-template",1),r.yuY(3,P,12,2,"ng-template",1),r.C$Y())},dependencies:[l.s,m.k,o.u_,h.u,y.m,f.I,g.S,x.E,b.u,C.I,k],styles:['.tooltip[_ngcontent-%COMP%]{position:relative}.tooltip[_ngcontent-%COMP%]:hover .bubble[_ngcontent-%COMP%]{opacity:1}.bubble[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;left:3.125rem;bottom:1.875rem;width:15.625rem;background:var(--tui-text-01);color:var(--tui-base-01);border-radius:.25rem;padding:.625rem;opacity:0}.bubble[_ngcontent-%COMP%]:after{content:"";position:absolute;left:50%;bottom:-15px;border-top:15px solid var(--tui-text-01);border-left:10px solid transparent;border-right:10px solid transparent;transform:translate(-10px)}'],changeDetection:0}),t})(),T=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[s.TuiExpandModule,s.TuiButtonModule,o.MD,a.y,a.sl,d.kx,i.qQ.forChild((0,d._A)(M))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/59896.5690b2cfb977bbcf.js b/next/59896.5a4a07e0500b64fb.js
similarity index 99%
rename from next/59896.5690b2cfb977bbcf.js
rename to next/59896.5a4a07e0500b64fb.js
index f9defc366b4d..5bec2ec6dd77 100644
--- a/next/59896.5690b2cfb977bbcf.js
+++ b/next/59896.5a4a07e0500b64fb.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[59896],{59896:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSurfaceModule:()=>N});var a=n(86568),r=n(35856),o=n(63528),i=n(752),c=n(27297),s=n(45328),u=n(62548),d=n(84788),l=n(6528),m=n(62224),g=n(55412),p=n(13692),f=n(34496),b=n(37288),h=n(83480),O=n(82312),k=n(15268),C=n(12248);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-1"]],decls:12,vars:0,consts:[["tuiSurface","",1,"scale"],["tuiSurface","",1,"overlay"],["tuiAppearance","primary","tuiSurface","",1,"highlight"],["tuiSurface","",1,"offset"],["tuiSurface","",1,"background"],["tuiSurface","",1,"shadow"]],template:function(e,t){1&e&&(l.I0R(0,"button",0),l.OEk(1," Scale\n"),l.C$Y(),l.I0R(2,"button",1),l.OEk(3," Overlay\n"),l.C$Y(),l.I0R(4,"button",2),l.OEk(5," Highlight\n"),l.C$Y(),l.I0R(6,"button",3),l.OEk(7," Offset\n"),l.C$Y(),l.I0R(8,"button",4),l.OEk(9," Background\n"),l.C$Y(),l.I0R(10,"button",5),l.OEk(11," Shadow\n"),l.C$Y())},dependencies:[k.c,C.G],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:repeat(3,8rem);gap:1rem}[_nghost-%COMP%] *[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow);font-weight:700;text-align:center}[tuiSurface][_ngcontent-%COMP%]{padding:1.25rem;border-radius:var(--tui-radius-l)}","@media (hover: hover) and (pointer: fine){.scale[_ngcontent-%COMP%]:hover{transform:scale(1.15)}}.scale[_ngcontent-%COMP%]:active{transform:scale(.95)}.overlay[_ngcontent-%COMP%]:after{opacity:0;background:linear-gradient(-45deg,#a1a1b3 .36%,#d4d1d8 46.96%,#f7fafa 67.14%,#d4d1d8 83.19%,#a1a1b3 93.03%)}@media (hover: hover) and (pointer: fine){.overlay[_ngcontent-%COMP%]:hover:after{opacity:.5}}.overlay[_ngcontent-%COMP%]:active:after{opacity:1}@media (hover: hover) and (pointer: fine){.highlight[_ngcontent-%COMP%]:hover:before{-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}}.highlight[_ngcontent-%COMP%]:active:before{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.offset[_ngcontent-%COMP%]:hover{transform:translate3d(0,-.25rem,0)}.background[_ngcontent-%COMP%]:after{background:url(/assets/images/not-found.svg) top;background-size:300%}.background[_ngcontent-%COMP%]:hover:after{transform:scale(1.15)}.shadow[_ngcontent-%COMP%]:hover{box-shadow:var(--tui-shadow-hover)}"],changeDetection:0}),t})(),y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-2"]],decls:4,vars:0,consts:[["tuiSurface","elevated"],["tuiSurface","flat"]],template:function(e,t){1&e&&(l.I0R(0,"button",0),l.OEk(1,"Elevated"),l.C$Y(),l.I0R(2,"button",1),l.OEk(3,"Flat"),l.C$Y())},dependencies:[k.c],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:repeat(3,8rem);gap:1rem}[tuiSurface][_ngcontent-%COMP%]{padding:1.25rem;border-radius:var(--tui-radius-l)}"],changeDetection:0}),t})(),E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-3"]],decls:6,vars:0,consts:[["tuiSurface","",1,"blur"],[1,"title"]],template:function(e,t){1&e&&(l.I0R(0,"div",0)(1,"h2",1),l.OEk(2,"backdrop-filter"),l.C$Y(),l.I0R(3,"p"),l.OEk(4,"You can use backdrop-filter on tuiSurface element to blur the background behind it."),l.C$Y(),l.OEk(5," Never use this mode with shadow\n"),l.C$Y())},dependencies:[k.c],styles:["[_nghost-%COMP%]{display:block;background:url(/assets/images/big-wallpaper.jpg);background-size:cover;padding:2rem}.blur[_ngcontent-%COMP%]{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:var(--tui-clear-inverse);color:var(--tui-text-01-night);padding:1rem 1.25rem}.title[_ngcontent-%COMP%]{margin:0;font:var(--tui-font-heading-6)}"],changeDetection:0}),t})(),I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-4"]],decls:6,vars:1,consts:[["tuiSurface","",1,"surface"],["autoplay","","loop","","playsinline","","tuiSurfaceLayer","",3,"muted"],["src","/assets/media/bbb.mp4","type","video/mp4"]],template:function(e,t){1&e&&(l.I0R(0,"div",0)(1,"video",1),l.wR5(2,"source",2),l.C$Y(),l.I0R(3,"p")(4,"b"),l.OEk(5,"Big Buck Bunny"),l.C$Y()()()),2&e&&(l.yG2(1),l.E7m("muted",!0))},dependencies:[k.c],styles:[".surface[_ngcontent-%COMP%]{display:flex;align-items:flex-end;justify-content:center;height:18rem;color:var(--tui-text-01-night);font:var(--tui-font-text-l)}.surface[_ngcontent-%COMP%]:after{background:var(--tui-clear);box-shadow:inset 0 -7rem 6rem -6rem #000;mix-blend-mode:multiply}"],changeDetection:0}),t})();var M=n(38268),R=n(34576);function x(e,t){if(1&e){const e=l.KQA();l.I0R(0,"label",1),l.OEk(1),l.I0R(2,"input",2),l.qCj("ngModelChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.value=t)})),l.C$Y(),l.wR5(3,"div",3),l.C$Y()}if(2&e){const e=t.$implicit,n=l.GaO();l.m4B("border-radius",.75,"rem")("padding",1.25,"rem"),l.yG2(1),l.oRS(" Item ",e+1," "),l.yG2(1),l.E7m("value",e)("ngModel",n.value),l.yG2(1),l.m4B("background-color","var(--tui-base-03)")}}let w=(()=>{var e;class t{constructor(){this.value=null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-5"]],decls:1,vars:1,consts:[["tuiSurface","",3,"border-radius","padding",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiSurface",""],["tuiSurfaceLayer","","type","radio",3,"value","ngModel","ngModelChange"],["tuiRipple","","tuiSurfaceLayer",""]],template:function(e,t){1&e&&l.yuY(0,x,4,9,"label",0),2&e&&l.E7m("tuiRepeatTimesOf",4)},dependencies:[r.ot,r.ye,r.ue,r._G,k.c,M.S,R._],styles:["[_nghost-%COMP%]{display:flex;gap:1rem;white-space:nowrap}[_nghost-%COMP%] *[_ngcontent-%COMP%]{flex-shrink:0}"],changeDetection:0}),t})();var Y=n(3088);let $=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-6"]],decls:12,vars:0,consts:[["tuiSurface","elevated",1,"button"],[1,"title"],["appearance","accent","size","s","src","tuiIconThumbsUp"],["tuiSurface","elevated",1,"button","bad"],["appearance","accent","size","s","src","tuiIconThumbsDown"]],template:function(e,t){1&e&&(l.I0R(0,"button",0)(1,"span")(2,"span",1),l.OEk(3,"That looks good!"),l.C$Y(),l.OEk(4," Apply manual compensation for a more balanced look. "),l.C$Y(),l.wR5(5,"tui-avatar",2),l.C$Y(),l.I0R(6,"button",3)(7,"span")(8,"span",1),l.OEk(9,"This looks bad..."),l.C$Y(),l.OEk(10," Use negative margin or reduced padding on specific sides to fix it. "),l.C$Y(),l.wR5(11,"tui-avatar",4),l.C$Y())},dependencies:[k.c,Y.I],styles:[".button[_ngcontent-%COMP%]{display:flex;width:20rem;text-align:left;gap:1rem;border-radius:1rem;padding:1rem 1rem 1rem 1.25rem;font:var(--tui-font-text-m)}.title[_ngcontent-%COMP%]{display:block;font:var(--tui-font-heading-6);margin-bottom:.25rem}.bad[_ngcontent-%COMP%]{margin-top:1rem;padding:1.25rem}"],changeDetection:0}),t})();var _=n(49712),P=n(26792),S=n(26220),T=n(6620),G=n(31808),L=n(34684),B=n(93304);function j(e,t){if(1&e&&(l.I0R(0,"div",27),l.OEk(1),l.I0R(2,"footer",8),l.wR5(3,"tui-avatar",28),l.I0R(4,"label",29),l.OEk(5),l.C$Y()()()),2&e){const e=t.$implicit;l.yG2(1),l.oRS(" ",e.body," "),l.yG2(3),l.E7m("tuiLabel",e.time),l.yG2(1),l.oRS(" ",e.name," ")}}let A=(()=>{var e;class t{constructor(){this.reviews=[{name:"Alex Inkin",time:"2 days ago",body:"It is an absolute blast!"},{name:"Alex Inkin",time:"3 days ago",body:"I am starting to kind of enjoy this library."},{name:"Alex Inkin",time:"4 days ago",body:"This library seems interesting but I hesitate refactoring our entire codebase..."}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-7"]],decls:50,vars:19,consts:[["tuiSurface","",1,"card"],[1,"heading"],[1,"content"],["appearance","primary","size","s",1,"badge"],["tuiSurface","",1,"restaurant"],["tuiMode","onDark",1,"header"],["tuiLabel","RESTAURANT"],["appearance","icon","iconLeft","tuiIconMoreHorizontalLarge","size","xs","tuiIconButton",""],[1,"footer"],["appearance","glass","size","m","tuiButton",""],["appearance","glass","iconLeft","tuiIconHeartLarge","size","m","tuiIconButton",""],["tuiMode","onDark","tuiSurface","",1,"blur"],["src","/assets/images/avatar.jpg"],["tuiLabel","Taiga UI"],["appearance","glass","iconLeft","tuiIconMailLarge","size","m","tuiIconButton","",1,"button"],["tuiSurface","elevated",1,"reviews"],["tuiLink","",1,"link"],[1,"scrollbar",3,"hidden"],[1,"wrapper"],["tuiSurface","flat","class","review",4,"ngFor","ngForOf"],["appearance","secondary","size","m","tuiButton",""],["tuiMode","onDark","tuiSurface","",1,"mask"],["appearance","secondary","iconLeft","tuiIconEdit2","size","s","tuiIconButton","",1,"button"],["currency","$","currencyAlign","left",1,"sum",3,"value"],["cardNumber","1234","paymentSystem","mastercard"],["cardNumber","5678","paymentSystem","visa"],["appearance","secondary","iconLeft","tuiIconPlus","size","s","tuiIconButton","",1,"add"],["tuiSurface","flat",1,"review"],["size","s","src","/assets/images/avatar.jpg"],[1,"label",3,"tuiLabel"]],template:function(e,t){1&e&&(l.I0R(0,"button",0)(1,"h3",1),l.OEk(2,"Tickets"),l.C$Y(),l.I0R(3,"div",2),l.OEk(4,"Concerts, theater, sports and movies"),l.C$Y(),l.I0R(5,"tui-badge",3),l.OEk(6," 20% off "),l.C$Y()(),l.I0R(7,"button",0)(8,"h3",1),l.OEk(9,"Gas"),l.C$Y(),l.I0R(10,"tui-badge",3),l.OEk(11," +2000% "),l.C$Y()(),l.I0R(12,"div",4)(13,"header",5)(14,"label",6),l.OEk(15,"Eat all you can"),l.C$Y(),l.I0R(16,"button",7),l.OEk(17," More "),l.C$Y()(),l.I0R(18,"footer",8)(19,"button",9),l.OEk(20," Book a table "),l.C$Y(),l.I0R(21,"button",10),l.OEk(22," Favorite "),l.C$Y()()(),l.I0R(23,"div",11),l.wR5(24,"tui-avatar",12),l.I0R(25,"label",13),l.OEk(26,"Alex Inkin"),l.C$Y(),l.I0R(27,"button",14),l.OEk(28," Message "),l.C$Y()(),l.I0R(29,"div",15)(30,"h3",1),l.OEk(31," Taiga UI reviews "),l.I0R(32,"button",16),l.OEk(33," Hide "),l.C$Y()(),l.I0R(34,"tui-scrollbar",17)(35,"div",18),l.yuY(36,j,6,3,"div",19),l.C$Y()(),l.I0R(37,"button",20),l.OEk(38," See all "),l.C$Y()(),l.I0R(39,"div",21)(40,"h3",1),l.OEk(41," My bank account "),l.I0R(42,"button",22),l.OEk(43," Edit name "),l.C$Y()(),l.wR5(44,"tui-money",23),l.I0R(45,"footer",8),l.wR5(46,"tui-thumbnail-card",24)(47,"tui-thumbnail-card",25),l.I0R(48,"button",26),l.OEk(49," Add card "),l.C$Y()()()),2&e&&(l.m4B("background-image","url(/assets/images/tickets.svg)")("color","#d45d8c"),l.yG2(7),l.m4B("background-image","url(/assets/images/gas.svg)")("color","#7caeff"),l.yG2(12),l.m4B("border-radius",5,"rem"),l.yG2(2),l.m4B("border-radius",5,"rem"),l.yG2(13),l.E7m("hidden",!0),l.yG2(2),l.E7m("ngForOf",t.reviews),l.yG2(8),l.E7m("value",23742),l.yG2(2),l.m4B("background","#337"),l.yG2(1),l.m4B("background","#e33"))},dependencies:[a.ay,k.c,_.Y,P.o,S.W,g.C,Y.I,T.Y,G.Y,L.s,B.k],styles:['[_nghost-%COMP%]{display:grid;grid-template-columns:repeat(6,6.5rem);grid-auto-rows:7rem;align-items:start;gap:1rem}.card[_ngcontent-%COMP%]{height:7rem;display:flex;flex-direction:column;font:var(--tui-font-text-xs)}.card[_ngcontent-%COMP%]:first-child{grid-column:span 2}.card[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01-night);font-weight:700;margin:-.125rem 0 0}.card[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{max-width:50%;color:var(--tui-text-01-night)}.card[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{margin:auto auto -.125rem -.125rem}.restaurant[_ngcontent-%COMP%]{height:15rem;grid-column:span 3;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;color:var(--tui-text-01-night);font-size:1.375rem}.restaurant[_ngcontent-%COMP%] .header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .25rem}.restaurant[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.blur[_ngcontent-%COMP%]{grid-column:span 3;display:flex;align-items:center;gap:1rem;font:var(--tui-font-heading-6);color:var(--tui-text-01-night)}.blur[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{border-radius:100%;margin:0 .375rem 0 auto}.reviews[_ngcontent-%COMP%]{grid-column:span 3;grid-row:span 3;display:flex;flex-direction:column}.reviews[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%]{margin:-.25rem 0 0;font:var(--tui-font-heading-6)}.reviews[_ngcontent-%COMP%] .link[_ngcontent-%COMP%]{float:right;font:var(--tui-font-text-m)}.reviews[_ngcontent-%COMP%] .scrollbar[_ngcontent-%COMP%]{margin:.75rem -1.25rem 1.25rem;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.reviews[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%]{display:flex;padding:0 1.25rem;gap:.625rem}.reviews[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%]:after{content:"";min-width:.625rem}.reviews[_ngcontent-%COMP%] .review[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem;min-width:calc(100% - .75rem);padding:.75rem 1rem 1rem;border-radius:1rem;font:var(--tui-font-text-l);scroll-snap-align:start;scroll-margin:1.25rem}.reviews[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:flex;align-items:flex-end;gap:.75rem;margin-top:auto;font:var(--tui-font-text-s)}.reviews[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{flex-direction:column-reverse;font-weight:700}.mask[_ngcontent-%COMP%]{grid-column:span 3;grid-row:span 3;padding:4rem 2rem 7rem;color:var(--tui-text-01-night)}.mask[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-heading-6);margin:0}.mask[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{border-radius:100%;transform:scale(.75)}.mask[_ngcontent-%COMP%] .sum[_ngcontent-%COMP%]{font:var(--tui-font-heading-4);margin-bottom:4rem}.mask[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:flex;gap:.75rem;margin-top:4rem}.mask[_ngcontent-%COMP%] .add[_ngcontent-%COMP%]{width:3rem;border-radius:var(--tui-radius-xs)}',".card[_ngcontent-%COMP%]{background:currentColor right no-repeat;border-radius:1.25rem;box-shadow:inset -4rem 0 3rem -2rem;padding:1rem}.card[_ngcontent-%COMP%]:hover{box-shadow:inset 0 0 3rem -2rem;transform:scale(1.1)}.card[_ngcontent-%COMP%]:active:before{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.restaurant[_ngcontent-%COMP%]{background-image:url(/assets/images/restaurant-1.jpg);border-radius:1.25rem;box-shadow:inset 0 10rem 7rem -5rem #000;padding:1rem}.restaurant[_ngcontent-%COMP%]:hover{background-image:url(/assets/images/restaurant-2.jpg)}.blur[_ngcontent-%COMP%]{background-image:url(/assets/images/restaurant-2.jpg);border-radius:0;-webkit-clip-path:inset(0 round 5rem);clip-path:inset(0 round 5rem)}.blur[_ngcontent-%COMP%]:before{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.mask[_ngcontent-%COMP%]{background:#333 radial-gradient(circle at 80% 70%,#aff218 -20%,transparent 60%);border-radius:0;-webkit-mask:linear-gradient(180deg,#222222 77.89%,rgba(36,36,36,.991353) 79.36%,rgba(42,42,42,.96449) 80.84%,rgba(52,52,52,.91834) 82.31%,rgba(67,67,67,.852589) 83.79%,rgba(85,85,85,.768225) 85.26%,rgba(107,107,107,.668116) 86.73%,rgba(132,132,132,.557309) 88.21%,rgba(157,157,157,.442691) 89.68%,rgba(182,182,182,.331884) 91.16%,rgba(204,204,204,.231775) 92.63%,rgba(222,222,222,.147411) 94.1%,rgba(237,237,237,.0816599) 95.58%,rgba(247,247,247,.03551) 97.05%,rgba(253,253,253,.0086472) 98.53%,rgba(255,255,255,0) 100%);mask:linear-gradient(180deg,#222222 77.89%,rgba(36,36,36,.991353) 79.36%,rgba(42,42,42,.96449) 80.84%,rgba(52,52,52,.91834) 82.31%,rgba(67,67,67,.852589) 83.79%,rgba(85,85,85,.768225) 85.26%,rgba(107,107,107,.668116) 86.73%,rgba(132,132,132,.557309) 88.21%,rgba(157,157,157,.442691) 89.68%,rgba(182,182,182,.331884) 91.16%,rgba(204,204,204,.231775) 92.63%,rgba(222,222,222,.147411) 94.1%,rgba(237,237,237,.0816599) 95.58%,rgba(247,247,247,.03551) 97.05%,rgba(253,253,253,.0086472) 98.53%,rgba(255,255,255,0) 100%)}"],changeDetection:0}),t})();function z(e,t){if(1&e&&(l.I0R(0,"tui-notification",4),l.OEk(1," This code is "),l.I0R(2,"strong"),l.OEk(3,"experimental"),l.C$Y(),l.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),l.C$Y(),l.I0R(5,"p"),l.OEk(6," General purpose container used in Taiga UI interfaces. Often used in conjunction with "),l.I0R(7,"a",5),l.OEk(8," Card "),l.C$Y(),l.OEk(9," component. "),l.C$Y(),l.I0R(10,"tui-doc-example",6)(11,"tui-notification",7),l.OEk(12," You can enable hover effects only on devices with pointer: "),l.I0R(13,"div")(14,"code"),l.OEk(15,"@media (hover: hover) and (pointer: fine)"),l.C$Y()()(),l.wR5(16,"tui-surface-example-1"),l.C$Y(),l.I0R(17,"tui-doc-example",8)(18,"tui-notification",7),l.OEk(19," Note that "),l.I0R(20,"code"),l.OEk(21,"padding"),l.C$Y(),l.OEk(22," and "),l.I0R(23,"code"),l.OEk(24,"border-radius"),l.C$Y(),l.OEk(25," are not part of the surface. Take a look at "),l.I0R(26,"a",5),l.OEk(27," Card "),l.C$Y(),l.OEk(28," component for that. "),l.C$Y(),l.wR5(29,"tui-surface-example-2"),l.C$Y(),l.I0R(30,"tui-doc-example",9)(31,"tui-notification",10),l.OEk(32," Text should have vertical compensation to look properly aligned, either with unequal "),l.I0R(33,"code"),l.OEk(34,"padding"),l.C$Y(),l.OEk(35," or with negative "),l.I0R(36,"code"),l.OEk(37,"margin"),l.C$Y(),l.OEk(38," . Typical value is "),l.I0R(39,"strong"),l.OEk(40,"0.25rem"),l.C$Y(),l.OEk(41," , smaller line-height might require "),l.I0R(42,"strong"),l.OEk(43,"0.125rem"),l.C$Y(),l.OEk(44," instead. "),l.C$Y(),l.wR5(45,"tui-surface-example-3"),l.C$Y(),l.I0R(46,"tui-doc-example",11),l.wR5(47,"tui-surface-example-4"),l.C$Y(),l.I0R(48,"tui-doc-example",12),l.wR5(49,"tui-surface-example-5"),l.C$Y(),l.I0R(50,"tui-doc-example",13),l.wR5(51,"tui-surface-example-6"),l.C$Y()),2&e){const e=l.GaO();l.yG2(10),l.E7m("content",e.example1),l.yG2(7),l.E7m("content",e.example2),l.yG2(13),l.E7m("content",e.example3),l.yG2(16),l.E7m("content",e.example4),l.yG2(2),l.E7m("content",e.example5),l.yG2(2),l.E7m("content",e.example6)}}function D(e,t){if(1&e&&(l.OEk(0," You can combine element itself, "),l.I0R(1,"code"),l.OEk(2,"::before"),l.C$Y(),l.OEk(3," and "),l.I0R(4,"code"),l.OEk(5,"::after"),l.C$Y(),l.OEk(6," pseudo-elements to create complex surfaces. "),l.I0R(7,"p"),l.OEk(8," For more complex cases like you can use "),l.I0R(9,"code"),l.OEk(10,"tuiSurfaceLayer"),l.C$Y(),l.OEk(11," directive to introduce more layers behind content. But that is mostly necessary for additional elements like "),l.I0R(12,"code"),l.OEk(13,'input type="radio"'),l.C$Y(),l.OEk(14," or a "),l.I0R(15,"code"),l.OEk(16,"video"),l.C$Y(),l.OEk(17," tag as seen in the examples on the main tab. "),l.C$Y(),l.wR5(18,"hr"),l.I0R(19,"p")(20,"b"),l.OEk(21,"Styles to to be applied to the element:"),l.C$Y(),l.I0R(22,"code"),l.OEk(23,"background"),l.C$Y(),l.OEk(24," , "),l.I0R(25,"code"),l.OEk(26,"border-radius"),l.C$Y(),l.OEk(27," , "),l.I0R(28,"code"),l.OEk(29,"box-shadow"),l.C$Y(),l.OEk(30," , "),l.I0R(31,"code"),l.OEk(32,"mask"),l.C$Y(),l.OEk(33," , "),l.I0R(34,"code"),l.OEk(35,"padding"),l.C$Y(),l.OEk(36," , "),l.I0R(37,"code"),l.OEk(38,"transform"),l.C$Y()(),l.I0R(39,"p")(40,"b"),l.OEk(41,"Styles to be applied to ::BEFORE pseudo-element:"),l.C$Y(),l.I0R(42,"code"),l.OEk(43,"backdrop-filter"),l.C$Y()(),l.I0R(44,"p")(45,"b"),l.OEk(46,"Styles to be applied to ::AFTER pseudo-element:"),l.C$Y(),l.OEk(47," Any overlays on top of "),l.I0R(48,"code"),l.OEk(49,"backdrop-filter"),l.C$Y(),l.OEk(50," effect of ::BEFORE pseudo-element "),l.C$Y(),l.wR5(51,"hr"),l.I0R(52,"tui-doc-example",14),l.wR5(53,"tui-surface-example-7"),l.C$Y()),2&e){const e=l.GaO();l.yG2(52),l.E7m("content",e.example7)}}function H(e,t){if(1&e&&(l.I0R(0,"ol",15)(1,"li")(2,"p"),l.OEk(3,"Import module:"),l.C$Y(),l.wR5(4,"tui-doc-code",16),l.C$Y(),l.I0R(5,"li")(6,"p"),l.OEk(7,"Add to the template:"),l.C$Y(),l.wR5(8,"tui-doc-code",17),l.C$Y()()),2&e){const e=l.GaO();l.yG2(4),l.E7m("code",e.exampleModule),l.yG2(4),l.E7m("code",e.exampleHtml)}}let F=(()=>{var e;class t{constructor(){this.exampleModule=n.e(9500).then(n.t.bind(n,9500,17)),this.exampleHtml=n.e(82076).then(n.t.bind(n,82076,17)),this.example1={HTML:n.e(34208).then(n.t.bind(n,34208,17)),LESS:n.e(86520).then(n.t.bind(n,86520,17))},this.example2={HTML:n.e(37771).then(n.t.bind(n,37771,17))},this.example3={HTML:n.e(54684).then(n.t.bind(n,54684,17)),LESS:n.e(8096).then(n.t.bind(n,8096,17))},this.example4={HTML:n.e(30004).then(n.t.bind(n,30004,17)),LESS:n.e(63632).then(n.t.bind(n,63632,17))},this.example5={HTML:n.e(76220).then(n.t.bind(n,31456,17))},this.example6={HTML:n.e(28560).then(n.t.bind(n,28560,17)),LESS:n.e(46128).then(n.t.bind(n,46128,17))},this.example7={HTML:n.e(67604).then(n.t.bind(n,67604,17)),"surface.less":n.e(40440).then(n.t.bind(n,40440,17)),LESS:n.e(18792).then(n.t.bind(n,18792,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["example-surface"]],decls:4,vars:0,consts:[["header","Surface","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Layers"],["pageTab","Setup"],["status","warning"],["routerLink","/experimental/card","tuiLink",""],["id","behaviors","heading","Behaviors",3,"content"],[1,"tui-space_bottom-4"],["id","presets","heading","Presets",3,"content"],["id","blur","heading","Blur",3,"content"],["status","warning",1,"tui-space_bottom-4"],["id","video","heading","Video",3,"content"],["id","selectable","heading","Selectable",3,"content"],["id","spacing","heading","Spacing compensation",3,"content"],["heading","Examples",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.I0R(0,"tui-doc-page",0),l.yuY(1,z,52,6,"ng-template",1),l.yuY(2,D,54,1,"ng-template",2),l.yuY(3,H,9,2,"ng-template",3),l.C$Y())},dependencies:[m.e,g.C,p.u,f.E,b.u,h.I,O.ER,v,y,E,I,w,$,A],encapsulation:2,changeDetection:0}),t})();n(23340);let N=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[a.MD,r.y,d.kF,u.TuiNotificationModule,c.TuiRippleModule,s.TuiRepeatTimesModule,u.TuiScrollbarModule,d.CI,u.TuiLinkModule,d.CA,u.TuiLabelModule,u.TuiModeModule,o.TuiMoneyModule,o.TuiThumbnailCardModule,(0,i.If)(F)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[59896],{59896:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSurfaceModule:()=>N});var a=n(86568),r=n(35856),o=n(63528),i=n(752),c=n(27297),s=n(45328),u=n(62548),d=n(37304),l=n(6528),m=n(62224),g=n(55412),p=n(13692),f=n(34496),b=n(37288),h=n(83480),O=n(82312),k=n(15268),C=n(12248);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-1"]],decls:12,vars:0,consts:[["tuiSurface","",1,"scale"],["tuiSurface","",1,"overlay"],["tuiAppearance","primary","tuiSurface","",1,"highlight"],["tuiSurface","",1,"offset"],["tuiSurface","",1,"background"],["tuiSurface","",1,"shadow"]],template:function(e,t){1&e&&(l.I0R(0,"button",0),l.OEk(1," Scale\n"),l.C$Y(),l.I0R(2,"button",1),l.OEk(3," Overlay\n"),l.C$Y(),l.I0R(4,"button",2),l.OEk(5," Highlight\n"),l.C$Y(),l.I0R(6,"button",3),l.OEk(7," Offset\n"),l.C$Y(),l.I0R(8,"button",4),l.OEk(9," Background\n"),l.C$Y(),l.I0R(10,"button",5),l.OEk(11," Shadow\n"),l.C$Y())},dependencies:[k.c,C.G],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:repeat(3,8rem);gap:1rem}[_nghost-%COMP%] *[_ngcontent-%COMP%]{box-shadow:var(--tui-shadow);font-weight:700;text-align:center}[tuiSurface][_ngcontent-%COMP%]{padding:1.25rem;border-radius:var(--tui-radius-l)}","@media (hover: hover) and (pointer: fine){.scale[_ngcontent-%COMP%]:hover{transform:scale(1.15)}}.scale[_ngcontent-%COMP%]:active{transform:scale(.95)}.overlay[_ngcontent-%COMP%]:after{opacity:0;background:linear-gradient(-45deg,#a1a1b3 .36%,#d4d1d8 46.96%,#f7fafa 67.14%,#d4d1d8 83.19%,#a1a1b3 93.03%)}@media (hover: hover) and (pointer: fine){.overlay[_ngcontent-%COMP%]:hover:after{opacity:.5}}.overlay[_ngcontent-%COMP%]:active:after{opacity:1}@media (hover: hover) and (pointer: fine){.highlight[_ngcontent-%COMP%]:hover:before{-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}}.highlight[_ngcontent-%COMP%]:active:before{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.offset[_ngcontent-%COMP%]:hover{transform:translate3d(0,-.25rem,0)}.background[_ngcontent-%COMP%]:after{background:url(/assets/images/not-found.svg) top;background-size:300%}.background[_ngcontent-%COMP%]:hover:after{transform:scale(1.15)}.shadow[_ngcontent-%COMP%]:hover{box-shadow:var(--tui-shadow-hover)}"],changeDetection:0}),t})(),y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-2"]],decls:4,vars:0,consts:[["tuiSurface","elevated"],["tuiSurface","flat"]],template:function(e,t){1&e&&(l.I0R(0,"button",0),l.OEk(1,"Elevated"),l.C$Y(),l.I0R(2,"button",1),l.OEk(3,"Flat"),l.C$Y())},dependencies:[k.c],styles:["[_nghost-%COMP%]{display:grid;grid-template-columns:repeat(3,8rem);gap:1rem}[tuiSurface][_ngcontent-%COMP%]{padding:1.25rem;border-radius:var(--tui-radius-l)}"],changeDetection:0}),t})(),E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-3"]],decls:6,vars:0,consts:[["tuiSurface","",1,"blur"],[1,"title"]],template:function(e,t){1&e&&(l.I0R(0,"div",0)(1,"h2",1),l.OEk(2,"backdrop-filter"),l.C$Y(),l.I0R(3,"p"),l.OEk(4,"You can use backdrop-filter on tuiSurface element to blur the background behind it."),l.C$Y(),l.OEk(5," Never use this mode with shadow\n"),l.C$Y())},dependencies:[k.c],styles:["[_nghost-%COMP%]{display:block;background:url(/assets/images/big-wallpaper.jpg);background-size:cover;padding:2rem}.blur[_ngcontent-%COMP%]{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:var(--tui-clear-inverse);color:var(--tui-text-01-night);padding:1rem 1.25rem}.title[_ngcontent-%COMP%]{margin:0;font:var(--tui-font-heading-6)}"],changeDetection:0}),t})(),I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-4"]],decls:6,vars:1,consts:[["tuiSurface","",1,"surface"],["autoplay","","loop","","playsinline","","tuiSurfaceLayer","",3,"muted"],["src","/assets/media/bbb.mp4","type","video/mp4"]],template:function(e,t){1&e&&(l.I0R(0,"div",0)(1,"video",1),l.wR5(2,"source",2),l.C$Y(),l.I0R(3,"p")(4,"b"),l.OEk(5,"Big Buck Bunny"),l.C$Y()()()),2&e&&(l.yG2(1),l.E7m("muted",!0))},dependencies:[k.c],styles:[".surface[_ngcontent-%COMP%]{display:flex;align-items:flex-end;justify-content:center;height:18rem;color:var(--tui-text-01-night);font:var(--tui-font-text-l)}.surface[_ngcontent-%COMP%]:after{background:var(--tui-clear);box-shadow:inset 0 -7rem 6rem -6rem #000;mix-blend-mode:multiply}"],changeDetection:0}),t})();var M=n(38268),R=n(34576);function x(e,t){if(1&e){const e=l.KQA();l.I0R(0,"label",1),l.OEk(1),l.I0R(2,"input",2),l.qCj("ngModelChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.value=t)})),l.C$Y(),l.wR5(3,"div",3),l.C$Y()}if(2&e){const e=t.$implicit,n=l.GaO();l.m4B("border-radius",.75,"rem")("padding",1.25,"rem"),l.yG2(1),l.oRS(" Item ",e+1," "),l.yG2(1),l.E7m("value",e)("ngModel",n.value),l.yG2(1),l.m4B("background-color","var(--tui-base-03)")}}let w=(()=>{var e;class t{constructor(){this.value=null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-5"]],decls:1,vars:1,consts:[["tuiSurface","",3,"border-radius","padding",4,"tuiRepeatTimes","tuiRepeatTimesOf"],["tuiSurface",""],["tuiSurfaceLayer","","type","radio",3,"value","ngModel","ngModelChange"],["tuiRipple","","tuiSurfaceLayer",""]],template:function(e,t){1&e&&l.yuY(0,x,4,9,"label",0),2&e&&l.E7m("tuiRepeatTimesOf",4)},dependencies:[r.ot,r.ye,r.ue,r._G,k.c,M.S,R._],styles:["[_nghost-%COMP%]{display:flex;gap:1rem;white-space:nowrap}[_nghost-%COMP%] *[_ngcontent-%COMP%]{flex-shrink:0}"],changeDetection:0}),t})();var Y=n(3088);let $=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-6"]],decls:12,vars:0,consts:[["tuiSurface","elevated",1,"button"],[1,"title"],["appearance","accent","size","s","src","tuiIconThumbsUp"],["tuiSurface","elevated",1,"button","bad"],["appearance","accent","size","s","src","tuiIconThumbsDown"]],template:function(e,t){1&e&&(l.I0R(0,"button",0)(1,"span")(2,"span",1),l.OEk(3,"That looks good!"),l.C$Y(),l.OEk(4," Apply manual compensation for a more balanced look. "),l.C$Y(),l.wR5(5,"tui-avatar",2),l.C$Y(),l.I0R(6,"button",3)(7,"span")(8,"span",1),l.OEk(9,"This looks bad..."),l.C$Y(),l.OEk(10," Use negative margin or reduced padding on specific sides to fix it. "),l.C$Y(),l.wR5(11,"tui-avatar",4),l.C$Y())},dependencies:[k.c,Y.I],styles:[".button[_ngcontent-%COMP%]{display:flex;width:20rem;text-align:left;gap:1rem;border-radius:1rem;padding:1rem 1rem 1rem 1.25rem;font:var(--tui-font-text-m)}.title[_ngcontent-%COMP%]{display:block;font:var(--tui-font-heading-6);margin-bottom:.25rem}.bad[_ngcontent-%COMP%]{margin-top:1rem;padding:1.25rem}"],changeDetection:0}),t})();var _=n(49712),P=n(26792),S=n(26220),T=n(6620),G=n(31808),L=n(34684),B=n(93304);function j(e,t){if(1&e&&(l.I0R(0,"div",27),l.OEk(1),l.I0R(2,"footer",8),l.wR5(3,"tui-avatar",28),l.I0R(4,"label",29),l.OEk(5),l.C$Y()()()),2&e){const e=t.$implicit;l.yG2(1),l.oRS(" ",e.body," "),l.yG2(3),l.E7m("tuiLabel",e.time),l.yG2(1),l.oRS(" ",e.name," ")}}let A=(()=>{var e;class t{constructor(){this.reviews=[{name:"Alex Inkin",time:"2 days ago",body:"It is an absolute blast!"},{name:"Alex Inkin",time:"3 days ago",body:"I am starting to kind of enjoy this library."},{name:"Alex Inkin",time:"4 days ago",body:"This library seems interesting but I hesitate refactoring our entire codebase..."}]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-surface-example-7"]],decls:50,vars:19,consts:[["tuiSurface","",1,"card"],[1,"heading"],[1,"content"],["appearance","primary","size","s",1,"badge"],["tuiSurface","",1,"restaurant"],["tuiMode","onDark",1,"header"],["tuiLabel","RESTAURANT"],["appearance","icon","iconLeft","tuiIconMoreHorizontalLarge","size","xs","tuiIconButton",""],[1,"footer"],["appearance","glass","size","m","tuiButton",""],["appearance","glass","iconLeft","tuiIconHeartLarge","size","m","tuiIconButton",""],["tuiMode","onDark","tuiSurface","",1,"blur"],["src","/assets/images/avatar.jpg"],["tuiLabel","Taiga UI"],["appearance","glass","iconLeft","tuiIconMailLarge","size","m","tuiIconButton","",1,"button"],["tuiSurface","elevated",1,"reviews"],["tuiLink","",1,"link"],[1,"scrollbar",3,"hidden"],[1,"wrapper"],["tuiSurface","flat","class","review",4,"ngFor","ngForOf"],["appearance","secondary","size","m","tuiButton",""],["tuiMode","onDark","tuiSurface","",1,"mask"],["appearance","secondary","iconLeft","tuiIconEdit2","size","s","tuiIconButton","",1,"button"],["currency","$","currencyAlign","left",1,"sum",3,"value"],["cardNumber","1234","paymentSystem","mastercard"],["cardNumber","5678","paymentSystem","visa"],["appearance","secondary","iconLeft","tuiIconPlus","size","s","tuiIconButton","",1,"add"],["tuiSurface","flat",1,"review"],["size","s","src","/assets/images/avatar.jpg"],[1,"label",3,"tuiLabel"]],template:function(e,t){1&e&&(l.I0R(0,"button",0)(1,"h3",1),l.OEk(2,"Tickets"),l.C$Y(),l.I0R(3,"div",2),l.OEk(4,"Concerts, theater, sports and movies"),l.C$Y(),l.I0R(5,"tui-badge",3),l.OEk(6," 20% off "),l.C$Y()(),l.I0R(7,"button",0)(8,"h3",1),l.OEk(9,"Gas"),l.C$Y(),l.I0R(10,"tui-badge",3),l.OEk(11," +2000% "),l.C$Y()(),l.I0R(12,"div",4)(13,"header",5)(14,"label",6),l.OEk(15,"Eat all you can"),l.C$Y(),l.I0R(16,"button",7),l.OEk(17," More "),l.C$Y()(),l.I0R(18,"footer",8)(19,"button",9),l.OEk(20," Book a table "),l.C$Y(),l.I0R(21,"button",10),l.OEk(22," Favorite "),l.C$Y()()(),l.I0R(23,"div",11),l.wR5(24,"tui-avatar",12),l.I0R(25,"label",13),l.OEk(26,"Alex Inkin"),l.C$Y(),l.I0R(27,"button",14),l.OEk(28," Message "),l.C$Y()(),l.I0R(29,"div",15)(30,"h3",1),l.OEk(31," Taiga UI reviews "),l.I0R(32,"button",16),l.OEk(33," Hide "),l.C$Y()(),l.I0R(34,"tui-scrollbar",17)(35,"div",18),l.yuY(36,j,6,3,"div",19),l.C$Y()(),l.I0R(37,"button",20),l.OEk(38," See all "),l.C$Y()(),l.I0R(39,"div",21)(40,"h3",1),l.OEk(41," My bank account "),l.I0R(42,"button",22),l.OEk(43," Edit name "),l.C$Y()(),l.wR5(44,"tui-money",23),l.I0R(45,"footer",8),l.wR5(46,"tui-thumbnail-card",24)(47,"tui-thumbnail-card",25),l.I0R(48,"button",26),l.OEk(49," Add card "),l.C$Y()()()),2&e&&(l.m4B("background-image","url(/assets/images/tickets.svg)")("color","#d45d8c"),l.yG2(7),l.m4B("background-image","url(/assets/images/gas.svg)")("color","#7caeff"),l.yG2(12),l.m4B("border-radius",5,"rem"),l.yG2(2),l.m4B("border-radius",5,"rem"),l.yG2(13),l.E7m("hidden",!0),l.yG2(2),l.E7m("ngForOf",t.reviews),l.yG2(8),l.E7m("value",23742),l.yG2(2),l.m4B("background","#337"),l.yG2(1),l.m4B("background","#e33"))},dependencies:[a.ay,k.c,_.Y,P.o,S.W,g.C,Y.I,T.Y,G.Y,L.s,B.k],styles:['[_nghost-%COMP%]{display:grid;grid-template-columns:repeat(6,6.5rem);grid-auto-rows:7rem;align-items:start;gap:1rem}.card[_ngcontent-%COMP%]{height:7rem;display:flex;flex-direction:column;font:var(--tui-font-text-xs)}.card[_ngcontent-%COMP%]:first-child{grid-column:span 2}.card[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%]{font:var(--tui-font-text-s);color:var(--tui-text-01-night);font-weight:700;margin:-.125rem 0 0}.card[_ngcontent-%COMP%] .content[_ngcontent-%COMP%]{max-width:50%;color:var(--tui-text-01-night)}.card[_ngcontent-%COMP%] .badge[_ngcontent-%COMP%]{margin:auto auto -.125rem -.125rem}.restaurant[_ngcontent-%COMP%]{height:15rem;grid-column:span 3;grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;color:var(--tui-text-01-night);font-size:1.375rem}.restaurant[_ngcontent-%COMP%] .header[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .25rem}.restaurant[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:flex;justify-content:space-between}.blur[_ngcontent-%COMP%]{grid-column:span 3;display:flex;align-items:center;gap:1rem;font:var(--tui-font-heading-6);color:var(--tui-text-01-night)}.blur[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{border-radius:100%;margin:0 .375rem 0 auto}.reviews[_ngcontent-%COMP%]{grid-column:span 3;grid-row:span 3;display:flex;flex-direction:column}.reviews[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%]{margin:-.25rem 0 0;font:var(--tui-font-heading-6)}.reviews[_ngcontent-%COMP%] .link[_ngcontent-%COMP%]{float:right;font:var(--tui-font-text-m)}.reviews[_ngcontent-%COMP%] .scrollbar[_ngcontent-%COMP%]{margin:.75rem -1.25rem 1.25rem;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.reviews[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%]{display:flex;padding:0 1.25rem;gap:.625rem}.reviews[_ngcontent-%COMP%] .wrapper[_ngcontent-%COMP%]:after{content:"";min-width:.625rem}.reviews[_ngcontent-%COMP%] .review[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:.5rem;min-width:calc(100% - .75rem);padding:.75rem 1rem 1rem;border-radius:1rem;font:var(--tui-font-text-l);scroll-snap-align:start;scroll-margin:1.25rem}.reviews[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:flex;align-items:flex-end;gap:.75rem;margin-top:auto;font:var(--tui-font-text-s)}.reviews[_ngcontent-%COMP%] .label[_ngcontent-%COMP%]{flex-direction:column-reverse;font-weight:700}.mask[_ngcontent-%COMP%]{grid-column:span 3;grid-row:span 3;padding:4rem 2rem 7rem;color:var(--tui-text-01-night)}.mask[_ngcontent-%COMP%] .heading[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.25rem;font:var(--tui-font-heading-6);margin:0}.mask[_ngcontent-%COMP%] .button[_ngcontent-%COMP%]{border-radius:100%;transform:scale(.75)}.mask[_ngcontent-%COMP%] .sum[_ngcontent-%COMP%]{font:var(--tui-font-heading-4);margin-bottom:4rem}.mask[_ngcontent-%COMP%] .footer[_ngcontent-%COMP%]{display:flex;gap:.75rem;margin-top:4rem}.mask[_ngcontent-%COMP%] .add[_ngcontent-%COMP%]{width:3rem;border-radius:var(--tui-radius-xs)}',".card[_ngcontent-%COMP%]{background:currentColor right no-repeat;border-radius:1.25rem;box-shadow:inset -4rem 0 3rem -2rem;padding:1rem}.card[_ngcontent-%COMP%]:hover{box-shadow:inset 0 0 3rem -2rem;transform:scale(1.1)}.card[_ngcontent-%COMP%]:active:before{-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.restaurant[_ngcontent-%COMP%]{background-image:url(/assets/images/restaurant-1.jpg);border-radius:1.25rem;box-shadow:inset 0 10rem 7rem -5rem #000;padding:1rem}.restaurant[_ngcontent-%COMP%]:hover{background-image:url(/assets/images/restaurant-2.jpg)}.blur[_ngcontent-%COMP%]{background-image:url(/assets/images/restaurant-2.jpg);border-radius:0;-webkit-clip-path:inset(0 round 5rem);clip-path:inset(0 round 5rem)}.blur[_ngcontent-%COMP%]:before{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.mask[_ngcontent-%COMP%]{background:#333 radial-gradient(circle at 80% 70%,#aff218 -20%,transparent 60%);border-radius:0;-webkit-mask:linear-gradient(180deg,#222222 77.89%,rgba(36,36,36,.991353) 79.36%,rgba(42,42,42,.96449) 80.84%,rgba(52,52,52,.91834) 82.31%,rgba(67,67,67,.852589) 83.79%,rgba(85,85,85,.768225) 85.26%,rgba(107,107,107,.668116) 86.73%,rgba(132,132,132,.557309) 88.21%,rgba(157,157,157,.442691) 89.68%,rgba(182,182,182,.331884) 91.16%,rgba(204,204,204,.231775) 92.63%,rgba(222,222,222,.147411) 94.1%,rgba(237,237,237,.0816599) 95.58%,rgba(247,247,247,.03551) 97.05%,rgba(253,253,253,.0086472) 98.53%,rgba(255,255,255,0) 100%);mask:linear-gradient(180deg,#222222 77.89%,rgba(36,36,36,.991353) 79.36%,rgba(42,42,42,.96449) 80.84%,rgba(52,52,52,.91834) 82.31%,rgba(67,67,67,.852589) 83.79%,rgba(85,85,85,.768225) 85.26%,rgba(107,107,107,.668116) 86.73%,rgba(132,132,132,.557309) 88.21%,rgba(157,157,157,.442691) 89.68%,rgba(182,182,182,.331884) 91.16%,rgba(204,204,204,.231775) 92.63%,rgba(222,222,222,.147411) 94.1%,rgba(237,237,237,.0816599) 95.58%,rgba(247,247,247,.03551) 97.05%,rgba(253,253,253,.0086472) 98.53%,rgba(255,255,255,0) 100%)}"],changeDetection:0}),t})();function z(e,t){if(1&e&&(l.I0R(0,"tui-notification",4),l.OEk(1," This code is "),l.I0R(2,"strong"),l.OEk(3,"experimental"),l.C$Y(),l.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),l.C$Y(),l.I0R(5,"p"),l.OEk(6," General purpose container used in Taiga UI interfaces. Often used in conjunction with "),l.I0R(7,"a",5),l.OEk(8," Card "),l.C$Y(),l.OEk(9," component. "),l.C$Y(),l.I0R(10,"tui-doc-example",6)(11,"tui-notification",7),l.OEk(12," You can enable hover effects only on devices with pointer: "),l.I0R(13,"div")(14,"code"),l.OEk(15,"@media (hover: hover) and (pointer: fine)"),l.C$Y()()(),l.wR5(16,"tui-surface-example-1"),l.C$Y(),l.I0R(17,"tui-doc-example",8)(18,"tui-notification",7),l.OEk(19," Note that "),l.I0R(20,"code"),l.OEk(21,"padding"),l.C$Y(),l.OEk(22," and "),l.I0R(23,"code"),l.OEk(24,"border-radius"),l.C$Y(),l.OEk(25," are not part of the surface. Take a look at "),l.I0R(26,"a",5),l.OEk(27," Card "),l.C$Y(),l.OEk(28," component for that. "),l.C$Y(),l.wR5(29,"tui-surface-example-2"),l.C$Y(),l.I0R(30,"tui-doc-example",9)(31,"tui-notification",10),l.OEk(32," Text should have vertical compensation to look properly aligned, either with unequal "),l.I0R(33,"code"),l.OEk(34,"padding"),l.C$Y(),l.OEk(35," or with negative "),l.I0R(36,"code"),l.OEk(37,"margin"),l.C$Y(),l.OEk(38," . Typical value is "),l.I0R(39,"strong"),l.OEk(40,"0.25rem"),l.C$Y(),l.OEk(41," , smaller line-height might require "),l.I0R(42,"strong"),l.OEk(43,"0.125rem"),l.C$Y(),l.OEk(44," instead. "),l.C$Y(),l.wR5(45,"tui-surface-example-3"),l.C$Y(),l.I0R(46,"tui-doc-example",11),l.wR5(47,"tui-surface-example-4"),l.C$Y(),l.I0R(48,"tui-doc-example",12),l.wR5(49,"tui-surface-example-5"),l.C$Y(),l.I0R(50,"tui-doc-example",13),l.wR5(51,"tui-surface-example-6"),l.C$Y()),2&e){const e=l.GaO();l.yG2(10),l.E7m("content",e.example1),l.yG2(7),l.E7m("content",e.example2),l.yG2(13),l.E7m("content",e.example3),l.yG2(16),l.E7m("content",e.example4),l.yG2(2),l.E7m("content",e.example5),l.yG2(2),l.E7m("content",e.example6)}}function D(e,t){if(1&e&&(l.OEk(0," You can combine element itself, "),l.I0R(1,"code"),l.OEk(2,"::before"),l.C$Y(),l.OEk(3," and "),l.I0R(4,"code"),l.OEk(5,"::after"),l.C$Y(),l.OEk(6," pseudo-elements to create complex surfaces. "),l.I0R(7,"p"),l.OEk(8," For more complex cases like you can use "),l.I0R(9,"code"),l.OEk(10,"tuiSurfaceLayer"),l.C$Y(),l.OEk(11," directive to introduce more layers behind content. But that is mostly necessary for additional elements like "),l.I0R(12,"code"),l.OEk(13,'input type="radio"'),l.C$Y(),l.OEk(14," or a "),l.I0R(15,"code"),l.OEk(16,"video"),l.C$Y(),l.OEk(17," tag as seen in the examples on the main tab. "),l.C$Y(),l.wR5(18,"hr"),l.I0R(19,"p")(20,"b"),l.OEk(21,"Styles to to be applied to the element:"),l.C$Y(),l.I0R(22,"code"),l.OEk(23,"background"),l.C$Y(),l.OEk(24," , "),l.I0R(25,"code"),l.OEk(26,"border-radius"),l.C$Y(),l.OEk(27," , "),l.I0R(28,"code"),l.OEk(29,"box-shadow"),l.C$Y(),l.OEk(30," , "),l.I0R(31,"code"),l.OEk(32,"mask"),l.C$Y(),l.OEk(33," , "),l.I0R(34,"code"),l.OEk(35,"padding"),l.C$Y(),l.OEk(36," , "),l.I0R(37,"code"),l.OEk(38,"transform"),l.C$Y()(),l.I0R(39,"p")(40,"b"),l.OEk(41,"Styles to be applied to ::BEFORE pseudo-element:"),l.C$Y(),l.I0R(42,"code"),l.OEk(43,"backdrop-filter"),l.C$Y()(),l.I0R(44,"p")(45,"b"),l.OEk(46,"Styles to be applied to ::AFTER pseudo-element:"),l.C$Y(),l.OEk(47," Any overlays on top of "),l.I0R(48,"code"),l.OEk(49,"backdrop-filter"),l.C$Y(),l.OEk(50," effect of ::BEFORE pseudo-element "),l.C$Y(),l.wR5(51,"hr"),l.I0R(52,"tui-doc-example",14),l.wR5(53,"tui-surface-example-7"),l.C$Y()),2&e){const e=l.GaO();l.yG2(52),l.E7m("content",e.example7)}}function H(e,t){if(1&e&&(l.I0R(0,"ol",15)(1,"li")(2,"p"),l.OEk(3,"Import module:"),l.C$Y(),l.wR5(4,"tui-doc-code",16),l.C$Y(),l.I0R(5,"li")(6,"p"),l.OEk(7,"Add to the template:"),l.C$Y(),l.wR5(8,"tui-doc-code",17),l.C$Y()()),2&e){const e=l.GaO();l.yG2(4),l.E7m("code",e.exampleModule),l.yG2(4),l.E7m("code",e.exampleHtml)}}let F=(()=>{var e;class t{constructor(){this.exampleModule=n.e(9500).then(n.t.bind(n,9500,17)),this.exampleHtml=n.e(82076).then(n.t.bind(n,82076,17)),this.example1={HTML:n.e(34208).then(n.t.bind(n,34208,17)),LESS:n.e(86520).then(n.t.bind(n,86520,17))},this.example2={HTML:n.e(37771).then(n.t.bind(n,37771,17))},this.example3={HTML:n.e(54684).then(n.t.bind(n,54684,17)),LESS:n.e(8096).then(n.t.bind(n,8096,17))},this.example4={HTML:n.e(30004).then(n.t.bind(n,30004,17)),LESS:n.e(63632).then(n.t.bind(n,63632,17))},this.example5={HTML:n.e(76220).then(n.t.bind(n,31456,17))},this.example6={HTML:n.e(28560).then(n.t.bind(n,28560,17)),LESS:n.e(46128).then(n.t.bind(n,46128,17))},this.example7={HTML:n.e(67604).then(n.t.bind(n,67604,17)),"surface.less":n.e(40440).then(n.t.bind(n,40440,17)),LESS:n.e(18792).then(n.t.bind(n,18792,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["example-surface"]],decls:4,vars:0,consts:[["header","Surface","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Layers"],["pageTab","Setup"],["status","warning"],["routerLink","/experimental/card","tuiLink",""],["id","behaviors","heading","Behaviors",3,"content"],[1,"tui-space_bottom-4"],["id","presets","heading","Presets",3,"content"],["id","blur","heading","Blur",3,"content"],["status","warning",1,"tui-space_bottom-4"],["id","video","heading","Video",3,"content"],["id","selectable","heading","Selectable",3,"content"],["id","spacing","heading","Spacing compensation",3,"content"],["heading","Examples",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.I0R(0,"tui-doc-page",0),l.yuY(1,z,52,6,"ng-template",1),l.yuY(2,D,54,1,"ng-template",2),l.yuY(3,H,9,2,"ng-template",3),l.C$Y())},dependencies:[m.e,g.C,p.u,f.E,b.u,h.I,O.ER,v,y,E,I,w,$,A],encapsulation:2,changeDetection:0}),t})();n(23340);let N=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[a.MD,r.y,d.kF,u.TuiNotificationModule,c.TuiRippleModule,s.TuiRepeatTimesModule,u.TuiScrollbarModule,d.CI,u.TuiLinkModule,d.CA,u.TuiLabelModule,u.TuiModeModule,o.TuiMoneyModule,o.TuiThumbnailCardModule,(0,i.If)(F)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/60208.64d074ca17974fd1.js b/next/60208.64d074ca17974fd1.js
deleted file mode 100644
index dd1d8b109a36..000000000000
--- a/next/60208.64d074ca17974fd1.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[60208],{60208:n=>{n.exports="import {Component} from '@angular/core';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\nimport {BehaviorSubject} from 'rxjs';\n\n@Component({\n selector: 'tui-for-example-1',\n templateUrl: './index.html',\n encapsulation,\n changeDetection,\n})\nexport class TuiForExample1 {\n readonly items$ = new BehaviorSubject([]);\n\n refresh(): void {\n this.items$.next(null);\n\n const delay = Math.round(Math.random() * 2000);\n\n setTimeout(() => {\n this.items$.next(\n delay % 2\n ? []\n : ['William \"Bill\" S. Preston Esq.', 'Ted \"Theodore\" Logan'],\n );\n }, delay);\n }\n}\n"}}]);
\ No newline at end of file
diff --git a/next/60208.b49f813bf478f59c.js b/next/60208.b49f813bf478f59c.js
new file mode 100644
index 000000000000..c94536fb2802
--- /dev/null
+++ b/next/60208.b49f813bf478f59c.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[60208],{60208:e=>{e.exports="import {Component, Inject, Self} from '@angular/core';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\nimport {TuiDestroyService} from '@taiga-ui/cdk';\nimport {BehaviorSubject, Observable, takeUntil, timer} from 'rxjs';\n\n@Component({\n selector: 'tui-for-example-1',\n templateUrl: './index.html',\n encapsulation,\n changeDetection,\n providers: [TuiDestroyService],\n})\nexport class TuiForExample1 {\n readonly items$ = new BehaviorSubject([]);\n\n constructor(\n @Self() @Inject(TuiDestroyService) private readonly destroy$: Observable,\n ) {}\n\n refresh(): void {\n this.items$.next(null);\n\n const delay = Math.round(Math.random() * 2000);\n\n timer(delay)\n .pipe(takeUntil(this.destroy$))\n .subscribe(() =>\n this.items$.next(\n delay % 2\n ? []\n : ['William \"Bill\" S. Preston Esq.', 'Ted \"Theodore\" Logan'],\n ),\n );\n }\n}\n"}}]);
\ No newline at end of file
diff --git a/next/62448.ba52df569cbace75.js b/next/62448.58509d8932c2d645.js
similarity index 99%
rename from next/62448.ba52df569cbace75.js
rename to next/62448.58509d8932c2d645.js
index 4c6298a61c55..4170ad733486 100644
--- a/next/62448.ba52df569cbace75.js
+++ b/next/62448.58509d8932c2d645.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62448],{72188:(t,e,o)=>{o.d(e,{K:()=>D});var n=o(11307),i=o(6528),r=o(82312),d=o(95356),u=o(56616),a=o(55412),p=o(86568);function c(t,e){1&t&&i.OEk(0," Manual control/monitor for the dropdown being visible ")}function m(t,e){1&t&&(i.OEk(0," Align of dropdown (does not work together with "),i.I0R(1,"code"),i.OEk(2,"limitWidth === 'fixed'"),i.C$Y(),i.OEk(3," ) "))}function l(t,e){1&t&&i.OEk(0," Set a vertical direction of dropdown ")}function s(t,e){1&t&&i.OEk(0," Limit width of dropdown ")}function w(t,e){1&t&&(i.OEk(0," Minimum height to calculate that dropdown fits to set "),i.I0R(1,"code"),i.OEk(2,"tuiDropdownDirection"),i.C$Y())}function y(t,e){1&t&&i.OEk(0," Maximum height of dropdown ")}function h(t,e){1&t&&i.OEk(0," Dropdown offset ")}o(97448);let D=(()=>{var t;class e{constructor(t){this.documentedComponent=t}}return(t=e).ɵfac=function(e){return new(e||t)(i.GI1(n.m))},t.ɵcmp=i.In1({type:t,selectors:[["dropdown-documentation"]],decls:17,vars:12,consts:[[1,"tui-text_h6"],["routerLink","/directives/dropdown","target","_blank","tuiLink",""],["documentationPropertyMode","input-output","documentationPropertyName","tuiDropdownOpen","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownAlign","documentationPropertyType","TuiDropdownAlign",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownDirection","documentationPropertyType","TuiVerticalDirection | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownLimitWidth","documentationPropertyType","TuiDropdownWidth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMinHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMaxHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownOffset","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"]],template:function(t,e){1&t&&(i.I0R(0,"h6",0),i.OEk(1," Can be expanded with "),i.I0R(2,"a",1),i.OEk(3," TuiDropdown "),i.C$Y()(),i.I0R(4,"p"),i.OEk(5," Requires you to import "),i.I0R(6,"code"),i.OEk(7,"TuiDropdownModule"),i.C$Y()(),i.I0R(8,"tui-doc-documentation"),i.yuY(9,c,1,0,"ng-template",2),i.wVc(10,"async"),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownOpen.next(t)})),i.yuY(11,m,4,0,"ng-template",3),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownAlign=t})),i.yuY(12,l,1,0,"ng-template",4),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownDirection=t})),i.yuY(13,s,1,0,"ng-template",5),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownLimitWidth=t})),i.yuY(14,w,3,0,"ng-template",6),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownMinHeight=t})),i.yuY(15,y,1,0,"ng-template",7),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownMaxHeight=t})),i.yuY(16,h,1,0,"ng-template",8),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownOffset=t})),i.C$Y()),2&t&&(i.yG2(9),i.E7m("documentationPropertyValue",i.kDX(10,10,e.documentedComponent.dropdownOpen)),i.yG2(2),i.E7m("documentationPropertyValues",e.documentedComponent.dropdownAlignVariants)("documentationPropertyValue",e.documentedComponent.dropdownAlign),i.yG2(1),i.E7m("documentationPropertyValues",e.documentedComponent.dropdownDirectionVariants)("documentationPropertyValue",e.documentedComponent.dropdownDirection),i.yG2(1),i.E7m("documentationPropertyValues",e.documentedComponent.dropdownLimitWidthVariants)("documentationPropertyValue",e.documentedComponent.dropdownLimitWidth),i.yG2(1),i.E7m("documentationPropertyValue",e.documentedComponent.dropdownMinHeight),i.yG2(1),i.E7m("documentationPropertyValue",e.documentedComponent.dropdownMaxHeight),i.yG2(1),i.E7m("documentationPropertyValue",e.documentedComponent.dropdownOffset))},dependencies:[r.ER,d.I,u.S,a.C,p.a],encapsulation:2,changeDetection:0}),e})()},63960:(t,e,o)=>{o.d(e,{Y:()=>a});var n=o(86568),i=o(82312),r=o(752),d=o(62548),u=o(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=u.a4G({type:t}),t.ɵinj=u.s3X({imports:[n.MD,i.qQ,r.uS,d.TuiLinkModule]}),e})()},97448:(t,e,o)=>{o.d(e,{o:()=>r});var n=o(62548),i=o(86112);class r{constructor(){this.dropdownAlignVariants=["left","right","center"],this.dropdownLimitWidthVariants=["fixed","min","auto"],this.dropdownDirectionVariants=["bottom","top"],this.dropdownAlign=n.TUI_DROPDOWN_DEFAULT_OPTIONS.align,this.dropdownDirection=n.TUI_DROPDOWN_DEFAULT_OPTIONS.direction,this.dropdownLimitWidth=n.TUI_DROPDOWN_DEFAULT_OPTIONS.limitWidth,this.dropdownMinHeight=n.TUI_DROPDOWN_DEFAULT_OPTIONS.minHeight,this.dropdownMaxHeight=n.TUI_DROPDOWN_DEFAULT_OPTIONS.maxHeight,this.dropdownOffset=n.TUI_DROPDOWN_DEFAULT_OPTIONS.offset,this.dropdownOpen=new i.g(!1)}}},11307:(t,e,o)=>{o.d(e,{m:()=>n});const n=new(o(6528).UbH)("[ABSTRACT_PROPS_ACCESSOR]: Component extends AbstractExample class")},62448:(t,e,o)=>{o.r(e),o.d(e,{ExampleTuiDropdownHoverModule:()=>nt});var n=o(86568),i=o(35856),r=o(752),d=o(45328),u=o(62548),a=o(84788),p=o(33976),c=o(63960),m=o(6528),l=o(97448),s=o(11307),w=o(26220),y=o(35137),h=o(32612),D=o(65124),C=o(72188),g=o(13692),f=o(96808),O=o(95356),P=o(56616),E=o(34496),I=o(37288),v=o(83480);let R=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-1"]],decls:2,vars:0,consts:[["tuiDropdown","Great Scott!","tuiDropdownHover",""]],template:function(t,e){1&t&&(m.I0R(0,"span",0),m.OEk(1," This is heavy!\n"),m.C$Y())},dependencies:[y.K,D.c],encapsulation:2,changeDetection:0}),e})();var Y=o(94472),T=o(71088),k=o(23131),b=o(82108),x=o(9544),V=o(15119),G=o(8372),M=o(69352);function $(t,e){if(1&t){const t=m.KQA();m.I0R(0,"tui-data-list",6),m.qCj("click",(function(){m.usT(t);const e=m.GaO();return m.CGJ(e.onClick())})),m.I0R(1,"button",7),m.OEk(2,"Option 1"),m.C$Y(),m.I0R(3,"button",7),m.OEk(4,"Option 2"),m.C$Y(),m.I0R(5,"button",7),m.OEk(6,"Option 3"),m.C$Y()()}}function H(t,e){if(1&t&&(m.I0R(0,"div",8),m.wR5(1,"tui-toggle",9),m.OEk(2," Turn option "),m.C$Y()),2&t){const t=m.GaO();m.E7m("formGroup",t.testForm)}}let S=(()=>{var t;class e{constructor(){this.testForm=new i.WC({option:new i.Ku(!1)}),this.open=!1,this.openSettings=!1,this.index=0}onClick(){this.open=!1,this.index=1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-2"]],decls:15,vars:6,consts:[["tuiTabs","",3,"activeItemIndex","activeItemIndexChange"],["tuiTab",""],["tuiDropdownHover","","tuiTab","",3,"tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","tui-tab-activate.stop"],["content",""],["name","tuiIconSettings"],["settings",""],[3,"click"],["tuiOption",""],[1,"settings",3,"formGroup"],["formControlName","option","size","l"]],template:function(t,e){if(1&t&&(m.I0R(0,"nav",0),m.qCj("activeItemIndexChange",(function(t){return e.index=t})),m.I0R(1,"button",1),m.OEk(2,"Just a tab"),m.C$Y(),m.I0R(3,"button",2),m.qCj("tuiDropdownOpenChange",(function(t){return e.open=t}))("tui-tab-activate.stop",(function(){return 0})),m.OEk(4," Hoverable/Clickable "),m.yuY(5,$,7,0,"ng-template",null,3,m.gJz),m.C$Y(),m.I0R(7,"button",1),m.OEk(8,"Another tab"),m.C$Y(),m.I0R(9,"button",2),m.qCj("tuiDropdownOpenChange",(function(t){return e.openSettings=t}))("tui-tab-activate.stop",(function(){return 0})),m.wR5(10,"tui-icon",4),m.yuY(11,H,3,1,"ng-template",null,5,m.gJz),m.C$Y()(),m.I0R(13,"p"),m.OEk(14),m.C$Y()),2&t){const t=m.Gew(6),o=m.Gew(12);m.E7m("activeItemIndex",e.index),m.yG2(3),m.E7m("tuiDropdown",t)("tuiDropdownOpen",e.open),m.yG2(6),m.E7m("tuiDropdown",o)("tuiDropdownOpen",e.openSettings),m.yG2(5),m.oRS("Current state: ",e.open?"open":"closed","")}},dependencies:[i.ue,i.u,i.uW,i.Wo,y.K,Y.o,D.c,T._,k.e,b.q,x.y,V.y,G.s,M.i],styles:[".settings[_ngcontent-%COMP%]{margin:1rem}"],changeDetection:0}),e})();var A=o(15124),W=o(87164),L=o(76004),N=o(2036),_=o(30420);function q(t,e){if(1&t&&m.wR5(0,"tui-data-list-wrapper",7),2&t){const t=m.GaO(2);m.E7m("items",t.selectItems)}}function j(t,e){1&t&&(m.I0R(0,"p",8),m.OEk(1,"Nested content!"),m.C$Y())}function F(t,e){if(1&t&&(m.I0R(0,"button",9),m.OEk(1),m.C$Y()),2&t){const t=e.$implicit;m.yG2(1),m.oRS(" ",t," ")}}function U(t,e){if(1&t&&(m.I0R(0,"div")(1,"p"),m.OEk(2," There is "),m.I0R(3,"code"),m.OEk(4,"let-activeZone"),m.C$Y(),m.OEk(5," in dropdown template context to work with nested dropdowns "),m.C$Y(),m.I0R(6,"tui-select",2),m.OEk(7," Nested select "),m.yuY(8,q,1,1,"tui-data-list-wrapper",3),m.C$Y(),m.I0R(9,"p")(10,"button",4),m.OEk(11," Nested dropdown hover "),m.C$Y(),m.yuY(12,j,2,0,"ng-template",null,5,m.gJz),m.C$Y()(),m.I0R(14,"tui-data-list"),m.yuY(15,F,2,1,"button",6),m.C$Y()),2&t){const t=e.$implicit,o=m.Gew(13),n=m.GaO();m.m4B("padding","0 1rem"),m.yG2(6),m.E7m("formControl",n.selected)("tuiActiveZoneParent",t),m.yG2(4),m.E7m("tuiActiveZoneParent",t)("tuiDropdown",o),m.yG2(5),m.E7m("ngForOf",n.items)}}let K=(()=>{var t;class e{constructor(){this.items=["Edit","Download","Rename","Delete"],this.selectItems=["Item 1","Item 2"],this.open=!1,this.selected=new i.Ku(null)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-3"]],decls:4,vars:2,consts:[["tuiButton","","tuiDropdownHover","","type","button",3,"tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange"],["dropdown",""],[1,"margin",3,"formControl","tuiActiveZoneParent"],[3,"items",4,"tuiDataList"],["size","s","tuiButton","","tuiDropdownHover","","tuiDropdownOpen","","type","button",3,"tuiActiveZoneParent","tuiDropdown"],["content",""],["tuiOption","",4,"ngFor","ngForOf"],[3,"items"],[1,"tui-space_horizontal-2"],["tuiOption",""]],template:function(t,e){if(1&t&&(m.I0R(0,"button",0),m.qCj("tuiDropdownOpenChange",(function(t){return e.open=t})),m.OEk(1," Dropdown hover "),m.yuY(2,U,16,7,"ng-template",null,1,m.gJz),m.C$Y()),2&t){const t=m.Gew(3);m.E7m("tuiDropdown",t)("tuiDropdownOpen",e.open)}},dependencies:[n.ay,i.ue,i.ug,w.W,y.K,Y.o,D.c,A.c,W.u,L.O,N.U,_.M,V.y,G.s],encapsulation:2,changeDetection:0}),e})();var B=o(6984);let J=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-4"]],decls:6,vars:0,consts:[["tuiDropdown","Dropdown content","tuiDropdownHover","","tuiDropdownLimitWidth","fixed","tuiDropdownOpen","","tuiGroup",""],["tuiButton","","type","button"],["tuiDropdownHost",""]],template:function(t,e){1&t&&(m.I0R(0,"div",0)(1,"button",1),m.OEk(2," Won't open here "),m.C$Y(),m.I0R(3,"button",1,2),m.OEk(5," Will open here "),m.C$Y()())},dependencies:[w.W,y.K,Y.o,h.oF,D.c,B.K],encapsulation:2,changeDetection:0}),e})();function z(t,e){if(1&t&&(m.I0R(0,"p")(1,"code"),m.OEk(2,"DropdownHover"),m.C$Y(),m.OEk(3," shows dropdown with custom template upon hover "),m.C$Y(),m.I0R(4,"tui-doc-example",2),m.wR5(5,"tui-dropdown-hover-example-1"),m.C$Y(),m.I0R(6,"tui-doc-example",3),m.wR5(7,"tui-dropdown-hover-example-2"),m.C$Y(),m.I0R(8,"tui-doc-example",4),m.wR5(9,"tui-dropdown-hover-example-3"),m.C$Y(),m.I0R(10,"tui-doc-example",5),m.wR5(11,"tui-dropdown-hover-example-4"),m.C$Y()),2&t){const t=m.GaO();m.yG2(4),m.E7m("content",t.example1),m.yG2(2),m.E7m("content",t.example2),m.yG2(2),m.E7m("content",t.example3),m.yG2(2),m.E7m("content",t.example4)}}function Z(t,e){1&t&&(m.I0R(0,"div"),m.OEk(1," Here you can have any content "),m.I0R(2,"p"),m.OEk(3,"You can select a text inside a dropdown and it will not close a dropdown"),m.C$Y(),m.I0R(4,"button",10),m.OEk(5," Button "),m.C$Y()()),2&t&&m.m4B("padding",1,"rem")}function Q(t,e){1&t&&m.OEk(0," Show delay for dropdown appearance after hover ")}function X(t,e){1&t&&m.OEk(0," Hide delay for dropdown to disappear after pointer is moved away ")}function tt(t,e){if(1&t){const t=m.KQA();m.I0R(0,"tui-doc-demo")(1,"p",6),m.OEk(2," Hover pointer over "),m.I0R(3,"strong"),m.OEk(4,"to see a dropdown"),m.C$Y()(),m.yuY(5,Z,6,2,"ng-template",null,7,m.gJz),m.C$Y(),m.I0R(7,"tui-doc-documentation"),m.yuY(8,Q,1,0,"ng-template",8),m.qCj("documentationPropertyValueChange",(function(e){m.usT(t);const o=m.GaO();return m.CGJ(o.showDelay=e)})),m.yuY(9,X,1,0,"ng-template",9),m.qCj("documentationPropertyValueChange",(function(e){m.usT(t);const o=m.GaO();return m.CGJ(o.hideDelay=e)})),m.wR5(10,"dropdown-documentation"),m.C$Y()}if(2&t){const t=m.Gew(6),e=m.GaO();m.yG2(1),m.E7m("tuiDropdown",t)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownHideDelay",e.hideDelay)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownShowDelay",e.showDelay),m.yG2(7),m.E7m("documentationPropertyValue",e.showDelay),m.yG2(1),m.E7m("documentationPropertyValue",e.hideDelay)}}function et(t,e){if(1&t&&(m.I0R(0,"ol",11)(1,"li")(2,"p"),m.OEk(3,"Import module:"),m.C$Y(),m.wR5(4,"tui-doc-code",12),m.C$Y(),m.I0R(5,"li")(6,"p"),m.OEk(7,"Add to the template:"),m.C$Y(),m.wR5(8,"tui-doc-code",13),m.C$Y()()),2&t){const t=m.GaO();m.yG2(4),m.E7m("code",t.exampleModule),m.yG2(4),m.E7m("code",t.exampleHtml)}}let ot=(()=>{var t;class e extends l.o{constructor(){super(...arguments),this.exampleModule=o.e(68184).then(o.t.bind(o,68184,17)),this.exampleHtml=o.e(56136).then(o.t.bind(o,56136,17)),this.example1={TypeScript:o.e(18568).then(o.t.bind(o,18568,17)),HTML:o.e(9872).then(o.t.bind(o,9872,17))},this.example2={TypeScript:o.e(32712).then(o.t.bind(o,32712,17)),HTML:o.e(88776).then(o.t.bind(o,11156,17)),LESS:o.e(59032).then(o.t.bind(o,59032,17))},this.example3={TypeScript:o.e(38524).then(o.t.bind(o,16144,17)),HTML:o.e(18264).then(o.t.bind(o,18264,17))},this.example4={HTML:o.e(45200).then(o.t.bind(o,45200,17))},this.showDelay=200,this.hideDelay=500}}return(t=e).ɵfac=function(){let e;return function(o){return(e||(e=m.otF(t)))(o||t)}}(),t.ɵcmp=m.In1({type:t,selectors:[["example-tui-dropdown-hover"]],features:[m.M5G([{provide:s.m,useExisting:(0,m.wd)((()=>t))}]),m.eg9],decls:4,vars:0,consts:[["header","DropdownHover","package","CORE","type","directives"],["pageTab",""],["id","basic","heading","Basic",3,"content"],["id","hosted-dropdown","heading","HostedDropdown",3,"content"],["id","nested","heading","Nested",3,"content"],["id","custom-host","heading","With custom host",3,"content"],["tuiDropdownHover","",3,"tuiDropdown","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownHideDelay","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownShowDelay"],["dropdownContent",""],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownShowDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownHideDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["tuiButton","","type","button"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(m.I0R(0,"tui-doc-page",0),m.yuY(1,z,12,4,"ng-template",1),m.yuY(2,tt,11,11,"ng-template",1),m.yuY(3,et,9,2,"ng-template",1),m.C$Y())},dependencies:[w.W,y.K,h.oF,D.c,C.K,g.u,f.m,O.I,P.S,E.E,I.u,v.I,R,S,K,J],encapsulation:2,changeDetection:0}),e})();o(23340);let nt=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=m.a4G({type:t}),t.ɵinj=m.s3X({imports:[n.MD,i.sl,a.CI,u.TuiDropdownModule,p.TuiTabsModule,p.TuiSelectModule,p.TuiDataListWrapperModule,d.TuiActiveZoneModule,p.TuiToggleModule,u.TuiDataListModule,a.C,c.Y,(0,r.If)(ot)]}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62448],{72188:(t,e,o)=>{o.d(e,{K:()=>D});var n=o(11307),i=o(6528),r=o(82312),d=o(95356),u=o(56616),a=o(55412),p=o(86568);function c(t,e){1&t&&i.OEk(0," Manual control/monitor for the dropdown being visible ")}function m(t,e){1&t&&(i.OEk(0," Align of dropdown (does not work together with "),i.I0R(1,"code"),i.OEk(2,"limitWidth === 'fixed'"),i.C$Y(),i.OEk(3," ) "))}function l(t,e){1&t&&i.OEk(0," Set a vertical direction of dropdown ")}function s(t,e){1&t&&i.OEk(0," Limit width of dropdown ")}function w(t,e){1&t&&(i.OEk(0," Minimum height to calculate that dropdown fits to set "),i.I0R(1,"code"),i.OEk(2,"tuiDropdownDirection"),i.C$Y())}function y(t,e){1&t&&i.OEk(0," Maximum height of dropdown ")}function h(t,e){1&t&&i.OEk(0," Dropdown offset ")}o(97448);let D=(()=>{var t;class e{constructor(t){this.documentedComponent=t}}return(t=e).ɵfac=function(e){return new(e||t)(i.GI1(n.m))},t.ɵcmp=i.In1({type:t,selectors:[["dropdown-documentation"]],decls:17,vars:12,consts:[[1,"tui-text_h6"],["routerLink","/directives/dropdown","target","_blank","tuiLink",""],["documentationPropertyMode","input-output","documentationPropertyName","tuiDropdownOpen","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownAlign","documentationPropertyType","TuiDropdownAlign",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownDirection","documentationPropertyType","TuiVerticalDirection | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownLimitWidth","documentationPropertyType","TuiDropdownWidth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMinHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMaxHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownOffset","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"]],template:function(t,e){1&t&&(i.I0R(0,"h6",0),i.OEk(1," Can be expanded with "),i.I0R(2,"a",1),i.OEk(3," TuiDropdown "),i.C$Y()(),i.I0R(4,"p"),i.OEk(5," Requires you to import "),i.I0R(6,"code"),i.OEk(7,"TuiDropdownModule"),i.C$Y()(),i.I0R(8,"tui-doc-documentation"),i.yuY(9,c,1,0,"ng-template",2),i.wVc(10,"async"),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownOpen.next(t)})),i.yuY(11,m,4,0,"ng-template",3),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownAlign=t})),i.yuY(12,l,1,0,"ng-template",4),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownDirection=t})),i.yuY(13,s,1,0,"ng-template",5),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownLimitWidth=t})),i.yuY(14,w,3,0,"ng-template",6),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownMinHeight=t})),i.yuY(15,y,1,0,"ng-template",7),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownMaxHeight=t})),i.yuY(16,h,1,0,"ng-template",8),i.qCj("documentationPropertyValueChange",(function(t){return e.documentedComponent.dropdownOffset=t})),i.C$Y()),2&t&&(i.yG2(9),i.E7m("documentationPropertyValue",i.kDX(10,10,e.documentedComponent.dropdownOpen)),i.yG2(2),i.E7m("documentationPropertyValues",e.documentedComponent.dropdownAlignVariants)("documentationPropertyValue",e.documentedComponent.dropdownAlign),i.yG2(1),i.E7m("documentationPropertyValues",e.documentedComponent.dropdownDirectionVariants)("documentationPropertyValue",e.documentedComponent.dropdownDirection),i.yG2(1),i.E7m("documentationPropertyValues",e.documentedComponent.dropdownLimitWidthVariants)("documentationPropertyValue",e.documentedComponent.dropdownLimitWidth),i.yG2(1),i.E7m("documentationPropertyValue",e.documentedComponent.dropdownMinHeight),i.yG2(1),i.E7m("documentationPropertyValue",e.documentedComponent.dropdownMaxHeight),i.yG2(1),i.E7m("documentationPropertyValue",e.documentedComponent.dropdownOffset))},dependencies:[r.ER,d.I,u.S,a.C,p.a],encapsulation:2,changeDetection:0}),e})()},63960:(t,e,o)=>{o.d(e,{Y:()=>a});var n=o(86568),i=o(82312),r=o(752),d=o(62548),u=o(6528);let a=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=u.a4G({type:t}),t.ɵinj=u.s3X({imports:[n.MD,i.qQ,r.uS,d.TuiLinkModule]}),e})()},97448:(t,e,o)=>{o.d(e,{o:()=>r});var n=o(62548),i=o(86112);class r{constructor(){this.dropdownAlignVariants=["left","right","center"],this.dropdownLimitWidthVariants=["fixed","min","auto"],this.dropdownDirectionVariants=["bottom","top"],this.dropdownAlign=n.TUI_DROPDOWN_DEFAULT_OPTIONS.align,this.dropdownDirection=n.TUI_DROPDOWN_DEFAULT_OPTIONS.direction,this.dropdownLimitWidth=n.TUI_DROPDOWN_DEFAULT_OPTIONS.limitWidth,this.dropdownMinHeight=n.TUI_DROPDOWN_DEFAULT_OPTIONS.minHeight,this.dropdownMaxHeight=n.TUI_DROPDOWN_DEFAULT_OPTIONS.maxHeight,this.dropdownOffset=n.TUI_DROPDOWN_DEFAULT_OPTIONS.offset,this.dropdownOpen=new i.g(!1)}}},11307:(t,e,o)=>{o.d(e,{m:()=>n});const n=new(o(6528).UbH)("[ABSTRACT_PROPS_ACCESSOR]: Component extends AbstractExample class")},62448:(t,e,o)=>{o.r(e),o.d(e,{ExampleTuiDropdownHoverModule:()=>nt});var n=o(86568),i=o(35856),r=o(752),d=o(45328),u=o(62548),a=o(37304),p=o(33976),c=o(63960),m=o(6528),l=o(97448),s=o(11307),w=o(26220),y=o(35137),h=o(32612),D=o(65124),C=o(72188),g=o(13692),f=o(96808),O=o(95356),P=o(56616),E=o(34496),I=o(37288),v=o(83480);let R=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-1"]],decls:2,vars:0,consts:[["tuiDropdown","Great Scott!","tuiDropdownHover",""]],template:function(t,e){1&t&&(m.I0R(0,"span",0),m.OEk(1," This is heavy!\n"),m.C$Y())},dependencies:[y.K,D.c],encapsulation:2,changeDetection:0}),e})();var Y=o(94472),T=o(71088),k=o(23131),b=o(82108),x=o(9544),V=o(15119),G=o(8372),M=o(69352);function $(t,e){if(1&t){const t=m.KQA();m.I0R(0,"tui-data-list",6),m.qCj("click",(function(){m.usT(t);const e=m.GaO();return m.CGJ(e.onClick())})),m.I0R(1,"button",7),m.OEk(2,"Option 1"),m.C$Y(),m.I0R(3,"button",7),m.OEk(4,"Option 2"),m.C$Y(),m.I0R(5,"button",7),m.OEk(6,"Option 3"),m.C$Y()()}}function H(t,e){if(1&t&&(m.I0R(0,"div",8),m.wR5(1,"tui-toggle",9),m.OEk(2," Turn option "),m.C$Y()),2&t){const t=m.GaO();m.E7m("formGroup",t.testForm)}}let S=(()=>{var t;class e{constructor(){this.testForm=new i.WC({option:new i.Ku(!1)}),this.open=!1,this.openSettings=!1,this.index=0}onClick(){this.open=!1,this.index=1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-2"]],decls:15,vars:6,consts:[["tuiTabs","",3,"activeItemIndex","activeItemIndexChange"],["tuiTab",""],["tuiDropdownHover","","tuiTab","",3,"tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange","tui-tab-activate.stop"],["content",""],["name","tuiIconSettings"],["settings",""],[3,"click"],["tuiOption",""],[1,"settings",3,"formGroup"],["formControlName","option","size","l"]],template:function(t,e){if(1&t&&(m.I0R(0,"nav",0),m.qCj("activeItemIndexChange",(function(t){return e.index=t})),m.I0R(1,"button",1),m.OEk(2,"Just a tab"),m.C$Y(),m.I0R(3,"button",2),m.qCj("tuiDropdownOpenChange",(function(t){return e.open=t}))("tui-tab-activate.stop",(function(){return 0})),m.OEk(4," Hoverable/Clickable "),m.yuY(5,$,7,0,"ng-template",null,3,m.gJz),m.C$Y(),m.I0R(7,"button",1),m.OEk(8,"Another tab"),m.C$Y(),m.I0R(9,"button",2),m.qCj("tuiDropdownOpenChange",(function(t){return e.openSettings=t}))("tui-tab-activate.stop",(function(){return 0})),m.wR5(10,"tui-icon",4),m.yuY(11,H,3,1,"ng-template",null,5,m.gJz),m.C$Y()(),m.I0R(13,"p"),m.OEk(14),m.C$Y()),2&t){const t=m.Gew(6),o=m.Gew(12);m.E7m("activeItemIndex",e.index),m.yG2(3),m.E7m("tuiDropdown",t)("tuiDropdownOpen",e.open),m.yG2(6),m.E7m("tuiDropdown",o)("tuiDropdownOpen",e.openSettings),m.yG2(5),m.oRS("Current state: ",e.open?"open":"closed","")}},dependencies:[i.ue,i.u,i.uW,i.Wo,y.K,Y.o,D.c,T._,k.e,b.q,x.y,V.y,G.s,M.i],styles:[".settings[_ngcontent-%COMP%]{margin:1rem}"],changeDetection:0}),e})();var A=o(15124),W=o(87164),L=o(76004),N=o(2036),_=o(30420);function q(t,e){if(1&t&&m.wR5(0,"tui-data-list-wrapper",7),2&t){const t=m.GaO(2);m.E7m("items",t.selectItems)}}function j(t,e){1&t&&(m.I0R(0,"p",8),m.OEk(1,"Nested content!"),m.C$Y())}function F(t,e){if(1&t&&(m.I0R(0,"button",9),m.OEk(1),m.C$Y()),2&t){const t=e.$implicit;m.yG2(1),m.oRS(" ",t," ")}}function U(t,e){if(1&t&&(m.I0R(0,"div")(1,"p"),m.OEk(2," There is "),m.I0R(3,"code"),m.OEk(4,"let-activeZone"),m.C$Y(),m.OEk(5," in dropdown template context to work with nested dropdowns "),m.C$Y(),m.I0R(6,"tui-select",2),m.OEk(7," Nested select "),m.yuY(8,q,1,1,"tui-data-list-wrapper",3),m.C$Y(),m.I0R(9,"p")(10,"button",4),m.OEk(11," Nested dropdown hover "),m.C$Y(),m.yuY(12,j,2,0,"ng-template",null,5,m.gJz),m.C$Y()(),m.I0R(14,"tui-data-list"),m.yuY(15,F,2,1,"button",6),m.C$Y()),2&t){const t=e.$implicit,o=m.Gew(13),n=m.GaO();m.m4B("padding","0 1rem"),m.yG2(6),m.E7m("formControl",n.selected)("tuiActiveZoneParent",t),m.yG2(4),m.E7m("tuiActiveZoneParent",t)("tuiDropdown",o),m.yG2(5),m.E7m("ngForOf",n.items)}}let K=(()=>{var t;class e{constructor(){this.items=["Edit","Download","Rename","Delete"],this.selectItems=["Item 1","Item 2"],this.open=!1,this.selected=new i.Ku(null)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-3"]],decls:4,vars:2,consts:[["tuiButton","","tuiDropdownHover","","type","button",3,"tuiDropdown","tuiDropdownOpen","tuiDropdownOpenChange"],["dropdown",""],[1,"margin",3,"formControl","tuiActiveZoneParent"],[3,"items",4,"tuiDataList"],["size","s","tuiButton","","tuiDropdownHover","","tuiDropdownOpen","","type","button",3,"tuiActiveZoneParent","tuiDropdown"],["content",""],["tuiOption","",4,"ngFor","ngForOf"],[3,"items"],[1,"tui-space_horizontal-2"],["tuiOption",""]],template:function(t,e){if(1&t&&(m.I0R(0,"button",0),m.qCj("tuiDropdownOpenChange",(function(t){return e.open=t})),m.OEk(1," Dropdown hover "),m.yuY(2,U,16,7,"ng-template",null,1,m.gJz),m.C$Y()),2&t){const t=m.Gew(3);m.E7m("tuiDropdown",t)("tuiDropdownOpen",e.open)}},dependencies:[n.ay,i.ue,i.ug,w.W,y.K,Y.o,D.c,A.c,W.u,L.O,N.U,_.M,V.y,G.s],encapsulation:2,changeDetection:0}),e})();var B=o(6984);let J=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=m.In1({type:t,selectors:[["tui-dropdown-hover-example-4"]],decls:6,vars:0,consts:[["tuiDropdown","Dropdown content","tuiDropdownHover","","tuiDropdownLimitWidth","fixed","tuiDropdownOpen","","tuiGroup",""],["tuiButton","","type","button"],["tuiDropdownHost",""]],template:function(t,e){1&t&&(m.I0R(0,"div",0)(1,"button",1),m.OEk(2," Won't open here "),m.C$Y(),m.I0R(3,"button",1,2),m.OEk(5," Will open here "),m.C$Y()())},dependencies:[w.W,y.K,Y.o,h.oF,D.c,B.K],encapsulation:2,changeDetection:0}),e})();function z(t,e){if(1&t&&(m.I0R(0,"p")(1,"code"),m.OEk(2,"DropdownHover"),m.C$Y(),m.OEk(3," shows dropdown with custom template upon hover "),m.C$Y(),m.I0R(4,"tui-doc-example",2),m.wR5(5,"tui-dropdown-hover-example-1"),m.C$Y(),m.I0R(6,"tui-doc-example",3),m.wR5(7,"tui-dropdown-hover-example-2"),m.C$Y(),m.I0R(8,"tui-doc-example",4),m.wR5(9,"tui-dropdown-hover-example-3"),m.C$Y(),m.I0R(10,"tui-doc-example",5),m.wR5(11,"tui-dropdown-hover-example-4"),m.C$Y()),2&t){const t=m.GaO();m.yG2(4),m.E7m("content",t.example1),m.yG2(2),m.E7m("content",t.example2),m.yG2(2),m.E7m("content",t.example3),m.yG2(2),m.E7m("content",t.example4)}}function Z(t,e){1&t&&(m.I0R(0,"div"),m.OEk(1," Here you can have any content "),m.I0R(2,"p"),m.OEk(3,"You can select a text inside a dropdown and it will not close a dropdown"),m.C$Y(),m.I0R(4,"button",10),m.OEk(5," Button "),m.C$Y()()),2&t&&m.m4B("padding",1,"rem")}function Q(t,e){1&t&&m.OEk(0," Show delay for dropdown appearance after hover ")}function X(t,e){1&t&&m.OEk(0," Hide delay for dropdown to disappear after pointer is moved away ")}function tt(t,e){if(1&t){const t=m.KQA();m.I0R(0,"tui-doc-demo")(1,"p",6),m.OEk(2," Hover pointer over "),m.I0R(3,"strong"),m.OEk(4,"to see a dropdown"),m.C$Y()(),m.yuY(5,Z,6,2,"ng-template",null,7,m.gJz),m.C$Y(),m.I0R(7,"tui-doc-documentation"),m.yuY(8,Q,1,0,"ng-template",8),m.qCj("documentationPropertyValueChange",(function(e){m.usT(t);const o=m.GaO();return m.CGJ(o.showDelay=e)})),m.yuY(9,X,1,0,"ng-template",9),m.qCj("documentationPropertyValueChange",(function(e){m.usT(t);const o=m.GaO();return m.CGJ(o.hideDelay=e)})),m.wR5(10,"dropdown-documentation"),m.C$Y()}if(2&t){const t=m.Gew(6),e=m.GaO();m.yG2(1),m.E7m("tuiDropdown",t)("tuiDropdownAlign",e.dropdownAlign)("tuiDropdownDirection",e.dropdownDirection)("tuiDropdownHideDelay",e.hideDelay)("tuiDropdownLimitWidth",e.dropdownLimitWidth)("tuiDropdownMaxHeight",e.dropdownMaxHeight)("tuiDropdownMinHeight",e.dropdownMinHeight)("tuiDropdownOffset",e.dropdownOffset)("tuiDropdownShowDelay",e.showDelay),m.yG2(7),m.E7m("documentationPropertyValue",e.showDelay),m.yG2(1),m.E7m("documentationPropertyValue",e.hideDelay)}}function et(t,e){if(1&t&&(m.I0R(0,"ol",11)(1,"li")(2,"p"),m.OEk(3,"Import module:"),m.C$Y(),m.wR5(4,"tui-doc-code",12),m.C$Y(),m.I0R(5,"li")(6,"p"),m.OEk(7,"Add to the template:"),m.C$Y(),m.wR5(8,"tui-doc-code",13),m.C$Y()()),2&t){const t=m.GaO();m.yG2(4),m.E7m("code",t.exampleModule),m.yG2(4),m.E7m("code",t.exampleHtml)}}let ot=(()=>{var t;class e extends l.o{constructor(){super(...arguments),this.exampleModule=o.e(68184).then(o.t.bind(o,68184,17)),this.exampleHtml=o.e(56136).then(o.t.bind(o,56136,17)),this.example1={TypeScript:o.e(18568).then(o.t.bind(o,18568,17)),HTML:o.e(9872).then(o.t.bind(o,9872,17))},this.example2={TypeScript:o.e(32712).then(o.t.bind(o,32712,17)),HTML:o.e(88776).then(o.t.bind(o,11156,17)),LESS:o.e(59032).then(o.t.bind(o,59032,17))},this.example3={TypeScript:o.e(38524).then(o.t.bind(o,16144,17)),HTML:o.e(18264).then(o.t.bind(o,18264,17))},this.example4={HTML:o.e(45200).then(o.t.bind(o,45200,17))},this.showDelay=200,this.hideDelay=500}}return(t=e).ɵfac=function(){let e;return function(o){return(e||(e=m.otF(t)))(o||t)}}(),t.ɵcmp=m.In1({type:t,selectors:[["example-tui-dropdown-hover"]],features:[m.M5G([{provide:s.m,useExisting:(0,m.wd)((()=>t))}]),m.eg9],decls:4,vars:0,consts:[["header","DropdownHover","package","CORE","type","directives"],["pageTab",""],["id","basic","heading","Basic",3,"content"],["id","hosted-dropdown","heading","HostedDropdown",3,"content"],["id","nested","heading","Nested",3,"content"],["id","custom-host","heading","With custom host",3,"content"],["tuiDropdownHover","",3,"tuiDropdown","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownHideDelay","tuiDropdownLimitWidth","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","tuiDropdownShowDelay"],["dropdownContent",""],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownShowDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownHideDelay","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["tuiButton","","type","button"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(m.I0R(0,"tui-doc-page",0),m.yuY(1,z,12,4,"ng-template",1),m.yuY(2,tt,11,11,"ng-template",1),m.yuY(3,et,9,2,"ng-template",1),m.C$Y())},dependencies:[w.W,y.K,h.oF,D.c,C.K,g.u,f.m,O.I,P.S,E.E,I.u,v.I,R,S,K,J],encapsulation:2,changeDetection:0}),e})();o(23340);let nt=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=m.a4G({type:t}),t.ɵinj=m.s3X({imports:[n.MD,i.sl,a.CI,u.TuiDropdownModule,p.TuiTabsModule,p.TuiSelectModule,p.TuiDataListWrapperModule,d.TuiActiveZoneModule,p.TuiToggleModule,u.TuiDataListModule,a.C,c.Y,(0,r.If)(ot)]}),e})()}}]);
\ No newline at end of file
diff --git a/next/62496.12f2a0c728cd9661.js b/next/62496.12f2a0c728cd9661.js
new file mode 100644
index 000000000000..8524238752d2
--- /dev/null
+++ b/next/62496.12f2a0c728cd9661.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62496],{62496:n=>{n.exports='
\n \n\n \n\n \n
\n\n
\n \n\n \n
\n\n
\n \n
\n'}}]);
\ No newline at end of file
diff --git a/next/62816.24f0fd99b0128cf0.js b/next/62816.24f0fd99b0128cf0.js
new file mode 100644
index 000000000000..37dbcc6773df
--- /dev/null
+++ b/next/62816.24f0fd99b0128cf0.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62816],{62816:t=>{t.exports='\n \n {{ status | titlecase }} label ({{ size | uppercase }})\n \n\n \n\n \n {{ status | titlecase }} label ({{ size | uppercase }})\n \n Hello world\n \n\n \n\n \n\n \n\n'}}]);
\ No newline at end of file
diff --git a/next/62816.2adea501cdf86377.js b/next/62816.2adea501cdf86377.js
deleted file mode 100644
index e15153e26be8..000000000000
--- a/next/62816.2adea501cdf86377.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62816],{62816:n=>{n.exports='\n A short simple\n informative\n message\n\n\n A short simple\n informative\n message\n\n\n A short simple\n informative\n message\n\n\n A short simple\n informative\n message\n\n'}}]);
\ No newline at end of file
diff --git a/next/62896.fd21ef51556a9230.js b/next/62896.7425fd4049e86c5d.js
similarity index 99%
rename from next/62896.fd21ef51556a9230.js
rename to next/62896.7425fd4049e86c5d.js
index 2b2395958e43..2a5cceeadb78 100644
--- a/next/62896.fd21ef51556a9230.js
+++ b/next/62896.7425fd4049e86c5d.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62896],{62896:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiBadgeModule:()=>H});var n=a(86568),i=a(35856),o=a(752),c=a(45328),p=a(62548),s=a(84788),u=a(33976),r=a(6528),d=a(49712),l=a(97800),m=a(24980),g=a(6620),y=a(13692),f=a(96808),C=a(95356),I=a(56616),b=a(34496),h=a(37288),Y=a(83480),x=a(34576);function E(e,t){if(1&e&&(r.I0R(0,"tui-badge"),r.OEk(1," Taiga\n"),r.C$Y()),2&e){const e=t.$implicit;r.m4B("background","var(--tui-support-"+(e+1).toString().padStart(2,"0")+")")}}let R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-1"]],decls:19,vars:1,consts:[["appearance","primary"],["appearance","accent"],["appearance","success"],["appearance","error"],["appearance","warning"],["appearance","neutral"],["appearance","info"],[3,"background",4,"tuiRepeatTimes","tuiRepeatTimesOf"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge"),r.OEk(1,"Default"),r.C$Y(),r.I0R(2,"tui-badge",0),r.OEk(3,"Primary"),r.C$Y(),r.I0R(4,"tui-badge",1),r.OEk(5,"Accent"),r.C$Y(),r.I0R(6,"tui-badge",2),r.OEk(7,"Success"),r.C$Y(),r.I0R(8,"tui-badge",3),r.OEk(9,"Error"),r.C$Y(),r.I0R(10,"tui-badge",4),r.OEk(11,"Warning"),r.C$Y(),r.I0R(12,"tui-badge",5),r.OEk(13,"Neutral"),r.C$Y(),r.I0R(14,"tui-badge",6),r.OEk(15,"Info"),r.C$Y(),r.I0R(16,"p"),r.OEk(17,"Use CSS for support colors"),r.C$Y(),r.yuY(18,E,2,2,"tui-badge",7)),2&e&&(r.yG2(18),r.E7m("tuiRepeatTimesOf",20))},dependencies:[d.Y,x._],styles:["tui-badge[_ngcontent-%COMP%]{margin:.5rem}"],changeDetection:0}),t})(),O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-2"]],decls:8,vars:0,consts:[["appearance","primary","size","xl"],["appearance","primary","size","l",1,"tui-space_left-1"],["appearance","primary","size","m",1,"tui-space_left-1"],["appearance","primary","size","s",1,"tui-space_left-1"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge",0),r.OEk(1," x-large\n"),r.C$Y(),r.I0R(2,"tui-badge",1),r.OEk(3," large\n"),r.C$Y(),r.I0R(4,"tui-badge",2),r.OEk(5," medium\n"),r.C$Y(),r.I0R(6,"tui-badge",3),r.OEk(7," small\n"),r.C$Y())},dependencies:[d.Y],encapsulation:2,changeDetection:0}),t})();var k=a(69352),$=a(54680);let z=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-3"]],decls:25,vars:0,consts:[["tuiPlatform","ios"],[1,"tui-space_vertical-1"],["appearance","primary","iconLeft","tuiIconBox","size","xl"],["appearance","primary","iconLeft","tuiIconBox","size","l",1,"tui-space_left-1"],["appearance","primary","iconLeft","tuiIconBox","size","m",1,"tui-space_left-1"],["appearance","primary","iconLeft","tuiIconBox","size","s",1,"tui-space_left-1"],[1,"tui-space_top-3","tui-space_bottom-1"],["appearance","accent","icon","tuiIconBox","size","xl","tuiBadge",""],["appearance","accent","icon","tuiIconBox","size","l","tuiBadge","",1,"tui-space_left-1"],["appearance","accent","icon","tuiIconBox","size","m","tuiBadge","",1,"tui-space_left-1"],["appearance","accent","icon","tuiIconBox","size","s","tuiBadge","",1,"tui-space_left-1"],["alt","market","size","xl","src","assets/images/avatar.jpg","tuiBadge",""],["alt","market","size","l","src","assets/images/avatar.jpg","tuiBadge","",1,"tui-space_left-1"],["alt","market","size","m","src","assets/images/avatar.jpg","tuiBadge","",1,"tui-space_left-1"],["alt","market","size","s","src","assets/images/avatar.jpg","tuiBadge","",1,"tui-space_left-1"]],template:function(e,t){1&e&&(r.I0R(0,"div",0)(1,"h4",1),r.OEk(2,"Value with icon"),r.C$Y(),r.I0R(3,"tui-badge",2),r.OEk(4," x-large "),r.C$Y(),r.I0R(5,"tui-badge",3),r.OEk(6," large "),r.C$Y(),r.I0R(7,"tui-badge",4),r.OEk(8," medium "),r.C$Y(),r.I0R(9,"tui-badge",5),r.OEk(10," small "),r.C$Y()(),r.I0R(11,"div",0)(12,"h4",6),r.OEk(13,"Icon only"),r.C$Y(),r.wR5(14,"tui-icon",7)(15,"tui-icon",8)(16,"tui-icon",9)(17,"tui-icon",10),r.C$Y(),r.I0R(18,"div",0)(19,"h4",6),r.OEk(20,"Image"),r.C$Y(),r.wR5(21,"img",11)(22,"img",12)(23,"img",13)(24,"img",14),r.C$Y())},dependencies:[d.Y,k.i,$.o],styles:["[_nghost-%COMP%]{display:block;min-width:18rem}"],changeDetection:0}),t})(),T=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-4"]],decls:6,vars:0,consts:[["appearance","primary","size","xl",1,"badge"],["tuiFade",""],["appearance","accent","iconLeft","tuiIconBox","size","l",1,"badge","tui-space_top-3"],[1,"t-ellipsis"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge",0)(1,"div",1),r.OEk(2,"Very long value in badge"),r.C$Y()(),r.I0R(3,"tui-badge",2)(4,"div",3),r.OEk(5,"Very long value in badge"),r.C$Y()())},dependencies:[d.Y,m.y],styles:[".badge[_ngcontent-%COMP%]{max-width:10rem}.t-ellipsis[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),t})(),v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-5"]],decls:4,vars:0,consts:[["appearance","custom","iconLeft","tuiIconLock","size","xl",1,"custom-1"],["appearance","custom","size","xl",1,"custom-2","tui-space_left-3"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge",0),r.OEk(1," 10 000 000 $\n"),r.C$Y(),r.I0R(2,"tui-badge",1),r.OEk(3," Taiga\n"),r.C$Y())},dependencies:[d.Y],styles:[".custom-1[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,#0094cf 0%,#24c0ff 100%);box-shadow:var(--tui-shadow)}.custom-2[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,#c86dd7 0%,#3023ae 100%)}"],changeDetection:0}),t})(),P=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-6"]],features:[r.M5G([(0,u.tuiBadgeOptionsProvider)({appearance:"primary"})])],decls:2,vars:0,template:function(e,t){1&e&&(r.I0R(0,"tui-badge"),r.OEk(1,"10 000 000 $"),r.C$Y())},dependencies:[d.Y],encapsulation:2,changeDetection:0}),t})();function w(e,t){if(1&e&&(r.I0R(0,"p"),r.OEk(1,"Component for displaying text, pictures and icons."),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-badge-example-1"),r.C$Y(),r.I0R(4,"tui-doc-example",3),r.wR5(5,"tui-badge-example-2"),r.C$Y(),r.I0R(6,"tui-doc-example",4),r.wR5(7,"tui-badge-example-3"),r.C$Y(),r.I0R(8,"tui-doc-example",5),r.wR5(9,"tui-badge-example-4"),r.C$Y(),r.I0R(10,"tui-doc-example",6),r.wR5(11,"tui-badge-example-5"),r.C$Y(),r.I0R(12,"tui-doc-example",7),r.wR5(13,"tui-badge-example-6"),r.C$Y()),2&e){const e=r.GaO();r.yG2(2),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3),r.yG2(2),r.E7m("content",e.example4),r.yG2(2),r.E7m("content",e.example5),r.yG2(2),r.E7m("content",e.example6)}}function G(e,t){if(1&e&&(r.I0R(0,"tui-badge",16)(1,"div",17),r.OEk(2,"Taiga UI"),r.C$Y()()),2&e){const e=r.GaO(2);r.E7m("appearance",e.appearance)("dot",e.dot)("size",e.size)}}function M(e,t){if(1&e&&(r.I0R(0,"tui-badge",18),r.OEk(1," Taiga UI "),r.C$Y()),2&e){const e=r.GaO(2);r.E7m("appearance",e.appearance)("dot",e.dot)("size",e.size)}}function V(e,t){if(1&e&&r.wR5(0,"img",19),2&e){const e=r.GaO(2);r.E7m("appearance",e.appearance)("dot",e.dot)("size",e.size)}}function _(e,t){1&e&&r.OEk(0," Show dot on the left side ")}function B(e,t){1&e&&r.OEk(0," Size ")}function L(e,t){1&e&&r.OEk(0," Appearance ")}function S(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo")(1,"p"),r.yuY(2,G,3,3,"tui-badge",8),r.yuY(3,M,2,3,"tui-badge",9),r.yuY(4,V,1,3,"img",10),r.C$Y()(),r.I0R(5,"label",11)(6,"tui-radio-list",12),r.qCj("ngModelChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.contentType=t)})),r.C$Y()(),r.I0R(7,"tui-doc-documentation"),r.yuY(8,_,1,0,"ng-template",13),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.dot=t)})),r.yuY(9,B,1,0,"ng-template",14),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.size=t)})),r.yuY(10,L,1,0,"ng-template",15),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.appearance=t)})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(2),r.E7m("ngIf","with icon"===e.contentType),r.yG2(1),r.E7m("ngIf","text"===e.contentType),r.yG2(1),r.E7m("ngIf","image"===e.contentType),r.yG2(2),r.E7m("items",e.contentTypeVariants)("ngModel",e.contentType),r.yG2(2),r.E7m("documentationPropertyValue",e.dot),r.yG2(1),r.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),r.yG2(1),r.E7m("documentationPropertyValues",e.appearanceVariants)("documentationPropertyValue",e.appearance)}}function j(e,t){if(1&e&&(r.I0R(0,"ol",20)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",21),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",22),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let D=(()=>{var e;class t{constructor(){this.exampleModule=a.e(22996).then(a.t.bind(a,22996,17)),this.exampleHtml=a.e(38032).then(a.t.bind(a,38032,17)),this.example1={HTML:a.e(83679).then(a.t.bind(a,83679,17))},this.example2={HTML:a.e(1368).then(a.t.bind(a,1368,17))},this.example3={HTML:a.e(66112).then(a.t.bind(a,66112,17))},this.example4={HTML:a.e(93008).then(a.t.bind(a,93008,17)),LESS:a.e(92516).then(a.t.bind(a,92516,17))},this.example5={HTML:a.e(93324).then(a.t.bind(a,93324,17)),LESS:a.e(96660).then(a.t.bind(a,96660,17))},this.example6={TypeScript:a.e(17824).then(a.t.bind(a,17824,17)),HTML:a.e(50876).then(a.t.bind(a,50876,17))},this.appearanceVariants=["","accent","primary","custom","success","error","warning","info","neutral"],this.appearance=this.appearanceVariants[0],this.sizeVariants=["s","m","l","xl"],this.size=this.sizeVariants[1],this.contentTypeVariants=["text","with icon","image"],this.contentType=this.contentTypeVariants[0],this.dot=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-badge"]],decls:4,vars:0,consts:[["header","Badge","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","sizes","heading","Sizes",3,"content"],["id","content-type","heading","Content type (mobile platform)",3,"content"],["id","fade","heading","Long value",3,"content"],["id","custom","heading","Customization",3,"content"],["id","options","heading","Options with DI",3,"content"],["iconLeft","tuiIconCheck",3,"appearance","dot","size",4,"ngIf"],[3,"appearance","dot","size",4,"ngIf"],["alt","market","src","assets/images/avatar.jpg","tuiBadge","",3,"appearance","dot","size",4,"ngIf"],["tuiLabel","Content type",1,"tui-space_vertical-3"],["orientation","horizontal",3,"items","ngModel","ngModelChange"],["documentationPropertyMode","input","documentationPropertyName","dot","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","TuiStatus",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["iconLeft","tuiIconCheck",3,"appearance","dot","size"],["tuiFade",""],[3,"appearance","dot","size"],["alt","market","src","assets/images/avatar.jpg","tuiBadge","",3,"appearance","dot","size"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,w,14,6,"ng-template",1),r.yuY(2,S,11,10,"ng-template",1),r.yuY(3,j,9,2,"ng-template",1),r.C$Y())},dependencies:[d.Y,l.M,i.ue,i._G,n.u_,m.y,g.Y,y.u,f.m,C.I,I.S,b.E,h.u,Y.I,R,O,z,T,v,P],encapsulation:2,changeDetection:0}),t})();a(23340);let H=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[p.TuiModeModule,c.TuiRepeatTimesModule,s.C,u.TuiRadioListModule,i.y,n.MD,s.mC,p.TuiNotificationModule,p.TuiTextfieldControllerModule,p.TuiLabelModule,(0,o.If)(D),c.TuiPlatformModule]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[62896],{62896:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiBadgeModule:()=>H});var n=a(86568),i=a(35856),o=a(752),c=a(45328),p=a(62548),s=a(37304),u=a(33976),r=a(6528),d=a(49712),l=a(97800),m=a(24980),g=a(6620),y=a(13692),f=a(96808),C=a(95356),I=a(56616),b=a(34496),h=a(37288),Y=a(83480),x=a(34576);function E(e,t){if(1&e&&(r.I0R(0,"tui-badge"),r.OEk(1," Taiga\n"),r.C$Y()),2&e){const e=t.$implicit;r.m4B("background","var(--tui-support-"+(e+1).toString().padStart(2,"0")+")")}}let R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-1"]],decls:19,vars:1,consts:[["appearance","primary"],["appearance","accent"],["appearance","success"],["appearance","error"],["appearance","warning"],["appearance","neutral"],["appearance","info"],[3,"background",4,"tuiRepeatTimes","tuiRepeatTimesOf"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge"),r.OEk(1,"Default"),r.C$Y(),r.I0R(2,"tui-badge",0),r.OEk(3,"Primary"),r.C$Y(),r.I0R(4,"tui-badge",1),r.OEk(5,"Accent"),r.C$Y(),r.I0R(6,"tui-badge",2),r.OEk(7,"Success"),r.C$Y(),r.I0R(8,"tui-badge",3),r.OEk(9,"Error"),r.C$Y(),r.I0R(10,"tui-badge",4),r.OEk(11,"Warning"),r.C$Y(),r.I0R(12,"tui-badge",5),r.OEk(13,"Neutral"),r.C$Y(),r.I0R(14,"tui-badge",6),r.OEk(15,"Info"),r.C$Y(),r.I0R(16,"p"),r.OEk(17,"Use CSS for support colors"),r.C$Y(),r.yuY(18,E,2,2,"tui-badge",7)),2&e&&(r.yG2(18),r.E7m("tuiRepeatTimesOf",20))},dependencies:[d.Y,x._],styles:["tui-badge[_ngcontent-%COMP%]{margin:.5rem}"],changeDetection:0}),t})(),O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-2"]],decls:8,vars:0,consts:[["appearance","primary","size","xl"],["appearance","primary","size","l",1,"tui-space_left-1"],["appearance","primary","size","m",1,"tui-space_left-1"],["appearance","primary","size","s",1,"tui-space_left-1"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge",0),r.OEk(1," x-large\n"),r.C$Y(),r.I0R(2,"tui-badge",1),r.OEk(3," large\n"),r.C$Y(),r.I0R(4,"tui-badge",2),r.OEk(5," medium\n"),r.C$Y(),r.I0R(6,"tui-badge",3),r.OEk(7," small\n"),r.C$Y())},dependencies:[d.Y],encapsulation:2,changeDetection:0}),t})();var k=a(69352),$=a(54680);let z=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-3"]],decls:25,vars:0,consts:[["tuiPlatform","ios"],[1,"tui-space_vertical-1"],["appearance","primary","iconLeft","tuiIconBox","size","xl"],["appearance","primary","iconLeft","tuiIconBox","size","l",1,"tui-space_left-1"],["appearance","primary","iconLeft","tuiIconBox","size","m",1,"tui-space_left-1"],["appearance","primary","iconLeft","tuiIconBox","size","s",1,"tui-space_left-1"],[1,"tui-space_top-3","tui-space_bottom-1"],["appearance","accent","icon","tuiIconBox","size","xl","tuiBadge",""],["appearance","accent","icon","tuiIconBox","size","l","tuiBadge","",1,"tui-space_left-1"],["appearance","accent","icon","tuiIconBox","size","m","tuiBadge","",1,"tui-space_left-1"],["appearance","accent","icon","tuiIconBox","size","s","tuiBadge","",1,"tui-space_left-1"],["alt","market","size","xl","src","assets/images/avatar.jpg","tuiBadge",""],["alt","market","size","l","src","assets/images/avatar.jpg","tuiBadge","",1,"tui-space_left-1"],["alt","market","size","m","src","assets/images/avatar.jpg","tuiBadge","",1,"tui-space_left-1"],["alt","market","size","s","src","assets/images/avatar.jpg","tuiBadge","",1,"tui-space_left-1"]],template:function(e,t){1&e&&(r.I0R(0,"div",0)(1,"h4",1),r.OEk(2,"Value with icon"),r.C$Y(),r.I0R(3,"tui-badge",2),r.OEk(4," x-large "),r.C$Y(),r.I0R(5,"tui-badge",3),r.OEk(6," large "),r.C$Y(),r.I0R(7,"tui-badge",4),r.OEk(8," medium "),r.C$Y(),r.I0R(9,"tui-badge",5),r.OEk(10," small "),r.C$Y()(),r.I0R(11,"div",0)(12,"h4",6),r.OEk(13,"Icon only"),r.C$Y(),r.wR5(14,"tui-icon",7)(15,"tui-icon",8)(16,"tui-icon",9)(17,"tui-icon",10),r.C$Y(),r.I0R(18,"div",0)(19,"h4",6),r.OEk(20,"Image"),r.C$Y(),r.wR5(21,"img",11)(22,"img",12)(23,"img",13)(24,"img",14),r.C$Y())},dependencies:[d.Y,k.i,$.o],styles:["[_nghost-%COMP%]{display:block;min-width:18rem}"],changeDetection:0}),t})(),T=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-4"]],decls:6,vars:0,consts:[["appearance","primary","size","xl",1,"badge"],["tuiFade",""],["appearance","accent","iconLeft","tuiIconBox","size","l",1,"badge","tui-space_top-3"],[1,"t-ellipsis"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge",0)(1,"div",1),r.OEk(2,"Very long value in badge"),r.C$Y()(),r.I0R(3,"tui-badge",2)(4,"div",3),r.OEk(5,"Very long value in badge"),r.C$Y()())},dependencies:[d.Y,m.y],styles:[".badge[_ngcontent-%COMP%]{max-width:10rem}.t-ellipsis[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis}"],changeDetection:0}),t})(),v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-5"]],decls:4,vars:0,consts:[["appearance","custom","iconLeft","tuiIconLock","size","xl",1,"custom-1"],["appearance","custom","size","xl",1,"custom-2","tui-space_left-3"]],template:function(e,t){1&e&&(r.I0R(0,"tui-badge",0),r.OEk(1," 10 000 000 $\n"),r.C$Y(),r.I0R(2,"tui-badge",1),r.OEk(3," Taiga\n"),r.C$Y())},dependencies:[d.Y],styles:[".custom-1[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,#0094cf 0%,#24c0ff 100%);box-shadow:var(--tui-shadow)}.custom-2[_ngcontent-%COMP%]{background-image:linear-gradient(45deg,#c86dd7 0%,#3023ae 100%)}"],changeDetection:0}),t})(),P=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-badge-example-6"]],features:[r.M5G([(0,u.tuiBadgeOptionsProvider)({appearance:"primary"})])],decls:2,vars:0,template:function(e,t){1&e&&(r.I0R(0,"tui-badge"),r.OEk(1,"10 000 000 $"),r.C$Y())},dependencies:[d.Y],encapsulation:2,changeDetection:0}),t})();function w(e,t){if(1&e&&(r.I0R(0,"p"),r.OEk(1,"Component for displaying text, pictures and icons."),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-badge-example-1"),r.C$Y(),r.I0R(4,"tui-doc-example",3),r.wR5(5,"tui-badge-example-2"),r.C$Y(),r.I0R(6,"tui-doc-example",4),r.wR5(7,"tui-badge-example-3"),r.C$Y(),r.I0R(8,"tui-doc-example",5),r.wR5(9,"tui-badge-example-4"),r.C$Y(),r.I0R(10,"tui-doc-example",6),r.wR5(11,"tui-badge-example-5"),r.C$Y(),r.I0R(12,"tui-doc-example",7),r.wR5(13,"tui-badge-example-6"),r.C$Y()),2&e){const e=r.GaO();r.yG2(2),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3),r.yG2(2),r.E7m("content",e.example4),r.yG2(2),r.E7m("content",e.example5),r.yG2(2),r.E7m("content",e.example6)}}function G(e,t){if(1&e&&(r.I0R(0,"tui-badge",16)(1,"div",17),r.OEk(2,"Taiga UI"),r.C$Y()()),2&e){const e=r.GaO(2);r.E7m("appearance",e.appearance)("dot",e.dot)("size",e.size)}}function M(e,t){if(1&e&&(r.I0R(0,"tui-badge",18),r.OEk(1," Taiga UI "),r.C$Y()),2&e){const e=r.GaO(2);r.E7m("appearance",e.appearance)("dot",e.dot)("size",e.size)}}function V(e,t){if(1&e&&r.wR5(0,"img",19),2&e){const e=r.GaO(2);r.E7m("appearance",e.appearance)("dot",e.dot)("size",e.size)}}function _(e,t){1&e&&r.OEk(0," Show dot on the left side ")}function B(e,t){1&e&&r.OEk(0," Size ")}function L(e,t){1&e&&r.OEk(0," Appearance ")}function S(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo")(1,"p"),r.yuY(2,G,3,3,"tui-badge",8),r.yuY(3,M,2,3,"tui-badge",9),r.yuY(4,V,1,3,"img",10),r.C$Y()(),r.I0R(5,"label",11)(6,"tui-radio-list",12),r.qCj("ngModelChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.contentType=t)})),r.C$Y()(),r.I0R(7,"tui-doc-documentation"),r.yuY(8,_,1,0,"ng-template",13),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.dot=t)})),r.yuY(9,B,1,0,"ng-template",14),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.size=t)})),r.yuY(10,L,1,0,"ng-template",15),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const a=r.GaO();return r.CGJ(a.appearance=t)})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(2),r.E7m("ngIf","with icon"===e.contentType),r.yG2(1),r.E7m("ngIf","text"===e.contentType),r.yG2(1),r.E7m("ngIf","image"===e.contentType),r.yG2(2),r.E7m("items",e.contentTypeVariants)("ngModel",e.contentType),r.yG2(2),r.E7m("documentationPropertyValue",e.dot),r.yG2(1),r.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),r.yG2(1),r.E7m("documentationPropertyValues",e.appearanceVariants)("documentationPropertyValue",e.appearance)}}function j(e,t){if(1&e&&(r.I0R(0,"ol",20)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",21),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",22),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let D=(()=>{var e;class t{constructor(){this.exampleModule=a.e(22996).then(a.t.bind(a,22996,17)),this.exampleHtml=a.e(38032).then(a.t.bind(a,38032,17)),this.example1={HTML:a.e(83679).then(a.t.bind(a,83679,17))},this.example2={HTML:a.e(1368).then(a.t.bind(a,1368,17))},this.example3={HTML:a.e(66112).then(a.t.bind(a,66112,17))},this.example4={HTML:a.e(93008).then(a.t.bind(a,93008,17)),LESS:a.e(92516).then(a.t.bind(a,92516,17))},this.example5={HTML:a.e(93324).then(a.t.bind(a,93324,17)),LESS:a.e(96660).then(a.t.bind(a,96660,17))},this.example6={TypeScript:a.e(17824).then(a.t.bind(a,17824,17)),HTML:a.e(50876).then(a.t.bind(a,50876,17))},this.appearanceVariants=["","accent","primary","custom","success","error","warning","info","neutral"],this.appearance=this.appearanceVariants[0],this.sizeVariants=["s","m","l","xl"],this.size=this.sizeVariants[1],this.contentTypeVariants=["text","with icon","image"],this.contentType=this.contentTypeVariants[0],this.dot=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-badge"]],decls:4,vars:0,consts:[["header","Badge","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","sizes","heading","Sizes",3,"content"],["id","content-type","heading","Content type (mobile platform)",3,"content"],["id","fade","heading","Long value",3,"content"],["id","custom","heading","Customization",3,"content"],["id","options","heading","Options with DI",3,"content"],["iconLeft","tuiIconCheck",3,"appearance","dot","size",4,"ngIf"],[3,"appearance","dot","size",4,"ngIf"],["alt","market","src","assets/images/avatar.jpg","tuiBadge","",3,"appearance","dot","size",4,"ngIf"],["tuiLabel","Content type",1,"tui-space_vertical-3"],["orientation","horizontal",3,"items","ngModel","ngModelChange"],["documentationPropertyMode","input","documentationPropertyName","dot","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","TuiStatus",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["iconLeft","tuiIconCheck",3,"appearance","dot","size"],["tuiFade",""],[3,"appearance","dot","size"],["alt","market","src","assets/images/avatar.jpg","tuiBadge","",3,"appearance","dot","size"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,w,14,6,"ng-template",1),r.yuY(2,S,11,10,"ng-template",1),r.yuY(3,j,9,2,"ng-template",1),r.C$Y())},dependencies:[d.Y,l.M,i.ue,i._G,n.u_,m.y,g.Y,y.u,f.m,C.I,I.S,b.E,h.u,Y.I,R,O,z,T,v,P],encapsulation:2,changeDetection:0}),t})();a(23340);let H=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[p.TuiModeModule,c.TuiRepeatTimesModule,s.C,u.TuiRadioListModule,i.y,n.MD,s.mC,p.TuiNotificationModule,p.TuiTextfieldControllerModule,p.TuiLabelModule,(0,o.If)(D),c.TuiPlatformModule]}),t})()}}]);
\ No newline at end of file
diff --git a/next/63932.b6a9cd27af6ff5a7.js b/next/63932.d6a4e6f7175e05e3.js
similarity index 99%
rename from next/63932.b6a9cd27af6ff5a7.js
rename to next/63932.d6a4e6f7175e05e3.js
index 0022cb59af52..194957a258a1 100644
--- a/next/63932.b6a9cd27af6ff5a7.js
+++ b/next/63932.d6a4e6f7175e05e3.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[63932],{63932:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiHeaderModule:()=>M});var n=i(86568),o=i(35856),a=i(752),u=i(62548),r=i(84788),s=i(33976),c=i(6528),d=i(13692),l=i(34496),p=i(37288),m=i(83480),v=i(62224),I=i(67156),E=i(14028),C=i(52132),O=i(26220);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-header-example-1"]],decls:70,vars:0,consts:[["tuiHeader","xxl"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["size","l","tuiButton",""],["tuiHeader","xl"],["size","m","tuiButton",""],["tuiHeader","l"],["tuiHeader","m"],["tuiButton",""],["tuiHeader","s"],["tuiHeader","xs"],["size","s"],["size","xs","tuiButton",""],["tuiHeader","xxs"]],template:function(e,t){1&e&&(c.I0R(0,"div",0)(1,"h1",1),c.OEk(2," Title "),c.I0R(3,"div",2),c.OEk(4,"Subtitle"),c.C$Y()(),c.I0R(5,"div",3)(6,"tui-badge-notification"),c.OEk(7,"1"),c.C$Y(),c.I0R(8,"button",4),c.OEk(9," Button "),c.C$Y()()(),c.I0R(10,"div",5)(11,"h2",1),c.OEk(12," Title "),c.I0R(13,"div",2),c.OEk(14,"Subtitle"),c.C$Y()(),c.I0R(15,"div",3)(16,"tui-badge-notification"),c.OEk(17,"1"),c.C$Y(),c.I0R(18,"button",6),c.OEk(19," Button "),c.C$Y()()(),c.I0R(20,"div",7)(21,"h3",1),c.OEk(22," Title "),c.I0R(23,"div",2),c.OEk(24,"Subtitle"),c.C$Y()(),c.I0R(25,"div",3)(26,"tui-badge-notification"),c.OEk(27,"1"),c.C$Y(),c.I0R(28,"button",6),c.OEk(29," Button "),c.C$Y()()(),c.I0R(30,"div",8)(31,"h4",1),c.OEk(32," Title "),c.I0R(33,"div",2),c.OEk(34,"Subtitle"),c.C$Y()(),c.I0R(35,"div",3)(36,"tui-badge-notification"),c.OEk(37,"1"),c.C$Y(),c.I0R(38,"button",9),c.OEk(39,"Button"),c.C$Y()()(),c.I0R(40,"div",10)(41,"h5",1),c.OEk(42," Title "),c.I0R(43,"div",2),c.OEk(44,"Subtitle"),c.C$Y()(),c.I0R(45,"div",3)(46,"tui-badge-notification"),c.OEk(47,"1"),c.C$Y(),c.I0R(48,"button",9),c.OEk(49,"Button"),c.C$Y()()(),c.I0R(50,"div",11)(51,"h6",1),c.OEk(52," Title "),c.I0R(53,"div",2),c.OEk(54,"Subtitle"),c.C$Y()(),c.I0R(55,"div",3)(56,"tui-badge-notification",12),c.OEk(57,"1"),c.C$Y(),c.I0R(58,"button",13),c.OEk(59," Button "),c.C$Y()()(),c.I0R(60,"div",14)(61,"span",1),c.OEk(62," Title "),c.I0R(63,"div",2),c.OEk(64,"Subtitle"),c.C$Y()(),c.I0R(65,"div",3)(66,"tui-badge-notification",12),c.OEk(67,"1"),c.C$Y(),c.I0R(68,"button",13),c.OEk(69," Button "),c.C$Y()()())},dependencies:[I.u,E.s,C.e,O.W],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})();var R=i(49712),h=i(72195),f=i(50664),b=i(3088);let g=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-header-example-2"]],decls:39,vars:1,consts:[["tuiHeader",""],["tuiTitle",""],["tuiCaption",""],["tuiSubtitle",""],["tuiAccessories",""],["content","Angular kit"],["appearance","accent","src","tuiIconStar"],[1,"description"],[3,"tuiSensitive"],["content","Mask it"],["href","https://maskito.dev/","rel","noreferrer","target","_blank","tuiButton",""]],template:function(e,t){1&e&&(c.I0R(0,"div")(1,"div",0)(2,"h5",1)(3,"div",2),c.OEk(4,"Opensource"),c.C$Y(),c.OEk(5," Taiga UI "),c.I0R(6,"div",3),c.OEk(7,"Component library"),c.C$Y()(),c.I0R(8,"div",4)(9,"tui-badge-notification"),c.OEk(10,"1"),c.C$Y(),c.wR5(11,"tui-tooltip",5)(12,"tui-avatar",6),c.C$Y()(),c.I0R(13,"p",7),c.OEk(14," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad aliquam asperiores atque autem consequatur cumque cupiditate delectus doloremque doloribus ea earum eius eos error esse est eum eveniet "),c.C$Y()(),c.I0R(15,"div")(16,"div",0)(17,"div",1),c.OEk(18," Maskito "),c.I0R(19,"div",3),c.OEk(20," Awesome "),c.I0R(21,"span",8),c.OEk(22,"one"),c.C$Y()()(),c.I0R(23,"div",4)(24,"tui-badge-notification"),c.OEk(25,"1"),c.C$Y(),c.wR5(26,"tui-tooltip",9),c.I0R(27,"a",10),c.OEk(28," Support "),c.C$Y()()(),c.I0R(29,"p",7),c.OEk(30," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad aliquam asperiores atque autem consequatur cumque cupiditate delectus doloremque doloribus ea earum eius eos error esse est eum eveniet "),c.C$Y()(),c.I0R(31,"div",0)(32,"div",1),c.OEk(33," Polymorpheus "),c.I0R(34,"div",3),c.OEk(35,"The power of dreams"),c.C$Y()(),c.I0R(36,"div",4)(37,"tui-badge"),c.OEk(38,"Free tier"),c.C$Y()()()),2&e&&(c.yG2(21),c.E7m("tuiSensitive",!0))},dependencies:[R.Y,I.u,h.i,E.s,C.e,f.H,O.W,b.I],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:3rem}.description[_ngcontent-%COMP%]{font:var(--tui-font-text-l);margin-top:.5rem;max-width:30rem}"],changeDetection:0}),t})();var Y=i(69352);let $=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-header-example-3"]],decls:7,vars:0,consts:[["tuiHeader","m"],["tuiTitle",""],[1,"interactive-title"],["icon","tuiIconChevronRight"],["tuiSubtitle",""]],template:function(e,t){1&e&&(c.I0R(0,"div",0)(1,"div",1)(2,"span",2),c.OEk(3," Title "),c.wR5(4,"tui-icon",3),c.C$Y(),c.I0R(5,"div",4),c.OEk(6,"Subtitle"),c.C$Y()()())},dependencies:[E.s,C.e,Y.i],styles:[".interactive-title[_ngcontent-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}.interactive-title[_ngcontent-%COMP%] > tui-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.interactive-title[_ngcontent-%COMP%]:hover{color:var(--tui-link)}.interactive-title[_ngcontent-%COMP%]:hover > tui-icon[_ngcontent-%COMP%]{transform:translate(.25rem)}"],changeDetection:0}),t})();function x(e,t){if(1&e&&(c.I0R(0,"tui-notification",3),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"tui-doc-example",4),c.wR5(6,"tui-header-example-1"),c.C$Y(),c.I0R(7,"tui-doc-example",5),c.wR5(8,"tui-header-example-2"),c.C$Y(),c.I0R(9,"tui-doc-example",6),c.wR5(10,"tui-header-example-3"),c.C$Y()),2&e){const e=c.GaO();c.yG2(5),c.E7m("content",e.example1),c.yG2(2),c.E7m("content",e.example2),c.yG2(2),c.E7m("content",e.example3)}}function T(e,t){if(1&e&&(c.I0R(0,"ol",7)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",8),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",9),c.C$Y()()),2&e){const e=c.GaO();c.yG2(4),c.E7m("code",e.exampleModule),c.yG2(4),c.E7m("code",e.exampleHtml)}}let y=(()=>{var e;class t{constructor(){this.exampleModule=i.e(74352).then(i.t.bind(i,74352,17)),this.exampleHtml=i.e(58219).then(i.t.bind(i,58219,17)),this.example1={HTML:i.e(86584).then(i.t.bind(i,86584,17))},this.example2={HTML:i.e(29024).then(i.t.bind(i,29024,17)),LESS:i.e(31328).then(i.t.bind(i,31328,17))},this.example3={HTML:i.e(60332).then(i.t.bind(i,60332,17)),LESS:i.e(60844).then(i.t.bind(i,60844,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["example-header"]],features:[c.M5G([(0,a.Eh)({fullsize:!0})])],decls:3,vars:0,consts:[["header","Header","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","description","Buttons/badges sizes according to the header size","heading","Sizes",3,"content"],["id","accessories","heading","Accessories",3,"content"],["id","interactive","heading","Interactive",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.I0R(0,"tui-doc-page",0),c.yuY(1,x,11,3,"ng-template",1),c.yuY(2,T,9,2,"ng-template",2),c.C$Y())},dependencies:[d.u,l.E,p.u,m.I,v.e,k,g,$],styles:["example-header [tuiHeader]{max-width:30rem}\n"],encapsulation:2,changeDetection:0}),t})();i(23340);let M=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.a4G({type:e}),e.ɵinj=c.s3X({imports:[n.MD,o.y,r._e,r.O0,u.TuiTooltipModule,r._M,r.C,r.kT,s.TuiSelectModule,s.TuiDataListWrapperModule,u.TuiTextfieldControllerModule,r.CI,(0,a.If)(y),u.TuiNotificationModule,r.CA]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[63932],{63932:(e,t,i)=>{i.r(t),i.d(t,{ExampleTuiHeaderModule:()=>M});var n=i(86568),o=i(35856),a=i(752),u=i(62548),r=i(37304),s=i(33976),c=i(6528),d=i(13692),l=i(34496),p=i(37288),m=i(83480),v=i(62224),I=i(67156),E=i(14028),C=i(52132),O=i(26220);let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-header-example-1"]],decls:70,vars:0,consts:[["tuiHeader","xxl"],["tuiTitle",""],["tuiSubtitle",""],["tuiAccessories",""],["size","l","tuiButton",""],["tuiHeader","xl"],["size","m","tuiButton",""],["tuiHeader","l"],["tuiHeader","m"],["tuiButton",""],["tuiHeader","s"],["tuiHeader","xs"],["size","s"],["size","xs","tuiButton",""],["tuiHeader","xxs"]],template:function(e,t){1&e&&(c.I0R(0,"div",0)(1,"h1",1),c.OEk(2," Title "),c.I0R(3,"div",2),c.OEk(4,"Subtitle"),c.C$Y()(),c.I0R(5,"div",3)(6,"tui-badge-notification"),c.OEk(7,"1"),c.C$Y(),c.I0R(8,"button",4),c.OEk(9," Button "),c.C$Y()()(),c.I0R(10,"div",5)(11,"h2",1),c.OEk(12," Title "),c.I0R(13,"div",2),c.OEk(14,"Subtitle"),c.C$Y()(),c.I0R(15,"div",3)(16,"tui-badge-notification"),c.OEk(17,"1"),c.C$Y(),c.I0R(18,"button",6),c.OEk(19," Button "),c.C$Y()()(),c.I0R(20,"div",7)(21,"h3",1),c.OEk(22," Title "),c.I0R(23,"div",2),c.OEk(24,"Subtitle"),c.C$Y()(),c.I0R(25,"div",3)(26,"tui-badge-notification"),c.OEk(27,"1"),c.C$Y(),c.I0R(28,"button",6),c.OEk(29," Button "),c.C$Y()()(),c.I0R(30,"div",8)(31,"h4",1),c.OEk(32," Title "),c.I0R(33,"div",2),c.OEk(34,"Subtitle"),c.C$Y()(),c.I0R(35,"div",3)(36,"tui-badge-notification"),c.OEk(37,"1"),c.C$Y(),c.I0R(38,"button",9),c.OEk(39,"Button"),c.C$Y()()(),c.I0R(40,"div",10)(41,"h5",1),c.OEk(42," Title "),c.I0R(43,"div",2),c.OEk(44,"Subtitle"),c.C$Y()(),c.I0R(45,"div",3)(46,"tui-badge-notification"),c.OEk(47,"1"),c.C$Y(),c.I0R(48,"button",9),c.OEk(49,"Button"),c.C$Y()()(),c.I0R(50,"div",11)(51,"h6",1),c.OEk(52," Title "),c.I0R(53,"div",2),c.OEk(54,"Subtitle"),c.C$Y()(),c.I0R(55,"div",3)(56,"tui-badge-notification",12),c.OEk(57,"1"),c.C$Y(),c.I0R(58,"button",13),c.OEk(59," Button "),c.C$Y()()(),c.I0R(60,"div",14)(61,"span",1),c.OEk(62," Title "),c.I0R(63,"div",2),c.OEk(64,"Subtitle"),c.C$Y()(),c.I0R(65,"div",3)(66,"tui-badge-notification",12),c.OEk(67,"1"),c.C$Y(),c.I0R(68,"button",13),c.OEk(69," Button "),c.C$Y()()())},dependencies:[I.u,E.s,C.e,O.W],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:2rem}"],changeDetection:0}),t})();var R=i(49712),h=i(72195),f=i(50664),b=i(3088);let g=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-header-example-2"]],decls:39,vars:1,consts:[["tuiHeader",""],["tuiTitle",""],["tuiCaption",""],["tuiSubtitle",""],["tuiAccessories",""],["content","Angular kit"],["appearance","accent","src","tuiIconStar"],[1,"description"],[3,"tuiSensitive"],["content","Mask it"],["href","https://maskito.dev/","rel","noreferrer","target","_blank","tuiButton",""]],template:function(e,t){1&e&&(c.I0R(0,"div")(1,"div",0)(2,"h5",1)(3,"div",2),c.OEk(4,"Opensource"),c.C$Y(),c.OEk(5," Taiga UI "),c.I0R(6,"div",3),c.OEk(7,"Component library"),c.C$Y()(),c.I0R(8,"div",4)(9,"tui-badge-notification"),c.OEk(10,"1"),c.C$Y(),c.wR5(11,"tui-tooltip",5)(12,"tui-avatar",6),c.C$Y()(),c.I0R(13,"p",7),c.OEk(14," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad aliquam asperiores atque autem consequatur cumque cupiditate delectus doloremque doloribus ea earum eius eos error esse est eum eveniet "),c.C$Y()(),c.I0R(15,"div")(16,"div",0)(17,"div",1),c.OEk(18," Maskito "),c.I0R(19,"div",3),c.OEk(20," Awesome "),c.I0R(21,"span",8),c.OEk(22,"one"),c.C$Y()()(),c.I0R(23,"div",4)(24,"tui-badge-notification"),c.OEk(25,"1"),c.C$Y(),c.wR5(26,"tui-tooltip",9),c.I0R(27,"a",10),c.OEk(28," Support "),c.C$Y()()(),c.I0R(29,"p",7),c.OEk(30," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium ad aliquam asperiores atque autem consequatur cumque cupiditate delectus doloremque doloribus ea earum eius eos error esse est eum eveniet "),c.C$Y()(),c.I0R(31,"div",0)(32,"div",1),c.OEk(33," Polymorpheus "),c.I0R(34,"div",3),c.OEk(35,"The power of dreams"),c.C$Y()(),c.I0R(36,"div",4)(37,"tui-badge"),c.OEk(38,"Free tier"),c.C$Y()()()),2&e&&(c.yG2(21),c.E7m("tuiSensitive",!0))},dependencies:[R.Y,I.u,h.i,E.s,C.e,f.H,O.W,b.I],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:3rem}.description[_ngcontent-%COMP%]{font:var(--tui-font-text-l);margin-top:.5rem;max-width:30rem}"],changeDetection:0}),t})();var Y=i(69352);let $=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["tui-header-example-3"]],decls:7,vars:0,consts:[["tuiHeader","m"],["tuiTitle",""],[1,"interactive-title"],["icon","tuiIconChevronRight"],["tuiSubtitle",""]],template:function(e,t){1&e&&(c.I0R(0,"div",0)(1,"div",1)(2,"span",2),c.OEk(3," Title "),c.wR5(4,"tui-icon",3),c.C$Y(),c.I0R(5,"div",4),c.OEk(6,"Subtitle"),c.C$Y()()())},dependencies:[E.s,C.e,Y.i],styles:[".interactive-title[_ngcontent-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;cursor:pointer}.interactive-title[_ngcontent-%COMP%] > tui-icon[_ngcontent-%COMP%]{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}.interactive-title[_ngcontent-%COMP%]:hover{color:var(--tui-link)}.interactive-title[_ngcontent-%COMP%]:hover > tui-icon[_ngcontent-%COMP%]{transform:translate(.25rem)}"],changeDetection:0}),t})();function x(e,t){if(1&e&&(c.I0R(0,"tui-notification",3),c.OEk(1," This code is "),c.I0R(2,"strong"),c.OEk(3,"experimental"),c.C$Y(),c.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.C$Y(),c.I0R(5,"tui-doc-example",4),c.wR5(6,"tui-header-example-1"),c.C$Y(),c.I0R(7,"tui-doc-example",5),c.wR5(8,"tui-header-example-2"),c.C$Y(),c.I0R(9,"tui-doc-example",6),c.wR5(10,"tui-header-example-3"),c.C$Y()),2&e){const e=c.GaO();c.yG2(5),c.E7m("content",e.example1),c.yG2(2),c.E7m("content",e.example2),c.yG2(2),c.E7m("content",e.example3)}}function T(e,t){if(1&e&&(c.I0R(0,"ol",7)(1,"li")(2,"p"),c.OEk(3,"Import module:"),c.C$Y(),c.wR5(4,"tui-doc-code",8),c.C$Y(),c.I0R(5,"li")(6,"p"),c.OEk(7,"Add to the template:"),c.C$Y(),c.wR5(8,"tui-doc-code",9),c.C$Y()()),2&e){const e=c.GaO();c.yG2(4),c.E7m("code",e.exampleModule),c.yG2(4),c.E7m("code",e.exampleHtml)}}let y=(()=>{var e;class t{constructor(){this.exampleModule=i.e(74352).then(i.t.bind(i,74352,17)),this.exampleHtml=i.e(58219).then(i.t.bind(i,58219,17)),this.example1={HTML:i.e(86584).then(i.t.bind(i,86584,17))},this.example2={HTML:i.e(29024).then(i.t.bind(i,29024,17)),LESS:i.e(31328).then(i.t.bind(i,31328,17))},this.example3={HTML:i.e(60332).then(i.t.bind(i,60332,17)),LESS:i.e(60844).then(i.t.bind(i,60844,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.In1({type:e,selectors:[["example-header"]],features:[c.M5G([(0,a.Eh)({fullsize:!0})])],decls:3,vars:0,consts:[["header","Header","package","EXPERIMENTAL","type","directives"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","base","description","Buttons/badges sizes according to the header size","heading","Sizes",3,"content"],["id","accessories","heading","Accessories",3,"content"],["id","interactive","heading","Interactive",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.I0R(0,"tui-doc-page",0),c.yuY(1,x,11,3,"ng-template",1),c.yuY(2,T,9,2,"ng-template",2),c.C$Y())},dependencies:[d.u,l.E,p.u,m.I,v.e,k,g,$],styles:["example-header [tuiHeader]{max-width:30rem}\n"],encapsulation:2,changeDetection:0}),t})();i(23340);let M=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.a4G({type:e}),e.ɵinj=c.s3X({imports:[n.MD,o.y,r._e,r.O0,u.TuiTooltipModule,r._M,r.C,r.kT,s.TuiSelectModule,s.TuiDataListWrapperModule,u.TuiTextfieldControllerModule,r.CI,(0,a.If)(y),u.TuiNotificationModule,r.CA]}),t})()}}]);
\ No newline at end of file
diff --git a/next/64660.cb9e3c78e9134461.js b/next/64660.8250af1080983103.js
similarity index 99%
rename from next/64660.cb9e3c78e9134461.js
rename to next/64660.8250af1080983103.js
index 752d4dae0d9c..cbf19b74bf8d 100644
--- a/next/64660.cb9e3c78e9134461.js
+++ b/next/64660.8250af1080983103.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64660],{64660:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiThumbnailCardModule:()=>x});var o=n(86568),a=n(752),i=n(84788),r=n(6528),c=n(17060),s=n(13692),u=n(96808),m=n(95356),d=n(56616),l=n(34496),p=n(37288),y=n(83480);function g(e,t){if(1&e&&(r.I0R(0,"tui-thumbnail-card",1),r.OEk(1," 4572\n"),r.C$Y()),2&e){const e=t.$implicit;r.E7m("size",e)}}let h=(()=>{var e;class t{constructor(){this.sizes=["s","m","l"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-thumbnail-card-example-1"]],decls:1,vars:1,consts:[["iconLeft","tuiIconLock","iconRight","tuiIconCloud","paymentSystem","mastercard",3,"size",4,"ngFor","ngForOf"],["iconLeft","tuiIconLock","iconRight","tuiIconCloud","paymentSystem","mastercard",3,"size"]],template:function(e,t){1&e&&r.yuY(0,g,2,1,"tui-thumbnail-card",0),2&e&&r.E7m("ngForOf",t.sizes)},dependencies:[o.ay,c.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})(),f=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-thumbnail-card-example-2"]],decls:2,vars:0,consts:[["paymentSystem","mir",1,"logo"]],template:function(e,t){1&e&&(r.I0R(0,"tui-thumbnail-card",0),r.OEk(1," 7777\n"),r.C$Y())},dependencies:[c.k],styles:["@keyframes _ngcontent-%COMP%_spinCard{0%{transform:rotateY(0);box-shadow:0 0 #0000004d}12%{transform:rotateY(90deg) rotate(6deg) scale(1.7);box-shadow:0 .25rem .5rem #0000004d}25%{transform:rotateY(180deg);box-shadow:0 0 #0000004d}50%{transform:rotateY(180deg);box-shadow:0 0 #0000004d}62%{transform:rotateY(270deg) rotate(-8deg) scale(1.7);box-shadow:0 .25rem .5rem #0000004d}80%{transform:rotateY(720deg);box-shadow:0 0 #0000004d}to{transform:rotateY(720deg);box-shadow:0 0 #0000004d}}[_nghost-%COMP%]{perspective:50rem}.logo[_ngcontent-%COMP%]{background-color:#7c48c3;background-image:linear-gradient(45deg,#c86dd7 0%,#3023ae 100%);overflow:visible;animation:_ngcontent-%COMP%_spinCard 5s infinite}"],changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-thumbnail-card-example-3"]],decls:8,vars:0,consts:[["iconRight","tuiIconUser","paymentSystem","visa","size","l",1,"star"],["iconRight","tuiIconUser","paymentSystem","mastercard","size","l",1,"gradient"],["paymentSystem","maestro","size","l",1,"retrowave"],["paymentSystem","amex","size","l",1,"radial"]],template:function(e,t){1&e&&(r.I0R(0,"tui-thumbnail-card",0),r.OEk(1," 1234\n"),r.C$Y(),r.I0R(2,"tui-thumbnail-card",1),r.OEk(3," 5678\n"),r.C$Y(),r.I0R(4,"tui-thumbnail-card",2),r.OEk(5," 9000\n"),r.C$Y(),r.I0R(6,"tui-thumbnail-card",3),r.OEk(7," 7777\n"),r.C$Y())},dependencies:[c.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.star[_ngcontent-%COMP%]{color:#000;background:linear-gradient(45deg,#ffaa00d1,#ffaa00),url(/assets/taiga-ui/icons/tuiIconStarLarge.svg);background-color:#fff}.gradient[_ngcontent-%COMP%]{color:#fff;background:#2b9aff linear-gradient(110deg,transparent 70%,#0780ff 71%,#db028b 100%)}.retrowave[_ngcontent-%COMP%]{color:#ecb5ff;background:url(/assets/images/avatar.jpg) no-repeat center / cover}.retrowave[_ngcontent-%COMP%]:before{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.radial[_ngcontent-%COMP%]{color:#fff;background:radial-gradient(#c900ff,#0079be)}"],changeDetection:0}),t})();function C(e,t){if(1&e&&(r.I0R(0,"p"),r.OEk(1,"Customizable credit card thumbnail"),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-thumbnail-card-example-1"),r.C$Y(),r.I0R(4,"tui-doc-example",3),r.wR5(5,"tui-thumbnail-card-example-2"),r.C$Y(),r.I0R(6,"tui-doc-example",4),r.wR5(7,"tui-thumbnail-card-example-3"),r.C$Y()),2&e){const e=r.GaO();r.yG2(2),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3)}}function P(e,t){1&e&&r.OEk(0," Icon on the left ")}function k(e,t){1&e&&r.OEk(0," Icon on the right ")}function E(e,t){1&e&&r.OEk(0," Payment system ")}function O(e,t){1&e&&r.OEk(0," Size ")}function I(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo")(1,"tui-thumbnail-card",5),r.OEk(2," 1234 "),r.C$Y()(),r.I0R(3,"tui-doc-documentation"),r.yuY(4,P,1,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.iconLeft=t)})),r.yuY(5,k,1,0,"ng-template",7),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.iconRight=t)})),r.yuY(6,E,1,0,"ng-template",8),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.paymentSystem=t)})),r.yuY(7,O,1,0,"ng-template",9),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.size=t)})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(1),r.E7m("iconLeft",e.iconLeft)("iconRight",e.iconRight)("paymentSystem",e.paymentSystem)("size",e.size),r.yG2(3),r.E7m("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.iconLeft),r.yG2(1),r.E7m("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.iconRight),r.yG2(1),r.E7m("documentationPropertyValues",e.paymentSystemVariants)("documentationPropertyValue",e.paymentSystem),r.yG2(1),r.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size)}}function R(e,t){if(1&e&&(r.I0R(0,"ol",10)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",11),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",12),r.C$Y(),r.I0R(9,"li"),r.OEk(10," Set card styles with "),r.I0R(11,"code"),r.OEk(12,"color"),r.C$Y(),r.OEk(13," , "),r.I0R(14,"code"),r.OEk(15,"background-color"),r.C$Y(),r.OEk(16," , "),r.I0R(17,"code"),r.OEk(18,"background-image"),r.C$Y(),r.OEk(19," : "),r.wR5(20,"tui-doc-code",13),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml),r.yG2(12),r.E7m("code",e.exampleCustomizeStyles)}}let Y=(()=>{var e;class t{constructor(){this.exampleModule=n.e(49536).then(n.t.bind(n,49536,17)),this.exampleHtml=n.e(99172).then(n.t.bind(n,99172,17)),this.exampleCustomizeStyles=n.e(42096).then(n.t.bind(n,42096,17)),this.example1={HTML:n.e(68460).then(n.t.bind(n,68460,17))},this.example2={HTML:n.e(65395).then(n.t.bind(n,65395,17)),LESS:n.e(65380).then(n.t.bind(n,65380,17))},this.example3={HTML:n.e(24348).then(n.t.bind(n,1968,17)),LESS:n.e(84916).then(n.t.bind(n,84916,17))},this.iconVariants=["","tuiIconLock","tuiIconCloud","tuiIconUser"],this.iconLeft=this.iconVariants[0],this.iconRight=this.iconVariants[0],this.paymentSystemVariants=["amex","dinersclub","discover","electron","humo","jcb","maestro","mastercard","mir","rupay","unionpay","uzcard","verve","visa"],this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[1],this.paymentSystem=null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-tui-thumbnail-card"]],decls:4,vars:0,consts:[["header","ThumbnailCard","package","EXPERIMENTAL","type","components"],["pageTab",""],["id","sizes","heading","Sizes",3,"content"],["id","best","heading","A cool one",3,"content"],["id","backgrounds","heading","Backgrounds",3,"content"],[3,"iconLeft","iconRight","paymentSystem","size"],["documentationPropertyMode","input","documentationPropertyName","iconLeft","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconRight","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","paymentSystem","documentationPropertyType","TuiPaymentSystem | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS | TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"],["filename","myComponent.style.less",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,C,8,3,"ng-template",1),r.yuY(2,I,8,12,"ng-template",1),r.yuY(3,R,21,3,"ng-template",1),r.C$Y())},dependencies:[c.k,s.u,u.m,m.I,d.S,l.E,p.u,y.I,h,f,b],encapsulation:2,changeDetection:0}),t})();n(23340);let x=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.MD,i.iK,(0,a.If)(Y)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64660],{64660:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiThumbnailCardModule:()=>x});var o=n(86568),a=n(752),i=n(37304),r=n(6528),c=n(17060),s=n(13692),u=n(96808),m=n(95356),d=n(56616),l=n(34496),p=n(37288),y=n(83480);function g(e,t){if(1&e&&(r.I0R(0,"tui-thumbnail-card",1),r.OEk(1," 4572\n"),r.C$Y()),2&e){const e=t.$implicit;r.E7m("size",e)}}let h=(()=>{var e;class t{constructor(){this.sizes=["s","m","l"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-thumbnail-card-example-1"]],decls:1,vars:1,consts:[["iconLeft","tuiIconLock","iconRight","tuiIconCloud","paymentSystem","mastercard",3,"size",4,"ngFor","ngForOf"],["iconLeft","tuiIconLock","iconRight","tuiIconCloud","paymentSystem","mastercard",3,"size"]],template:function(e,t){1&e&&r.yuY(0,g,2,1,"tui-thumbnail-card",0),2&e&&r.E7m("ngForOf",t.sizes)},dependencies:[o.ay,c.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})(),f=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-thumbnail-card-example-2"]],decls:2,vars:0,consts:[["paymentSystem","mir",1,"logo"]],template:function(e,t){1&e&&(r.I0R(0,"tui-thumbnail-card",0),r.OEk(1," 7777\n"),r.C$Y())},dependencies:[c.k],styles:["@keyframes _ngcontent-%COMP%_spinCard{0%{transform:rotateY(0);box-shadow:0 0 #0000004d}12%{transform:rotateY(90deg) rotate(6deg) scale(1.7);box-shadow:0 .25rem .5rem #0000004d}25%{transform:rotateY(180deg);box-shadow:0 0 #0000004d}50%{transform:rotateY(180deg);box-shadow:0 0 #0000004d}62%{transform:rotateY(270deg) rotate(-8deg) scale(1.7);box-shadow:0 .25rem .5rem #0000004d}80%{transform:rotateY(720deg);box-shadow:0 0 #0000004d}to{transform:rotateY(720deg);box-shadow:0 0 #0000004d}}[_nghost-%COMP%]{perspective:50rem}.logo[_ngcontent-%COMP%]{background-color:#7c48c3;background-image:linear-gradient(45deg,#c86dd7 0%,#3023ae 100%);overflow:visible;animation:_ngcontent-%COMP%_spinCard 5s infinite}"],changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-thumbnail-card-example-3"]],decls:8,vars:0,consts:[["iconRight","tuiIconUser","paymentSystem","visa","size","l",1,"star"],["iconRight","tuiIconUser","paymentSystem","mastercard","size","l",1,"gradient"],["paymentSystem","maestro","size","l",1,"retrowave"],["paymentSystem","amex","size","l",1,"radial"]],template:function(e,t){1&e&&(r.I0R(0,"tui-thumbnail-card",0),r.OEk(1," 1234\n"),r.C$Y(),r.I0R(2,"tui-thumbnail-card",1),r.OEk(3," 5678\n"),r.C$Y(),r.I0R(4,"tui-thumbnail-card",2),r.OEk(5," 9000\n"),r.C$Y(),r.I0R(6,"tui-thumbnail-card",3),r.OEk(7," 7777\n"),r.C$Y())},dependencies:[c.k],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.star[_ngcontent-%COMP%]{color:#000;background:linear-gradient(45deg,#ffaa00d1,#ffaa00),url(/assets/taiga-ui/icons/tuiIconStarLarge.svg);background-color:#fff}.gradient[_ngcontent-%COMP%]{color:#fff;background:#2b9aff linear-gradient(110deg,transparent 70%,#0780ff 71%,#db028b 100%)}.retrowave[_ngcontent-%COMP%]{color:#ecb5ff;background:url(/assets/images/avatar.jpg) no-repeat center / cover}.retrowave[_ngcontent-%COMP%]:before{-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem)}.radial[_ngcontent-%COMP%]{color:#fff;background:radial-gradient(#c900ff,#0079be)}"],changeDetection:0}),t})();function C(e,t){if(1&e&&(r.I0R(0,"p"),r.OEk(1,"Customizable credit card thumbnail"),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-thumbnail-card-example-1"),r.C$Y(),r.I0R(4,"tui-doc-example",3),r.wR5(5,"tui-thumbnail-card-example-2"),r.C$Y(),r.I0R(6,"tui-doc-example",4),r.wR5(7,"tui-thumbnail-card-example-3"),r.C$Y()),2&e){const e=r.GaO();r.yG2(2),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3)}}function P(e,t){1&e&&r.OEk(0," Icon on the left ")}function k(e,t){1&e&&r.OEk(0," Icon on the right ")}function E(e,t){1&e&&r.OEk(0," Payment system ")}function O(e,t){1&e&&r.OEk(0," Size ")}function I(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo")(1,"tui-thumbnail-card",5),r.OEk(2," 1234 "),r.C$Y()(),r.I0R(3,"tui-doc-documentation"),r.yuY(4,P,1,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.iconLeft=t)})),r.yuY(5,k,1,0,"ng-template",7),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.iconRight=t)})),r.yuY(6,E,1,0,"ng-template",8),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.paymentSystem=t)})),r.yuY(7,O,1,0,"ng-template",9),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.size=t)})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(1),r.E7m("iconLeft",e.iconLeft)("iconRight",e.iconRight)("paymentSystem",e.paymentSystem)("size",e.size),r.yG2(3),r.E7m("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.iconLeft),r.yG2(1),r.E7m("documentationPropertyValues",e.iconVariants)("documentationPropertyValue",e.iconRight),r.yG2(1),r.E7m("documentationPropertyValues",e.paymentSystemVariants)("documentationPropertyValue",e.paymentSystem),r.yG2(1),r.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size)}}function R(e,t){if(1&e&&(r.I0R(0,"ol",10)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",11),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",12),r.C$Y(),r.I0R(9,"li"),r.OEk(10," Set card styles with "),r.I0R(11,"code"),r.OEk(12,"color"),r.C$Y(),r.OEk(13," , "),r.I0R(14,"code"),r.OEk(15,"background-color"),r.C$Y(),r.OEk(16," , "),r.I0R(17,"code"),r.OEk(18,"background-image"),r.C$Y(),r.OEk(19," : "),r.wR5(20,"tui-doc-code",13),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml),r.yG2(12),r.E7m("code",e.exampleCustomizeStyles)}}let Y=(()=>{var e;class t{constructor(){this.exampleModule=n.e(49536).then(n.t.bind(n,49536,17)),this.exampleHtml=n.e(99172).then(n.t.bind(n,99172,17)),this.exampleCustomizeStyles=n.e(42096).then(n.t.bind(n,42096,17)),this.example1={HTML:n.e(68460).then(n.t.bind(n,68460,17))},this.example2={HTML:n.e(65395).then(n.t.bind(n,65395,17)),LESS:n.e(65380).then(n.t.bind(n,65380,17))},this.example3={HTML:n.e(24348).then(n.t.bind(n,1968,17)),LESS:n.e(84916).then(n.t.bind(n,84916,17))},this.iconVariants=["","tuiIconLock","tuiIconCloud","tuiIconUser"],this.iconLeft=this.iconVariants[0],this.iconRight=this.iconVariants[0],this.paymentSystemVariants=["amex","dinersclub","discover","electron","humo","jcb","maestro","mastercard","mir","rupay","unionpay","uzcard","verve","visa"],this.sizeVariants=["s","m","l"],this.size=this.sizeVariants[1],this.paymentSystem=null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-tui-thumbnail-card"]],decls:4,vars:0,consts:[["header","ThumbnailCard","package","EXPERIMENTAL","type","components"],["pageTab",""],["id","sizes","heading","Sizes",3,"content"],["id","best","heading","A cool one",3,"content"],["id","backgrounds","heading","Backgrounds",3,"content"],[3,"iconLeft","iconRight","paymentSystem","size"],["documentationPropertyMode","input","documentationPropertyName","iconLeft","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconRight","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","paymentSystem","documentationPropertyType","TuiPaymentSystem | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS | TuiSizeL",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"],["filename","myComponent.style.less",3,"code"]],template:function(e,t){1&e&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,C,8,3,"ng-template",1),r.yuY(2,I,8,12,"ng-template",1),r.yuY(3,R,21,3,"ng-template",1),r.C$Y())},dependencies:[c.k,s.u,u.m,m.I,d.S,l.E,p.u,y.I,h,f,b],encapsulation:2,changeDetection:0}),t})();n(23340);let x=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.MD,i.iK,(0,a.If)(Y)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/65128.c171f8bfdd04b417.js b/next/65128.296ddca6fbf340cb.js
similarity index 99%
rename from next/65128.c171f8bfdd04b417.js
rename to next/65128.296ddca6fbf340cb.js
index 989ff582af0b..6d3f0998cdc2 100644
--- a/next/65128.c171f8bfdd04b417.js
+++ b/next/65128.296ddca6fbf340cb.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[65128],{65128:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiPinModule:()=>x});var o=n(86568),i=n(752),r=n(62548),a=n(84788),s=n(6528),c=n(62224),u=n(13692),l=n(34496),p=n(37288),d=n(83480);const m=["*"];let g=(()=>{var t;class e{constructor(){this.open=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin"],["","tuiPin",""]],hostVars:2,hostBindings:function(t,e){2&t&&s.eAK("_open",e.open)},inputs:{open:"open"},ngContentSelectors:m,decls:1,vars:0,template:function(t,e){1&t&&(s.kPM(),s._Xx(0))},styles:['[_nghost-%COMP%]{--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;width:var(--t-size);height:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-font-text-s);font-weight:700;box-sizing:border-box;color:var(--tui-accent-text);background:var(--tui-accent);box-shadow:0 0 0 .125rem var(--tui-elevation-01);border:0 solid var(--tui-accent);transform:translate(-50%,-50%)}[_nghost-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%]:empty{--t-size: .75rem}[_nghost-%COMP%]:empty:before{display:none}[_nghost-%COMP%] >img{max-height:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-base-01)}[_nghost-%COMP%] >tui-icon, [_nghost-%COMP%] >tui-svg{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.25rem;height:1.25rem;align-self:center}._open[_nghost-%COMP%]{--t-size: 3.5rem;font:var(--tui-font-text-m);font-weight:700;border-width:0;margin-top:-2.75rem}._open[_nghost-%COMP%] >img{padding:.125rem}._open[_nghost-%COMP%] >tui-icon, ._open[_nghost-%COMP%] >tui-svg{width:2.125rem;height:2.125rem}._open[_nghost-%COMP%]:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}._open[_nghost-%COMP%]:after{top:4.5rem;opacity:1}[_nghost-%COMP%]:before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;-webkit-mask:url(\'data:image/svg+xml,\') no-repeat;mask:url(\'data:image/svg+xml,\') no-repeat}[_nghost-%COMP%]:after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}'],changeDetection:0}),e})();var h=n(69352);let b=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin-example-1"]],decls:8,vars:0,consts:[["alt","avatar","src","assets/images/avatar.jpg"],["icon","tuiIconDollarSign"],[1,"white"]],template:function(t,e){1&t&&(s.I0R(0,"tui-pin"),s.wR5(1,"img",0),s.C$Y(),s.I0R(2,"tui-pin"),s.wR5(3,"tui-icon",1),s.C$Y(),s.I0R(4,"tui-pin",2),s.wR5(5,"tui-icon",1),s.C$Y(),s.I0R(6,"tui-pin",2),s.OEk(7,"4.5"),s.C$Y())},dependencies:[g,h.i],styles:["[_nghost-%COMP%]{display:flex;gap:2rem;background:var(--tui-base-02);box-shadow:0 0 0 2rem var(--tui-base-02);padding:1rem 0 0 1rem;margin-bottom:-1rem}.white[_ngcontent-%COMP%]{background:var(--tui-base-01);color:var(--tui-accent);border-width:.125rem}"],changeDetection:0}),e})(),C=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin-example-2"]],decls:4,vars:0,consts:[[1,"blue"],[1,"yellow"],[1,"green"],[1,"red"]],template:function(t,e){1&t&&s.wR5(0,"tui-pin",0)(1,"tui-pin",1)(2,"tui-pin",2)(3,"tui-pin",3)},dependencies:[g],styles:["[_nghost-%COMP%]{display:flex;gap:2rem;background:var(--tui-base-02);box-shadow:0 0 0 2rem var(--tui-base-02);padding:.375rem 0 0 .375rem;margin-bottom:-.375rem}.blue[_ngcontent-%COMP%]{background:#428bf9}.yellow[_ngcontent-%COMP%]{background:#ffdd2d}.green[_ngcontent-%COMP%]{background:#00b92d}.red[_ngcontent-%COMP%]{background:#f52222}"],changeDetection:0}),e})(),f=(()=>{var t;class e{constructor(){this.a=!0,this.b=!1,this.c=!0,this.d=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin-example-3"]],decls:8,vars:10,consts:[["tuiPin","",3,"open","click"],["alt","avatar","src","assets/images/avatar.jpg"],["icon","tuiIconDollarSign"],["tuiPin","",1,"link",3,"open","click"],["tuiPin","",1,"crazy",3,"open","click"]],template:function(t,e){1&t&&(s.I0R(0,"button",0),s.qCj("click",(function(){return e.a=!e.a})),s.wR5(1,"img",1),s.C$Y(),s.I0R(2,"button",0),s.qCj("click",(function(){return e.b=!e.b})),s.wR5(3,"tui-icon",2),s.C$Y(),s.I0R(4,"button",3),s.qCj("click",(function(){return e.c=!e.c})),s.wR5(5,"tui-icon",2),s.C$Y(),s.I0R(6,"button",4),s.qCj("click",(function(){return e.d=!e.d})),s.OEk(7," 4.5\n"),s.C$Y()),2&t&&(s.E7m("open",e.a),s.yG2(2),s.m4B("left",5,"rem"),s.E7m("open",e.b),s.yG2(2),s.m4B("left",10,"rem"),s.E7m("open",e.c),s.yG2(2),s.m4B("left",15,"rem"),s.E7m("open",e.d))},dependencies:[g,h.i],styles:["[_nghost-%COMP%]{position:relative;display:block;height:5rem;border-left:2rem solid transparent;background:var(--tui-base-02);box-shadow:0 0 0 2rem var(--tui-base-02)}[tuiPin][_ngcontent-%COMP%]{position:absolute;top:4rem}.link[_ngcontent-%COMP%]{border:.125rem solid var(--tui-link);color:var(--tui-link);background:var(--tui-base-01)}.crazy[_ngcontent-%COMP%]{background:#ff9bda;color:#0075ff;border-color:#7b439e;box-shadow:0 0 0 .125rem #b286ff}"],changeDetection:0}),e})();function w(t,e){if(1&t&&(s.I0R(0,"tui-notification",3),s.OEk(1," This code is "),s.I0R(2,"strong"),s.OEk(3,"experimental"),s.C$Y(),s.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),s.C$Y(),s.I0R(5,"p",4),s.OEk(6," Pins are used to show a location on a 2D plane. Use "),s.I0R(7,"code"),s.OEk(8,"color"),s.C$Y(),s.OEk(9," , "),s.I0R(10,"code"),s.OEk(11,"background"),s.C$Y(),s.OEk(12," , "),s.I0R(13,"code"),s.OEk(14,"border"),s.C$Y(),s.OEk(15," and "),s.I0R(16,"code"),s.OEk(17,"box-shadow"),s.C$Y(),s.OEk(18," to customize the pin "),s.C$Y(),s.I0R(19,"tui-notification"),s.OEk(20," Pins are designed to be absolutely positioned on map or similar medium, therefore specifically their center is placed where you put them. "),s.C$Y(),s.I0R(21,"tui-doc-example",5),s.wR5(22,"tui-pin-example-1"),s.C$Y(),s.I0R(23,"tui-doc-example",6),s.wR5(24,"tui-pin-example-2"),s.C$Y(),s.I0R(25,"tui-doc-example",7),s.wR5(26,"tui-pin-example-3"),s.C$Y()),2&t){const t=s.GaO();s.yG2(21),s.E7m("content",t.example1)("fullsize",!0),s.yG2(2),s.E7m("content",t.example2)("fullsize",!0),s.yG2(2),s.E7m("content",t.example3)("fullsize",!0)}}function v(t,e){if(1&t&&(s.I0R(0,"ol",8)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiPinModule"),s.C$Y(),s.OEk(6," into a module where you want to use our component "),s.C$Y(),s.wR5(7,"tui-doc-code",9),s.C$Y(),s.I0R(8,"li")(9,"p"),s.OEk(10,"Add to the template:"),s.C$Y(),s.wR5(11,"tui-doc-code",10),s.C$Y()()),2&t){const t=s.GaO();s.yG2(7),s.E7m("code",t.exampleModule),s.yG2(4),s.E7m("code",t.exampleHtml)}}let O=(()=>{var t;class e{constructor(){this.exampleModule=n.e(4208).then(n.t.bind(n,81828,17)),this.exampleHtml=n.e(67764).then(n.t.bind(n,23002,17)),this.example1={HTML:n.e(89979).then(n.t.bind(n,89979,17)),LESS:n.e(47352).then(n.t.bind(n,47352,17))},this.example2={HTML:n.e(48912).then(n.t.bind(n,48912,17)),LESS:n.e(7296).then(n.t.bind(n,7296,17))},this.example3={HTML:n.e(23980).then(n.t.bind(n,23980,17)),TypeScript:n.e(19704).then(n.t.bind(n,19704,17)),LESS:n.e(90056).then(n.t.bind(n,90056,17))}}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["example-pin"]],decls:3,vars:0,consts:[["header","Pin","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],[1,"tui-space_vertial-4"],["id","default","heading","Default",3,"content","fullsize"],["id","dot","heading","Dot",3,"content","fullsize"],["id","openable","heading","Openable",3,"content","fullsize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,w,27,6,"ng-template",1),s.yuY(2,v,12,2,"ng-template",2),s.C$Y())},dependencies:[c.e,u.u,l.E,p.u,d.I,b,C,f],encapsulation:2,changeDetection:0}),e})();n(23340);let x=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=s.a4G({type:t}),t.ɵinj=s.s3X({imports:[o.MD,a._y,r.TuiNotificationModule,a.C,(0,i.If)(O)]}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[65128],{65128:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiPinModule:()=>x});var o=n(86568),i=n(752),r=n(62548),a=n(37304),s=n(6528),c=n(62224),u=n(13692),l=n(34496),p=n(37288),d=n(83480);const m=["*"];let g=(()=>{var t;class e{constructor(){this.open=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin"],["","tuiPin",""]],hostVars:2,hostBindings:function(t,e){2&t&&s.eAK("_open",e.open)},inputs:{open:"open"},ngContentSelectors:m,decls:1,vars:0,template:function(t,e){1&t&&(s.kPM(),s._Xx(0))},styles:['[_nghost-%COMP%]{--t-size: 2rem;transition-property:width,height,border,margin;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;width:var(--t-size);height:var(--t-size);align-items:stretch;flex-direction:column;justify-content:center;text-align:center;border-radius:100%;font:var(--tui-font-text-s);font-weight:700;box-sizing:border-box;color:var(--tui-accent-text);background:var(--tui-accent);box-shadow:0 0 0 .125rem var(--tui-elevation-01);border:0 solid var(--tui-accent);transform:translate(-50%,-50%)}[_nghost-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%]:empty{--t-size: .75rem}[_nghost-%COMP%]:empty:before{display:none}[_nghost-%COMP%] >img{max-height:100%;box-sizing:border-box;border-radius:100%;background:var(--tui-base-01)}[_nghost-%COMP%] >tui-icon, [_nghost-%COMP%] >tui-svg{transition-property:width,height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;width:1.25rem;height:1.25rem;align-self:center}._open[_nghost-%COMP%]{--t-size: 3.5rem;font:var(--tui-font-text-m);font-weight:700;border-width:0;margin-top:-2.75rem}._open[_nghost-%COMP%] >img{padding:.125rem}._open[_nghost-%COMP%] >tui-icon, ._open[_nghost-%COMP%] >tui-svg{width:2.125rem;height:2.125rem}._open[_nghost-%COMP%]:before{transform:scale(.99) translate(-1.875rem,-1.875rem);opacity:1}._open[_nghost-%COMP%]:after{top:4.5rem;opacity:1}[_nghost-%COMP%]:before{transition-property:transform,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:50%;left:50%;right:-.25rem;bottom:-.625rem;box-sizing:border-box;border-width:2.2rem 2rem;border-style:solid;border-color:inherit;opacity:0;transform:scale(.57) translate(-1.875rem,-1.875rem);transform-origin:top left;pointer-events:none;-webkit-mask:url(\'data:image/svg+xml,\') no-repeat;mask:url(\'data:image/svg+xml,\') no-repeat}[_nghost-%COMP%]:after{transition-property:top,opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:"";position:absolute;top:50%;left:50%;border:.1875rem solid currentColor;border-color:inherit;border-radius:100%;box-sizing:border-box;box-shadow:inherit;transform:translate(-50%,-50%);opacity:0}'],changeDetection:0}),e})();var h=n(69352);let b=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin-example-1"]],decls:8,vars:0,consts:[["alt","avatar","src","assets/images/avatar.jpg"],["icon","tuiIconDollarSign"],[1,"white"]],template:function(t,e){1&t&&(s.I0R(0,"tui-pin"),s.wR5(1,"img",0),s.C$Y(),s.I0R(2,"tui-pin"),s.wR5(3,"tui-icon",1),s.C$Y(),s.I0R(4,"tui-pin",2),s.wR5(5,"tui-icon",1),s.C$Y(),s.I0R(6,"tui-pin",2),s.OEk(7,"4.5"),s.C$Y())},dependencies:[g,h.i],styles:["[_nghost-%COMP%]{display:flex;gap:2rem;background:var(--tui-base-02);box-shadow:0 0 0 2rem var(--tui-base-02);padding:1rem 0 0 1rem;margin-bottom:-1rem}.white[_ngcontent-%COMP%]{background:var(--tui-base-01);color:var(--tui-accent);border-width:.125rem}"],changeDetection:0}),e})(),C=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin-example-2"]],decls:4,vars:0,consts:[[1,"blue"],[1,"yellow"],[1,"green"],[1,"red"]],template:function(t,e){1&t&&s.wR5(0,"tui-pin",0)(1,"tui-pin",1)(2,"tui-pin",2)(3,"tui-pin",3)},dependencies:[g],styles:["[_nghost-%COMP%]{display:flex;gap:2rem;background:var(--tui-base-02);box-shadow:0 0 0 2rem var(--tui-base-02);padding:.375rem 0 0 .375rem;margin-bottom:-.375rem}.blue[_ngcontent-%COMP%]{background:#428bf9}.yellow[_ngcontent-%COMP%]{background:#ffdd2d}.green[_ngcontent-%COMP%]{background:#00b92d}.red[_ngcontent-%COMP%]{background:#f52222}"],changeDetection:0}),e})(),f=(()=>{var t;class e{constructor(){this.a=!0,this.b=!1,this.c=!0,this.d=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["tui-pin-example-3"]],decls:8,vars:10,consts:[["tuiPin","",3,"open","click"],["alt","avatar","src","assets/images/avatar.jpg"],["icon","tuiIconDollarSign"],["tuiPin","",1,"link",3,"open","click"],["tuiPin","",1,"crazy",3,"open","click"]],template:function(t,e){1&t&&(s.I0R(0,"button",0),s.qCj("click",(function(){return e.a=!e.a})),s.wR5(1,"img",1),s.C$Y(),s.I0R(2,"button",0),s.qCj("click",(function(){return e.b=!e.b})),s.wR5(3,"tui-icon",2),s.C$Y(),s.I0R(4,"button",3),s.qCj("click",(function(){return e.c=!e.c})),s.wR5(5,"tui-icon",2),s.C$Y(),s.I0R(6,"button",4),s.qCj("click",(function(){return e.d=!e.d})),s.OEk(7," 4.5\n"),s.C$Y()),2&t&&(s.E7m("open",e.a),s.yG2(2),s.m4B("left",5,"rem"),s.E7m("open",e.b),s.yG2(2),s.m4B("left",10,"rem"),s.E7m("open",e.c),s.yG2(2),s.m4B("left",15,"rem"),s.E7m("open",e.d))},dependencies:[g,h.i],styles:["[_nghost-%COMP%]{position:relative;display:block;height:5rem;border-left:2rem solid transparent;background:var(--tui-base-02);box-shadow:0 0 0 2rem var(--tui-base-02)}[tuiPin][_ngcontent-%COMP%]{position:absolute;top:4rem}.link[_ngcontent-%COMP%]{border:.125rem solid var(--tui-link);color:var(--tui-link);background:var(--tui-base-01)}.crazy[_ngcontent-%COMP%]{background:#ff9bda;color:#0075ff;border-color:#7b439e;box-shadow:0 0 0 .125rem #b286ff}"],changeDetection:0}),e})();function w(t,e){if(1&t&&(s.I0R(0,"tui-notification",3),s.OEk(1," This code is "),s.I0R(2,"strong"),s.OEk(3,"experimental"),s.C$Y(),s.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),s.C$Y(),s.I0R(5,"p",4),s.OEk(6," Pins are used to show a location on a 2D plane. Use "),s.I0R(7,"code"),s.OEk(8,"color"),s.C$Y(),s.OEk(9," , "),s.I0R(10,"code"),s.OEk(11,"background"),s.C$Y(),s.OEk(12," , "),s.I0R(13,"code"),s.OEk(14,"border"),s.C$Y(),s.OEk(15," and "),s.I0R(16,"code"),s.OEk(17,"box-shadow"),s.C$Y(),s.OEk(18," to customize the pin "),s.C$Y(),s.I0R(19,"tui-notification"),s.OEk(20," Pins are designed to be absolutely positioned on map or similar medium, therefore specifically their center is placed where you put them. "),s.C$Y(),s.I0R(21,"tui-doc-example",5),s.wR5(22,"tui-pin-example-1"),s.C$Y(),s.I0R(23,"tui-doc-example",6),s.wR5(24,"tui-pin-example-2"),s.C$Y(),s.I0R(25,"tui-doc-example",7),s.wR5(26,"tui-pin-example-3"),s.C$Y()),2&t){const t=s.GaO();s.yG2(21),s.E7m("content",t.example1)("fullsize",!0),s.yG2(2),s.E7m("content",t.example2)("fullsize",!0),s.yG2(2),s.E7m("content",t.example3)("fullsize",!0)}}function v(t,e){if(1&t&&(s.I0R(0,"ol",8)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiPinModule"),s.C$Y(),s.OEk(6," into a module where you want to use our component "),s.C$Y(),s.wR5(7,"tui-doc-code",9),s.C$Y(),s.I0R(8,"li")(9,"p"),s.OEk(10,"Add to the template:"),s.C$Y(),s.wR5(11,"tui-doc-code",10),s.C$Y()()),2&t){const t=s.GaO();s.yG2(7),s.E7m("code",t.exampleModule),s.yG2(4),s.E7m("code",t.exampleHtml)}}let O=(()=>{var t;class e{constructor(){this.exampleModule=n.e(4208).then(n.t.bind(n,81828,17)),this.exampleHtml=n.e(67764).then(n.t.bind(n,23002,17)),this.example1={HTML:n.e(89979).then(n.t.bind(n,89979,17)),LESS:n.e(47352).then(n.t.bind(n,47352,17))},this.example2={HTML:n.e(48912).then(n.t.bind(n,48912,17)),LESS:n.e(7296).then(n.t.bind(n,7296,17))},this.example3={HTML:n.e(23980).then(n.t.bind(n,23980,17)),TypeScript:n.e(19704).then(n.t.bind(n,19704,17)),LESS:n.e(90056).then(n.t.bind(n,90056,17))}}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=s.In1({type:t,selectors:[["example-pin"]],decls:3,vars:0,consts:[["header","Pin","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],[1,"tui-space_vertial-4"],["id","default","heading","Default",3,"content","fullsize"],["id","dot","heading","Dot",3,"content","fullsize"],["id","openable","heading","Openable",3,"content","fullsize"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,w,27,6,"ng-template",1),s.yuY(2,v,12,2,"ng-template",2),s.C$Y())},dependencies:[c.e,u.u,l.E,p.u,d.I,b,C,f],encapsulation:2,changeDetection:0}),e})();n(23340);let x=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=s.a4G({type:t}),t.ɵinj=s.s3X({imports:[o.MD,a._y,r.TuiNotificationModule,a.C,(0,i.If)(O)]}),e})()}}]);
\ No newline at end of file
diff --git a/next/66820.aac83236ec2ec195.js b/next/66820.aac83236ec2ec195.js
deleted file mode 100644
index bc3e2aa1b3d0..000000000000
--- a/next/66820.aac83236ec2ec195.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[66820],{44440:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiSwipeActionsModule:()=>V});var i=n(86568),o=n(35856),c=n(82312),a=n(752),u=n(27297),r=n(62548),s=n(84788),l=n(33976),p=n(6528),d=n(13692),m=n(34496),g=n(37288),w=n(83480),I=n(3088),C=n(28520),f=n(91576),b=n(15268),y=n(6200),h=n(26220),R=n(52132),S=n(86824);let k=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-1"]],decls:38,vars:22,consts:[["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","primary","src","tuiIconGift"],["appearance","primary","src","tuiIconBriefcase"],["iconLeft","tuiIconEye","size","s","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","s","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","s","tuiIconButton","","tuiSwipeAction",""],["appearance","destructive","iconLeft","tuiIconTrash","size","s","tuiIconButton","","tuiSwipeAction",""]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"div",2)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",3),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",4)(11,"button",5)(12,"button",6),p.C$Y(),p.I0R(13,"tui-swipe-actions")(14,"div",0),p.wR5(15,"tui-avatar",7),p.I0R(16,"div",2)(17,"strong"),p.OEk(18),p.wVc(19,"async"),p.wVc(20,"tuiAmount"),p.C$Y(),p.I0R(21,"div",3),p.OEk(22,"Goal"),p.C$Y()()(),p.wR5(23,"button",4),p.C$Y(),p.I0R(24,"tui-swipe-actions")(25,"div",0),p.wR5(26,"tui-avatar",8),p.I0R(27,"div",2)(28,"strong"),p.OEk(29),p.wVc(30,"async"),p.wVc(31,"tuiAmount"),p.C$Y(),p.I0R(32,"div",3),p.OEk(33,"Vacations"),p.C$Y()()(),p.wR5(34,"button",9)(35,"button",10)(36,"button",11)(37,"button",12),p.C$Y()),2&t&&(p.yG2(5),p.cNF(p.kDX(6,7,p.g7$(7,9,1e4,"USD"))),p.yG2(13),p.cNF(p.kDX(19,12,p.g7$(20,14,23e3,"EUR"))),p.yG2(6),p.m4B("--tui-action-gap",16)("--tui-item-size",32),p.yG2(5),p.cNF(p.kDX(30,17,p.g7$(31,19,5e3,"EUR"))))},dependencies:[I.I,C.s,f.u,b.c,y.k,h.W,R.e,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:20rem;margin:2rem 0}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}tui-swipe-actions[_ngcontent-%COMP%]{margin:-1.5rem -1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}"],changeDetection:0}),e})();var v=n(80108);let E=(()=>{var t;class e{constructor(){this.checkbox=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-2"]],decls:9,vars:5,consts:[["tuiMode","onDark","tuiSurface","",1,"blur"],["src","/assets/images/avatar.jpg"],["tuiTitle","m"],["appearance","glass","iconLeft","tuiIconMailLarge","size","m","tuiIconButton","",1,"button"],["tuiSwipeAction","","tuiToggle","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","destructive","iconLeft","tuiIconTrash","size","m","tuiIconButton","","tuiSwipeAction",""]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"h3",2),p.OEk(4,"Alex Inkin"),p.C$Y(),p.I0R(5,"button",3),p.OEk(6," Message "),p.C$Y()(),p.I0R(7,"input",4),p.qCj("ngModelChange",(function(t){return e.checkbox=t})),p.C$Y(),p.wR5(8,"button",5),p.C$Y()),2&t&&(p.m4B("--tui-actions-padding",.5,"rem"),p.yG2(7),p.E7m("ngModel",e.checkbox),p.yG2(1),p.m4B("border-radius",100,"%"))},dependencies:[I.I,b.c,y.k,v.y,h.W,o.SU,o.ue,o._G,R.e],styles:["[_nghost-%COMP%]{width:20rem}.blur[_ngcontent-%COMP%]{background-image:url(/assets/images/restaurant-2.jpg);border-radius:1rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;color:var(--tui-text-01-night);z-index:1}.blur[_ngcontent-%COMP%]:before{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}"],changeDetection:0}),e})();var x=n(25564);let O=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-3"]],decls:26,vars:14,consts:[[3,"autoClose"],["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","primary","src","tuiIconGift"]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions",0)(1,"div",1),p.wR5(2,"tui-avatar",2),p.I0R(3,"div",3)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",4),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",5)(11,"button",6)(12,"button",7),p.C$Y(),p.I0R(13,"tui-swipe-actions",0)(14,"div",1),p.wR5(15,"tui-avatar",8),p.I0R(16,"div",3)(17,"strong"),p.OEk(18),p.wVc(19,"async"),p.wVc(20,"tuiAmount"),p.C$Y(),p.I0R(21,"div",4),p.OEk(22,"Goal"),p.C$Y()()(),p.wR5(23,"button",5)(24,"button",6)(25,"button",7),p.C$Y()),2&t&&(p.E7m("autoClose",!0),p.yG2(5),p.cNF(p.kDX(6,4,p.g7$(7,6,1e4,"USD"))),p.yG2(8),p.E7m("autoClose",!0),p.yG2(5),p.cNF(p.kDX(19,9,p.g7$(20,11,23e3,"EUR"))))},dependencies:[I.I,C.s,f.u,b.c,y.k,x.K,h.W,R.e,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:20rem;margin:1rem 0}tui-swipe-actions[_ngcontent-%COMP%]{margin:-1.5rem -1rem}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}"],changeDetection:0}),e})();var M=n(10268);function $(t,e){1&t&&p.wR5(0,"button",8)}let Y=(()=>{var t;class e{constructor(){this.shareButton=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-4"]],decls:16,vars:8,consts:[["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction","",4,"ngIf"],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction",""]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"div",2)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",3),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",4)(11,"button",5),p.yuY(12,$,1,0,"button",6),p.C$Y(),p.I0R(13,"label")(14,"input",7),p.qCj("ngModelChange",(function(t){return e.shareButton=t})),p.C$Y(),p.OEk(15," Share button\n"),p.C$Y()),2&t&&(p.yG2(5),p.cNF(p.kDX(6,3,p.g7$(7,5,1e4,"USD"))),p.yG2(7),p.E7m("ngIf",e.shareButton),p.yG2(2),p.E7m("ngModel",e.shareButton))},dependencies:[i.u_,I.I,C.s,f.u,b.c,y.k,h.W,o.SU,o.ue,o._G,R.e,M.g,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;width:20rem}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}label[_ngcontent-%COMP%]{display:flex;align-items:center}input[type=checkbox][_ngcontent-%COMP%]{margin-right:.5rem}"],changeDetection:0}),e})();var A=n(94472),L=n(15119),D=n(8372),_=n(35137);function B(t,e){1&t&&(p.I0R(0,"tui-data-list")(1,"button",8),p.OEk(2,"Hide"),p.C$Y(),p.I0R(3,"button",8),p.OEk(4,"Edit"),p.C$Y()())}let G=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-5"]],decls:15,vars:7,consts:[["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["appearance","flat","iconLeft","tuiIconMoreVertical","size","s","tuiDropdownOpen","","tuiIconButton","",1,"fallback",3,"tuiDropdown"],["content",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["tuiOption",""]],template:function(t,e){if(1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"div",2)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",3),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",4),p.yuY(11,B,5,0,"ng-template",null,5,p.gJz),p.wR5(13,"button",6)(14,"button",7),p.C$Y()),2&t){const t=p.Gew(12);p.yG2(5),p.cNF(p.kDX(6,2,p.g7$(7,4,1e4,"USD"))),p.yG2(5),p.E7m("tuiDropdown",t)}},dependencies:[I.I,C.s,f.u,b.c,y.k,h.W,R.e,A.o,L.y,D.s,_.K,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;width:20rem}tui-swipe-actions[_ngcontent-%COMP%]{overflow:hidden}.fallback[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);right:2rem}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}@media only screen and (hover: none) and (pointer: coarse){.fallback[_ngcontent-%COMP%]{display:none}tui-swipe-actions[_ngcontent-%COMP%]{overflow-x:scroll}}"],changeDetection:0}),e})();function P(t,e){if(1&t&&(p.I0R(0,"p")(1,"b"),p.OEk(2,"Component should be used on mobile devices only."),p.C$Y()(),p.I0R(3,"tui-doc-example",2),p.wR5(4,"tui-swipe-action-example-1"),p.C$Y(),p.I0R(5,"tui-doc-example",3),p.wR5(6,"tui-swipe-action-example-2"),p.C$Y(),p.I0R(7,"tui-doc-example",4),p.wR5(8,"tui-swipe-action-example-3"),p.C$Y(),p.I0R(9,"tui-doc-example",5),p.wR5(10,"tui-swipe-action-example-4"),p.C$Y(),p.I0R(11,"tui-doc-example",6),p.wR5(12,"tui-swipe-action-example-5"),p.C$Y()),2&t){const t=p.GaO();p.yG2(3),p.E7m("content",t.example1),p.yG2(2),p.E7m("content",t.example2),p.yG2(2),p.E7m("content",t.example3),p.yG2(2),p.E7m("content",t.example4),p.yG2(2),p.E7m("content",t.example5)}}function z(t,e){if(1&t&&(p.I0R(0,"ol",7)(1,"li")(2,"p"),p.OEk(3,"Import module:"),p.C$Y(),p.wR5(4,"tui-doc-code",8),p.C$Y(),p.I0R(5,"li")(6,"p"),p.OEk(7,"Add to the template:"),p.C$Y(),p.wR5(8,"tui-doc-code",9),p.C$Y()()),2&t){const t=p.GaO();p.yG2(4),p.E7m("code",t.exampleModule),p.yG2(4),p.E7m("code",t.exampleHtml)}}let T=(()=>{var t;class e{constructor(){this.exampleModule=n.e(6152).then(n.t.bind(n,6152,17)),this.exampleHtml=n.e(91259).then(n.t.bind(n,91259,17)),this.example1={HTML:n.e(34496).then(n.t.bind(n,12115,17)),LESS:n.e(79208).then(n.t.bind(n,56828,17))},this.example2={HTML:n.e(32936).then(n.t.bind(n,32936,17)),LESS:n.e(691).then(n.t.bind(n,23072,17))},this.example3={HTML:n.e(42620).then(n.t.bind(n,20240,17)),LESS:n.e(87915).then(n.t.bind(n,87915,17)),TypeScript:n.e(95844).then(n.t.bind(n,95844,17))},this.example4={HTML:n.e(11384).then(n.t.bind(n,11384,17)),TypeScript:n.e(40572).then(n.t.bind(n,40572,17))},this.example5={HTML:n.e(27008).then(n.t.bind(n,27008,17)),LESS:n.e(97672).then(n.t.bind(n,97672,17))}}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["example-swipe-actions"]],decls:3,vars:0,consts:[["header","SwipeAction","package","ADDON-MOBILE","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","custom","heading","Custom",3,"content"],["id","auto-close","description","Automatically close a component when a pointerdown event occurs outside of it","heading","Autoclose",3,"content"],["id","dynamic","heading","Dynamic actions",3,"content"],["id","fallback","heading","Fallback for desktop",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(p.I0R(0,"tui-doc-page",0),p.yuY(1,P,13,5,"ng-template",1),p.yuY(2,z,9,2,"ng-template",1),p.C$Y())},dependencies:[d.u,m.E,g.u,w.I,k,E,O,Y,G],encapsulation:2,changeDetection:0}),e})(),V=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=p.a4G({type:t}),t.ɵinj=p.s3X({imports:[i.MD,a.kx,s.CA,s.yk,s.kD,s.kF,u.TuiSwipeActionsComponent,s.MX,l.TuiBadgedContentComponent,s.C,s.O0,l.TuiBadgeComponent,r.TuiNotificationModule,c.qQ.forChild((0,a._A)(T)),s.CI,o.y,s._M,s.Q7,r.TuiDataListModule]}),e})()}}]);
\ No newline at end of file
diff --git a/next/66820.c7ff8ca114a9477e.js b/next/66820.c7ff8ca114a9477e.js
new file mode 100644
index 000000000000..419808270567
--- /dev/null
+++ b/next/66820.c7ff8ca114a9477e.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[66820],{44440:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiSwipeActionsModule:()=>F});var i=n(86568),o=n(35856),c=n(82312),a=n(752),u=n(27297),r=n(62548),s=n(37304),l=n(33976),p=n(6528),d=n(13692),m=n(34496),g=n(37288),w=n(83480),I=n(3088),C=n(28520),f=n(91576),b=n(15268),y=n(6200),h=n(26220),R=n(52132),S=n(86824);let k=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-1"]],decls:38,vars:22,consts:[["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","primary","src","tuiIconGift"],["appearance","primary","src","tuiIconBriefcase"],["iconLeft","tuiIconEye","size","s","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","s","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","s","tuiIconButton","","tuiSwipeAction",""],["appearance","destructive","iconLeft","tuiIconTrash","size","s","tuiIconButton","","tuiSwipeAction",""]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"div",2)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",3),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",4)(11,"button",5)(12,"button",6),p.C$Y(),p.I0R(13,"tui-swipe-actions")(14,"div",0),p.wR5(15,"tui-avatar",7),p.I0R(16,"div",2)(17,"strong"),p.OEk(18),p.wVc(19,"async"),p.wVc(20,"tuiAmount"),p.C$Y(),p.I0R(21,"div",3),p.OEk(22,"Goal"),p.C$Y()()(),p.wR5(23,"button",4),p.C$Y(),p.I0R(24,"tui-swipe-actions")(25,"div",0),p.wR5(26,"tui-avatar",8),p.I0R(27,"div",2)(28,"strong"),p.OEk(29),p.wVc(30,"async"),p.wVc(31,"tuiAmount"),p.C$Y(),p.I0R(32,"div",3),p.OEk(33,"Vacations"),p.C$Y()()(),p.wR5(34,"button",9)(35,"button",10)(36,"button",11)(37,"button",12),p.C$Y()),2&t&&(p.yG2(5),p.cNF(p.kDX(6,7,p.g7$(7,9,1e4,"USD"))),p.yG2(13),p.cNF(p.kDX(19,12,p.g7$(20,14,23e3,"EUR"))),p.yG2(6),p.m4B("--tui-action-gap",16)("--tui-item-size",32),p.yG2(5),p.cNF(p.kDX(30,17,p.g7$(31,19,5e3,"EUR"))))},dependencies:[I.I,C.s,f.u,b.c,y.k,h.W,R.e,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:20rem;margin:2rem 0}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}tui-swipe-actions[_ngcontent-%COMP%]{margin:-1.5rem -1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}"],changeDetection:0}),e})();var v=n(80108);let E=(()=>{var t;class e{constructor(){this.checkbox=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-2"]],decls:9,vars:5,consts:[["tuiMode","onDark","tuiSurface","",1,"blur"],["src","/assets/images/avatar.jpg"],["tuiTitle","m"],["appearance","glass","iconLeft","tuiIconMailLarge","size","m","tuiIconButton","",1,"button"],["tuiSwipeAction","","tuiToggle","","type","checkbox",3,"ngModel","ngModelChange"],["appearance","destructive","iconLeft","tuiIconTrash","size","m","tuiIconButton","","tuiSwipeAction",""]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"h3",2),p.OEk(4,"Alex Inkin"),p.C$Y(),p.I0R(5,"button",3),p.OEk(6," Message "),p.C$Y()(),p.I0R(7,"input",4),p.qCj("ngModelChange",(function(t){return e.checkbox=t})),p.C$Y(),p.wR5(8,"button",5),p.C$Y()),2&t&&(p.m4B("--tui-actions-padding",.5,"rem"),p.yG2(7),p.E7m("ngModel",e.checkbox),p.yG2(1),p.m4B("border-radius",100,"%"))},dependencies:[I.I,b.c,y.k,v.y,h.W,o.SU,o.ue,o._G,R.e],styles:["[_nghost-%COMP%]{width:20rem}.blur[_ngcontent-%COMP%]{background-image:url(/assets/images/restaurant-2.jpg);border-radius:1rem;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;color:var(--tui-text-01-night);z-index:1}.blur[_ngcontent-%COMP%]:before{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}"],changeDetection:0}),e})();var O=n(25564);let x=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-3"]],decls:26,vars:14,consts:[[3,"autoClose"],["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","primary","src","tuiIconGift"]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions",0)(1,"div",1),p.wR5(2,"tui-avatar",2),p.I0R(3,"div",3)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",4),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",5)(11,"button",6)(12,"button",7),p.C$Y(),p.I0R(13,"tui-swipe-actions",0)(14,"div",1),p.wR5(15,"tui-avatar",8),p.I0R(16,"div",3)(17,"strong"),p.OEk(18),p.wVc(19,"async"),p.wVc(20,"tuiAmount"),p.C$Y(),p.I0R(21,"div",4),p.OEk(22,"Goal"),p.C$Y()()(),p.wR5(23,"button",5)(24,"button",6)(25,"button",7),p.C$Y()),2&t&&(p.E7m("autoClose",!0),p.yG2(5),p.cNF(p.kDX(6,4,p.g7$(7,6,1e4,"USD"))),p.yG2(8),p.E7m("autoClose",!0),p.yG2(5),p.cNF(p.kDX(19,9,p.g7$(20,11,23e3,"EUR"))))},dependencies:[I.I,C.s,f.u,b.c,y.k,O.K,h.W,R.e,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:20rem;margin:1rem 0}tui-swipe-actions[_ngcontent-%COMP%]{margin:-1.5rem -1rem}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}"],changeDetection:0}),e})();var M=n(10268);function $(t,e){1&t&&p.wR5(0,"button",7)}function Y(t,e){1&t&&p.wR5(0,"button",8)}let A=(()=>{var t;class e{constructor(){this.shareButton=!1,this.editButton=!0}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-4"]],decls:18,vars:10,consts:[["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction","",4,"ngIf"],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction","",4,"ngIf"],["tuiCheckbox","","type","checkbox",3,"ngModel","ngModelChange"],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["appearance","secondary","iconLeft","tuiIconShare","size","m","tuiIconButton","","tuiSwipeAction",""]],template:function(t,e){1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"div",2)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",3),p.OEk(9,"Dollar account"),p.C$Y()()(),p.yuY(10,$,1,0,"button",4),p.yuY(11,Y,1,0,"button",5),p.C$Y(),p.I0R(12,"label")(13,"input",6),p.qCj("ngModelChange",(function(t){return e.shareButton=t})),p.C$Y(),p.OEk(14," Share button\n"),p.C$Y(),p.I0R(15,"label")(16,"input",6),p.qCj("ngModelChange",(function(t){return e.editButton=t})),p.C$Y(),p.OEk(17," Edit button\n"),p.C$Y()),2&t&&(p.yG2(5),p.cNF(p.kDX(6,5,p.g7$(7,7,1e4,"USD"))),p.yG2(5),p.E7m("ngIf",e.editButton),p.yG2(1),p.E7m("ngIf",e.shareButton),p.yG2(2),p.E7m("ngModel",e.shareButton),p.yG2(3),p.E7m("ngModel",e.editButton))},dependencies:[i.u_,I.I,C.s,f.u,b.c,y.k,h.W,o.SU,o.ue,o._G,R.e,M.g,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;width:20rem}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}label[_ngcontent-%COMP%]{display:flex;align-items:center;margin-top:.5rem}input[type=checkbox][_ngcontent-%COMP%]{margin-right:.5rem}"],changeDetection:0}),e})();var L=n(94472),B=n(15119),D=n(8372),G=n(35137);function _(t,e){1&t&&(p.I0R(0,"tui-data-list")(1,"button",8),p.OEk(2,"Hide"),p.C$Y(),p.I0R(3,"button",8),p.OEk(4,"Edit"),p.C$Y()())}let P=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["tui-swipe-action-example-5"]],decls:15,vars:7,consts:[["tuiCardLarge","","tuiCell","","tuiSurface","elevated"],["appearance","primary","src","tuiIconDollarSignLarge"],["tuiTitle",""],["tuiSubtitle",""],["appearance","flat","iconLeft","tuiIconMoreVertical","size","s","tuiDropdownOpen","","tuiIconButton","",1,"fallback",3,"tuiDropdown"],["content",""],["iconLeft","tuiIconEye","size","m","tuiIconButton","","tuiSwipeAction",""],["iconLeft","tuiIconEdit3","size","m","tuiIconButton","","tuiSwipeAction",""],["tuiOption",""]],template:function(t,e){if(1&t&&(p.I0R(0,"tui-swipe-actions")(1,"div",0),p.wR5(2,"tui-avatar",1),p.I0R(3,"div",2)(4,"strong"),p.OEk(5),p.wVc(6,"async"),p.wVc(7,"tuiAmount"),p.C$Y(),p.I0R(8,"div",3),p.OEk(9,"Dollar account"),p.C$Y()()(),p.wR5(10,"button",4),p.yuY(11,_,5,0,"ng-template",null,5,p.gJz),p.wR5(13,"button",6)(14,"button",7),p.C$Y()),2&t){const t=p.Gew(12);p.yG2(5),p.cNF(p.kDX(6,2,p.g7$(7,4,1e4,"USD"))),p.yG2(5),p.E7m("tuiDropdown",t)}},dependencies:[I.I,C.s,f.u,b.c,y.k,h.W,R.e,L.o,B.y,D.s,G.K,i.a,S._],styles:["[_nghost-%COMP%]{display:flex;width:20rem}tui-swipe-actions[_ngcontent-%COMP%]{overflow:hidden}.fallback[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);right:2rem}[tuiSurface][_ngcontent-%COMP%]{margin:1.5rem 1rem}button[tuiSwipeAction][_ngcontent-%COMP%]{border-radius:100%}@media only screen and (hover: none) and (pointer: coarse){.fallback[_ngcontent-%COMP%]{display:none}tui-swipe-actions[_ngcontent-%COMP%]{overflow-x:scroll}}"],changeDetection:0}),e})();function z(t,e){if(1&t&&(p.I0R(0,"p")(1,"b"),p.OEk(2,"Component should be used on mobile devices only."),p.C$Y()(),p.I0R(3,"tui-doc-example",2),p.wR5(4,"tui-swipe-action-example-1"),p.C$Y(),p.I0R(5,"tui-doc-example",3),p.wR5(6,"tui-swipe-action-example-2"),p.C$Y(),p.I0R(7,"tui-doc-example",4),p.wR5(8,"tui-swipe-action-example-3"),p.C$Y(),p.I0R(9,"tui-doc-example",5),p.wR5(10,"tui-swipe-action-example-4"),p.C$Y(),p.I0R(11,"tui-doc-example",6),p.wR5(12,"tui-swipe-action-example-5"),p.C$Y()),2&t){const t=p.GaO();p.yG2(3),p.E7m("content",t.example1),p.yG2(2),p.E7m("content",t.example2),p.yG2(2),p.E7m("content",t.example3),p.yG2(2),p.E7m("content",t.example4),p.yG2(2),p.E7m("content",t.example5)}}function T(t,e){if(1&t&&(p.I0R(0,"ol",7)(1,"li")(2,"p"),p.OEk(3,"Import module:"),p.C$Y(),p.wR5(4,"tui-doc-code",8),p.C$Y(),p.I0R(5,"li")(6,"p"),p.OEk(7,"Add to the template:"),p.C$Y(),p.wR5(8,"tui-doc-code",9),p.C$Y()()),2&t){const t=p.GaO();p.yG2(4),p.E7m("code",t.exampleModule),p.yG2(4),p.E7m("code",t.exampleHtml)}}let V=(()=>{var t;class e{constructor(){this.exampleModule=n.e(6152).then(n.t.bind(n,6152,17)),this.exampleHtml=n.e(91259).then(n.t.bind(n,91259,17)),this.example1={HTML:n.e(34496).then(n.t.bind(n,12115,17)),LESS:n.e(79208).then(n.t.bind(n,56828,17))},this.example2={HTML:n.e(32936).then(n.t.bind(n,32936,17)),LESS:n.e(691).then(n.t.bind(n,23072,17))},this.example3={HTML:n.e(42620).then(n.t.bind(n,20240,17)),LESS:n.e(87915).then(n.t.bind(n,87915,17)),TypeScript:n.e(95844).then(n.t.bind(n,95844,17))},this.example4={HTML:n.e(11384).then(n.t.bind(n,11384,17)),TypeScript:n.e(40572).then(n.t.bind(n,40572,17))},this.example5={HTML:n.e(27008).then(n.t.bind(n,27008,17)),LESS:n.e(97672).then(n.t.bind(n,97672,17))}}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=p.In1({type:t,selectors:[["example-swipe-actions"]],decls:3,vars:0,consts:[["header","SwipeAction","package","ADDON-MOBILE","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","custom","heading","Custom",3,"content"],["id","auto-close","description","Automatically close a component when a pointerdown event occurs outside of it","heading","Autoclose",3,"content"],["id","dynamic","heading","Dynamic actions",3,"content"],["id","fallback","heading","Fallback for desktop",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(p.I0R(0,"tui-doc-page",0),p.yuY(1,z,13,5,"ng-template",1),p.yuY(2,T,9,2,"ng-template",1),p.C$Y())},dependencies:[d.u,m.E,g.u,w.I,k,E,x,A,P],encapsulation:2,changeDetection:0}),e})(),F=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=p.a4G({type:t}),t.ɵinj=p.s3X({imports:[i.MD,a.kx,s.CA,s.yk,s.kD,s.kF,u.TuiSwipeActionsComponent,s.MX,l.TuiBadgedContentComponent,s.C,s.O0,l.TuiBadgeComponent,r.TuiNotificationModule,c.qQ.forChild((0,a._A)(V)),s.CI,o.y,s._M,s.Q7,r.TuiDataListModule]}),e})()}}]);
\ No newline at end of file
diff --git a/next/67328.f8b694cf4f2ad3b1.js b/next/67328.f8b694cf4f2ad3b1.js
new file mode 100644
index 000000000000..0cab3eca90a8
--- /dev/null
+++ b/next/67328.f8b694cf4f2ad3b1.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[67328],{67328:n=>{n.exports='
\n \n\n \n\n \n
\n\n
\n \n\n \n
\n\n
\n \n
\n'}}]);
\ No newline at end of file
diff --git a/next/69888.29c06b52f2669458.js b/next/69888.e242ef4ffc47ee7f.js
similarity index 98%
rename from next/69888.29c06b52f2669458.js
rename to next/69888.e242ef4ffc47ee7f.js
index 2c86ddfb6bf6..23cbaac13c0e 100644
--- a/next/69888.29c06b52f2669458.js
+++ b/next/69888.e242ef4ffc47ee7f.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[69888],{69888:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiCompassModule:()=>G});var o=n(86568),i=n(82312),a=n(752),c=n(62548),s=n(84788),r=n(6528),u=n(12712),l=n(13692),m=n(96808),p=n(95356),d=n(56616),h=n(34496),g=n(37288),y=n(83480),f=n(62224);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-compass-example-1"]],decls:1,vars:0,template:function(e,t){1&e&&r.wR5(0,"tui-compass")},dependencies:[u.m],encapsulation:2,changeDetection:0}),t})();var E=n(45328);let w=(()=>{var e;class t{constructor(){this.degrees=0}calculate(e){var t,n;const o=null!==(t=null===(n=this.compass)||void 0===n?void 0:n.nativeElement.getBoundingClientRect())&&void 0!==t?t:E.EMPTY_CLIENT_RECT,i=Math.ceil(e.clientX-(o.left+o.width/2)),a=Math.ceil(e.clientY-(o.top+o.height/2));this.degrees=180-Math.atan2(i,a)*(180/Math.PI)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-compass-example-2"]],viewQuery:function(e,t){if(1&e&&r.CC$(s.mw,5,r.GMv),2&e){let e;r.wto(e=r.Gqi())&&(t.compass=e.first)}},hostBindings:function(e,t){1&e&&r.qCj("mousemove",(function(e){return t.calculate(e)}),!1,r.wLc)},decls:1,vars:1,consts:[[3,"degrees"]],template:function(e,t){1&e&&r.wR5(0,"tui-compass",0),2&e&&r.E7m("degrees",t.degrees)},dependencies:[u.m],encapsulation:2,changeDetection:0}),t})();function v(e,t){if(1&e&&(r.I0R(0,"tui-notification",2),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"tui-doc-example",3),r.wR5(6,"tui-compass-example-1"),r.C$Y(),r.I0R(7,"tui-doc-example",4),r.wR5(8,"tui-compass-example-2"),r.C$Y()),2&e){const e=r.GaO();r.yG2(5),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2)}}function x(e,t){1&e&&r.OEk(0," Pointer direction in degrees ")}function R(e,t){1&e&&r.OEk(0," Custom color ")}function I(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo"),r.wR5(1,"tui-compass",5),r.C$Y(),r.I0R(2,"tui-doc-documentation"),r.yuY(3,x,1,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.degrees=t)})),r.C$Y(),r.I0R(4,"tui-doc-documentation",7),r.yuY(5,R,1,0,"ng-template",8),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.color=t)})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(1),r.m4B("color",e.color),r.E7m("degrees",e.degrees),r.yG2(2),r.E7m("documentationPropertyValue",e.degrees),r.yG2(2),r.E7m("documentationPropertyValues",e.colorVariants)("documentationPropertyValue",e.color)}}function P(e,t){if(1&e&&(r.I0R(0,"ol",9)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",10),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",11),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let Y=(()=>{var e;class t{constructor(){this.exampleModule=n.e(88140).then(n.t.bind(n,88140,17)),this.exampleHtml=n.e(39528).then(n.t.bind(n,39528,17)),this.example1={TypeScript:n.e(55312).then(n.t.bind(n,32932,17))},this.example2={TypeScript:n.e(32268).then(n.t.bind(n,32268,17))},this.colorVariants=["#428bf9","rgb(234, 56, 24)","var(--tui-positive)",""],this.color=this.colorVariants[0],this.degrees=90}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-compass"]],decls:4,vars:0,consts:[["header","Compass","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","without-direction","description","Direction isn't present (direction is NaN)","heading","Basic",3,"content"],["id","user-position","description","Following pointer on the page","heading","Direction",3,"content"],[3,"degrees"],["documentationPropertyName","degrees","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.color","documentationPropertyType","string",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&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,v,9,2,"ng-template",1),r.yuY(2,I,6,6,"ng-template",1),r.yuY(3,P,9,2,"ng-template",1),r.C$Y())},dependencies:[u.m,l.u,m.m,p.I,d.S,h.E,g.u,y.I,f.e,C,w],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.MD,s.m_,a.kx,c.TuiNotificationModule,i.qQ.forChild((0,a._A)(Y))]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[69888],{69888:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiCompassModule:()=>G});var o=n(86568),i=n(82312),a=n(752),c=n(62548),s=n(37304),r=n(6528),u=n(12712),l=n(13692),m=n(96808),p=n(95356),d=n(56616),h=n(34496),g=n(37288),y=n(83480),f=n(62224);let C=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-compass-example-1"]],decls:1,vars:0,template:function(e,t){1&e&&r.wR5(0,"tui-compass")},dependencies:[u.m],encapsulation:2,changeDetection:0}),t})();var E=n(45328);let w=(()=>{var e;class t{constructor(){this.degrees=0}calculate(e){var t,n;const o=null!==(t=null===(n=this.compass)||void 0===n?void 0:n.nativeElement.getBoundingClientRect())&&void 0!==t?t:E.EMPTY_CLIENT_RECT,i=Math.ceil(e.clientX-(o.left+o.width/2)),a=Math.ceil(e.clientY-(o.top+o.height/2));this.degrees=180-Math.atan2(i,a)*(180/Math.PI)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-compass-example-2"]],viewQuery:function(e,t){if(1&e&&r.CC$(s.mw,5,r.GMv),2&e){let e;r.wto(e=r.Gqi())&&(t.compass=e.first)}},hostBindings:function(e,t){1&e&&r.qCj("mousemove",(function(e){return t.calculate(e)}),!1,r.wLc)},decls:1,vars:1,consts:[[3,"degrees"]],template:function(e,t){1&e&&r.wR5(0,"tui-compass",0),2&e&&r.E7m("degrees",t.degrees)},dependencies:[u.m],encapsulation:2,changeDetection:0}),t})();function v(e,t){if(1&e&&(r.I0R(0,"tui-notification",2),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"tui-doc-example",3),r.wR5(6,"tui-compass-example-1"),r.C$Y(),r.I0R(7,"tui-doc-example",4),r.wR5(8,"tui-compass-example-2"),r.C$Y()),2&e){const e=r.GaO();r.yG2(5),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2)}}function x(e,t){1&e&&r.OEk(0," Pointer direction in degrees ")}function R(e,t){1&e&&r.OEk(0," Custom color ")}function I(e,t){if(1&e){const e=r.KQA();r.I0R(0,"tui-doc-demo"),r.wR5(1,"tui-compass",5),r.C$Y(),r.I0R(2,"tui-doc-documentation"),r.yuY(3,x,1,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.degrees=t)})),r.C$Y(),r.I0R(4,"tui-doc-documentation",7),r.yuY(5,R,1,0,"ng-template",8),r.qCj("documentationPropertyValueChange",(function(t){r.usT(e);const n=r.GaO();return r.CGJ(n.color=t)})),r.C$Y()}if(2&e){const e=r.GaO();r.yG2(1),r.m4B("color",e.color),r.E7m("degrees",e.degrees),r.yG2(2),r.E7m("documentationPropertyValue",e.degrees),r.yG2(2),r.E7m("documentationPropertyValues",e.colorVariants)("documentationPropertyValue",e.color)}}function P(e,t){if(1&e&&(r.I0R(0,"ol",9)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",10),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",11),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let Y=(()=>{var e;class t{constructor(){this.exampleModule=n.e(88140).then(n.t.bind(n,88140,17)),this.exampleHtml=n.e(39528).then(n.t.bind(n,39528,17)),this.example1={TypeScript:n.e(55312).then(n.t.bind(n,32932,17))},this.example2={TypeScript:n.e(32268).then(n.t.bind(n,32268,17))},this.colorVariants=["#428bf9","rgb(234, 56, 24)","var(--tui-positive)",""],this.color=this.colorVariants[0],this.degrees=90}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-compass"]],decls:4,vars:0,consts:[["header","Compass","package","EXPERIMENTAL","type","components"],["pageTab",""],["status","warning"],["id","without-direction","description","Direction isn't present (direction is NaN)","heading","Basic",3,"content"],["id","user-position","description","Following pointer on the page","heading","Direction",3,"content"],[3,"degrees"],["documentationPropertyName","degrees","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["heading","CSS customization"],["documentationPropertyMode","input","documentationPropertyName","style.color","documentationPropertyType","string",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&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,v,9,2,"ng-template",1),r.yuY(2,I,6,6,"ng-template",1),r.yuY(3,P,9,2,"ng-template",1),r.C$Y())},dependencies:[u.m,l.u,m.m,p.I,d.S,h.E,g.u,y.I,f.e,C,w],encapsulation:2,changeDetection:0}),t})(),G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.MD,s.m_,a.kx,c.TuiNotificationModule,i.qQ.forChild((0,a._A)(Y))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/70420.c7ce5620021e1c14.js b/next/70420.97d833c56a5c8cbb.js
similarity index 98%
rename from next/70420.c7ce5620021e1c14.js
rename to next/70420.97d833c56a5c8cbb.js
index 7f3027dc4375..4d234abf5124 100644
--- a/next/70420.c7ce5620021e1c14.js
+++ b/next/70420.97d833c56a5c8cbb.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[70420],{70420:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiIconModule:()=>y});var o=n(86568),i=n(752),c=n(62548),a=n(84788),r=n(6528),s=n(62224),u=n(13692),l=n(34496),p=n(37288),m=n(83480),d=n(69352);let h=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-icon-example-1"]],decls:1,vars:2,consts:[["icon","tuiIconHeartLarge"]],template:function(e,t){1&e&&r.wR5(0,"tui-icon",0),2&e&&r.m4B("color","var(--tui-primary)")},dependencies:[d.i],encapsulation:2,changeDetection:0}),t})(),g=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-icon-example-2"]],features:[r.M5G([(0,c.tuiIconResolverProvider)((e=>e.includes("/")?e:`/assets/icons/${e}.svg`))])],decls:3,vars:0,consts:[["icon","https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/github.svg",1,"red"],["icon","https://cdn-icons-png.flaticon.com/64/12710/12710759.png",1,"hover"],["icon","telegram",1,"text"]],template:function(e,t){1&e&&r.wR5(0,"tui-icon",0)(1,"tui-icon",1)(2,"tui-icon",2)},dependencies:[d.i],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.red[_ngcontent-%COMP%]{color:var(--tui-negative)}.hover[_ngcontent-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-primary)}.hover[_ngcontent-%COMP%]:hover{color:var(--tui-primary-hover)}.text[_ngcontent-%COMP%]{color:var(--tui-text-02)}"],changeDetection:0}),t})(),f=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-icon-example-3"]],decls:1,vars:4,consts:[["background","tuiIconInfoLarge","icon","tuiIconInfoLarge"]],template:function(e,t){1&e&&r.wR5(0,"tui-icon",0),2&e&&r.m4B("background","pink")("color","purple")},dependencies:[d.i],encapsulation:2,changeDetection:0}),t})();function x(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"A component to use icons and color them with CSS."),r.C$Y(),r.I0R(7,"tui-doc-example",4),r.wR5(8,"tui-icon-example-1"),r.C$Y(),r.I0R(9,"tui-doc-example",5),r.wR5(10,"tui-icon-example-2"),r.C$Y(),r.I0R(11,"tui-doc-example",6),r.wR5(12,"tui-icon-example-3"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3)}}function v(e,t){if(1&e&&(r.I0R(0,"ol",7)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",8),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",9),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let I=(()=>{var e;class t{constructor(){this.exampleModule=n.e(97032).then(n.t.bind(n,97032,17)),this.exampleHtml=n.e(15480).then(n.t.bind(n,15480,17)),this.example1={TypeScript:n.e(56912).then(n.t.bind(n,56912,17)),HTML:n.e(69192).then(n.t.bind(n,69192,17))},this.example2={TypeScript:n.e(72688).then(n.t.bind(n,72688,17)),HTML:n.e(41171).then(n.t.bind(n,41171,17)),LESS:n.e(85596).then(n.t.bind(n,85596,17))},this.example3={TypeScript:n.e(73704).then(n.t.bind(n,73704,17)),HTML:n.e(46576).then(n.t.bind(n,46576,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-icon"]],decls:3,vars:0,consts:[["header","Icon","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","external","heading","External icons",3,"content"],["id","duo","heading","Two colors",1,"luminance",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.I0R(0,"tui-doc-page",0),r.yuY(1,x,13,3,"ng-template",1),r.yuY(2,v,9,2,"ng-template",2),r.C$Y())},dependencies:[s.e,u.u,l.E,p.u,m.I,h,g,f],encapsulation:2,changeDetection:0}),t})();n(23340);let y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.MD,a.C,c.TuiLinkModule,c.TuiNotificationModule,(0,i.If)(I)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[70420],{70420:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiIconModule:()=>y});var o=n(86568),i=n(752),c=n(62548),a=n(37304),r=n(6528),s=n(62224),u=n(13692),l=n(34496),p=n(37288),m=n(83480),d=n(69352);let h=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-icon-example-1"]],decls:1,vars:2,consts:[["icon","tuiIconHeartLarge"]],template:function(e,t){1&e&&r.wR5(0,"tui-icon",0),2&e&&r.m4B("color","var(--tui-primary)")},dependencies:[d.i],encapsulation:2,changeDetection:0}),t})(),g=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-icon-example-2"]],features:[r.M5G([(0,c.tuiIconResolverProvider)((e=>e.includes("/")?e:`/assets/icons/${e}.svg`))])],decls:3,vars:0,consts:[["icon","https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/github.svg",1,"red"],["icon","https://cdn-icons-png.flaticon.com/64/12710/12710759.png",1,"hover"],["icon","telegram",1,"text"]],template:function(e,t){1&e&&r.wR5(0,"tui-icon",0)(1,"tui-icon",1)(2,"tui-icon",2)},dependencies:[d.i],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.red[_ngcontent-%COMP%]{color:var(--tui-negative)}.hover[_ngcontent-%COMP%]{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;color:var(--tui-primary)}.hover[_ngcontent-%COMP%]:hover{color:var(--tui-primary-hover)}.text[_ngcontent-%COMP%]{color:var(--tui-text-02)}"],changeDetection:0}),t})(),f=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["tui-icon-example-3"]],decls:1,vars:4,consts:[["background","tuiIconInfoLarge","icon","tuiIconInfoLarge"]],template:function(e,t){1&e&&r.wR5(0,"tui-icon",0),2&e&&r.m4B("background","pink")("color","purple")},dependencies:[d.i],encapsulation:2,changeDetection:0}),t})();function x(e,t){if(1&e&&(r.I0R(0,"tui-notification",3),r.OEk(1," This code is "),r.I0R(2,"strong"),r.OEk(3,"experimental"),r.C$Y(),r.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),r.C$Y(),r.I0R(5,"p"),r.OEk(6,"A component to use icons and color them with CSS."),r.C$Y(),r.I0R(7,"tui-doc-example",4),r.wR5(8,"tui-icon-example-1"),r.C$Y(),r.I0R(9,"tui-doc-example",5),r.wR5(10,"tui-icon-example-2"),r.C$Y(),r.I0R(11,"tui-doc-example",6),r.wR5(12,"tui-icon-example-3"),r.C$Y()),2&e){const e=r.GaO();r.yG2(7),r.E7m("content",e.example1),r.yG2(2),r.E7m("content",e.example2),r.yG2(2),r.E7m("content",e.example3)}}function v(e,t){if(1&e&&(r.I0R(0,"ol",7)(1,"li")(2,"p"),r.OEk(3,"Import module:"),r.C$Y(),r.wR5(4,"tui-doc-code",8),r.C$Y(),r.I0R(5,"li")(6,"p"),r.OEk(7,"Add to the template:"),r.C$Y(),r.wR5(8,"tui-doc-code",9),r.C$Y()()),2&e){const e=r.GaO();r.yG2(4),r.E7m("code",e.exampleModule),r.yG2(4),r.E7m("code",e.exampleHtml)}}let I=(()=>{var e;class t{constructor(){this.exampleModule=n.e(97032).then(n.t.bind(n,97032,17)),this.exampleHtml=n.e(15480).then(n.t.bind(n,15480,17)),this.example1={TypeScript:n.e(56912).then(n.t.bind(n,56912,17)),HTML:n.e(69192).then(n.t.bind(n,69192,17))},this.example2={TypeScript:n.e(72688).then(n.t.bind(n,72688,17)),HTML:n.e(41171).then(n.t.bind(n,41171,17)),LESS:n.e(85596).then(n.t.bind(n,85596,17))},this.example3={TypeScript:n.e(73704).then(n.t.bind(n,73704,17)),HTML:n.e(46576).then(n.t.bind(n,46576,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=r.In1({type:e,selectors:[["example-icon"]],decls:3,vars:0,consts:[["header","Icon","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","external","heading","External icons",3,"content"],["id","duo","heading","Two colors",1,"luminance",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.I0R(0,"tui-doc-page",0),r.yuY(1,x,13,3,"ng-template",1),r.yuY(2,v,9,2,"ng-template",2),r.C$Y())},dependencies:[s.e,u.u,l.E,p.u,m.I,h,g,f],encapsulation:2,changeDetection:0}),t})();n(23340);let y=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=r.a4G({type:e}),e.ɵinj=r.s3X({imports:[o.MD,a.C,c.TuiLinkModule,c.TuiNotificationModule,(0,i.If)(I)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/71492.0c99cfbd7394a492.js b/next/71492.65120b05599cd2ac.js
similarity index 98%
rename from next/71492.0c99cfbd7394a492.js
rename to next/71492.65120b05599cd2ac.js
index aca650e98a98..22d421bd56f3 100644
--- a/next/71492.0c99cfbd7394a492.js
+++ b/next/71492.65120b05599cd2ac.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[71492],{71492:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSensitiveModule:()=>G});var i=n(86568),a=n(35856),s=n(752),o=n(62548),c=n(84788),u=n(33976),l=n(6528),p=n(50664),d=n(62224),m=n(13692),r=n(96808),v=n(95356),f=n(56616),E=n(34496),g=n(37288),y=n(83480),C=n(9544);let h=(()=>{var e;class t{constructor(){this.sensitive=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-sensitive-example-1"]],decls:15,vars:4,consts:[[1,"small"],[3,"tuiSensitive"],[1,"medium"],[1,"big"],[3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.I0R(0,"span",0),l.OEk(1," Balance: "),l.I0R(2,"span",1),l.OEk(3,"100 000$"),l.C$Y()(),l.I0R(4,"span",2),l.OEk(5," Balance: "),l.I0R(6,"span",1),l.OEk(7,"100 000$"),l.C$Y()(),l.I0R(8,"span",3),l.OEk(9," Balance: "),l.I0R(10,"span",1),l.OEk(11,"100 000$"),l.C$Y()(),l.I0R(12,"label")(13,"tui-toggle",4),l.qCj("ngModelChange",(function(e){return t.sensitive=e})),l.C$Y(),l.OEk(14," hide\n"),l.C$Y()),2&e&&(l.yG2(2),l.E7m("tuiSensitive",t.sensitive),l.yG2(4),l.E7m("tuiSensitive",t.sensitive),l.yG2(4),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.E7m("ngModel",t.sensitive))},dependencies:[a.ue,a._G,p.H,C.y],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:30rem}.small[_ngcontent-%COMP%]{font:var(--tui-font-text-s)}.medium[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}.big[_ngcontent-%COMP%]{font:var(--tui-font-heading-3)}"],changeDetection:0}),t})();var k=n(49712),I=n(26220);let O=(()=>{var e;class t{constructor(){this.sensitive=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-sensitive-example-2"]],decls:21,vars:8,consts:[["appearance","destructive","size","m","tuiButton",""],[3,"tuiSensitive"],["appearance","flat","size","m","tuiButton","",1,"tui-space_left-2"],["appearance","primary",1,"tui-space_left-2"],["appearance","accent","size","xl",1,"tui-space_left-2",3,"tuiSensitive"],[3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.I0R(0,"button",0)(1,"span"),l.OEk(2," Pay "),l.I0R(3,"span",1),l.OEk(4,"1000$"),l.C$Y()()(),l.I0R(5,"button",2)(6,"span"),l.OEk(7," Pay "),l.I0R(8,"span",1),l.OEk(9,"1000$"),l.C$Y()()(),l.I0R(10,"p")(11,"tui-badge",1),l.OEk(12," 12 000$ "),l.C$Y(),l.I0R(13,"tui-badge",3)(14,"span",1),l.OEk(15,"12 000$"),l.C$Y()(),l.I0R(16,"tui-badge",4),l.OEk(17," 12 000$ "),l.C$Y()(),l.I0R(18,"label")(19,"tui-toggle",5),l.qCj("ngModelChange",(function(e){return t.sensitive=e})),l.C$Y(),l.OEk(20," Hide\n"),l.C$Y()),2&e&&(l.yG2(3),l.E7m("tuiSensitive",t.sensitive),l.yG2(5),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.m4B("background","var(--tui-positive)"),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.E7m("tuiSensitive",t.sensitive),l.yG2(2),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.E7m("ngModel",t.sensitive))},dependencies:[a.ue,a._G,p.H,C.y,k.Y,I.W],encapsulation:2,changeDetection:0}),t})();function $(e,t){if(1&e&&(l.I0R(0,"tui-notification",2),l.OEk(1," This code is "),l.I0R(2,"strong"),l.OEk(3,"experimental"),l.C$Y(),l.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),l.C$Y(),l.I0R(5,"p"),l.OEk(6," A directive that allows you to hide sensitive data under a pixel mask. This can be account balances, write-off amounts and any other content "),l.C$Y(),l.I0R(7,"tui-doc-example",3),l.wR5(8,"tui-sensitive-example-1"),l.C$Y(),l.I0R(9,"tui-doc-example",4)(10,"tui-notification",5),l.OEk(11," Buttons have "),l.I0R(12,"code"),l.OEk(13,"gap"),l.C$Y(),l.OEk(14," style configured for icons, avatars and other similar content. Wrap your text in "),l.I0R(15,"code"),l.OEk(16,"span"),l.C$Y(),l.OEk(17," so it does not affect you. "),l.C$Y(),l.wR5(18,"tui-sensitive-example-2"),l.C$Y()),2&e){const e=l.GaO();l.yG2(7),l.E7m("content",e.example1),l.yG2(2),l.E7m("content",e.example2)}}function R(e,t){1&e&&l.OEk(0," Sensitive mode ")}function Y(e,t){if(1&e){const e=l.KQA();l.I0R(0,"tui-doc-demo")(1,"span",6),l.OEk(2,"Confidential information"),l.C$Y()(),l.I0R(3,"tui-doc-documentation"),l.yuY(4,R,1,0,"ng-template",7),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.sensitive=t)})),l.C$Y()}if(2&e){const e=l.GaO();l.yG2(1),l.E7m("tuiSensitive",e.sensitive),l.yG2(3),l.E7m("documentationPropertyValue",e.sensitive)}}function b(e,t){if(1&e&&(l.I0R(0,"ol",8)(1,"li")(2,"p"),l.OEk(3,"Import module:"),l.C$Y(),l.wR5(4,"tui-doc-code",9),l.C$Y(),l.I0R(5,"li")(6,"p"),l.OEk(7,"Add to the template:"),l.C$Y(),l.wR5(8,"tui-doc-code",10),l.C$Y()()),2&e){const e=l.GaO();l.yG2(4),l.E7m("code",e.exampleModule),l.yG2(4),l.E7m("code",e.exampleHtml)}}let x=(()=>{var e;class t{constructor(){this.exampleModule=n.e(75048).then(n.t.bind(n,75048,17)),this.exampleHtml=n.e(99976).then(n.t.bind(n,99976,17)),this.example1={HTML:n.e(80680).then(n.t.bind(n,80680,17)),LESS:n.e(77808).then(n.t.bind(n,77808,17))},this.example2={HTML:n.e(86924).then(n.t.bind(n,86924,17))},this.sensitive=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["example-sensitive"]],decls:4,vars:0,consts:[["header","Sensitive","package","EXPERIMENTAL","type","directives"],["pageTab",""],["status","warning"],["id","base","heading","Basic",3,"content"],["id","components","heading","Components",3,"content"],[1,"tui-space_bottom-4"],[3,"tuiSensitive"],["documentationPropertyMode","input","documentationPropertyName","tuiSensitive","documentationPropertyType","boolean",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.I0R(0,"tui-doc-page",0),l.yuY(1,$,19,2,"ng-template",1),l.yuY(2,Y,5,2,"ng-template",1),l.yuY(3,b,9,2,"ng-template",1),l.C$Y())},dependencies:[p.H,d.e,m.u,r.m,v.I,f.S,E.E,g.u,y.I,h,O],encapsulation:2,changeDetection:0}),t})();n(23340);let G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[a.y,i.MD,c.kT,o.TuiNotificationModule,u.TuiToggleModule,c.CI,(0,s.If)(x)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[71492],{71492:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiSensitiveModule:()=>G});var i=n(86568),a=n(35856),s=n(752),o=n(62548),c=n(37304),u=n(33976),l=n(6528),p=n(50664),d=n(62224),m=n(13692),r=n(96808),v=n(95356),f=n(56616),E=n(34496),g=n(37288),y=n(83480),C=n(9544);let h=(()=>{var e;class t{constructor(){this.sensitive=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-sensitive-example-1"]],decls:15,vars:4,consts:[[1,"small"],[3,"tuiSensitive"],[1,"medium"],[1,"big"],[3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.I0R(0,"span",0),l.OEk(1," Balance: "),l.I0R(2,"span",1),l.OEk(3,"100 000$"),l.C$Y()(),l.I0R(4,"span",2),l.OEk(5," Balance: "),l.I0R(6,"span",1),l.OEk(7,"100 000$"),l.C$Y()(),l.I0R(8,"span",3),l.OEk(9," Balance: "),l.I0R(10,"span",1),l.OEk(11,"100 000$"),l.C$Y()(),l.I0R(12,"label")(13,"tui-toggle",4),l.qCj("ngModelChange",(function(e){return t.sensitive=e})),l.C$Y(),l.OEk(14," hide\n"),l.C$Y()),2&e&&(l.yG2(2),l.E7m("tuiSensitive",t.sensitive),l.yG2(4),l.E7m("tuiSensitive",t.sensitive),l.yG2(4),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.E7m("ngModel",t.sensitive))},dependencies:[a.ue,a._G,p.H,C.y],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem;width:30rem}.small[_ngcontent-%COMP%]{font:var(--tui-font-text-s)}.medium[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}.big[_ngcontent-%COMP%]{font:var(--tui-font-heading-3)}"],changeDetection:0}),t})();var k=n(49712),I=n(26220);let O=(()=>{var e;class t{constructor(){this.sensitive=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-sensitive-example-2"]],decls:21,vars:8,consts:[["appearance","destructive","size","m","tuiButton",""],[3,"tuiSensitive"],["appearance","flat","size","m","tuiButton","",1,"tui-space_left-2"],["appearance","primary",1,"tui-space_left-2"],["appearance","accent","size","xl",1,"tui-space_left-2",3,"tuiSensitive"],[3,"ngModel","ngModelChange"]],template:function(e,t){1&e&&(l.I0R(0,"button",0)(1,"span"),l.OEk(2," Pay "),l.I0R(3,"span",1),l.OEk(4,"1000$"),l.C$Y()()(),l.I0R(5,"button",2)(6,"span"),l.OEk(7," Pay "),l.I0R(8,"span",1),l.OEk(9,"1000$"),l.C$Y()()(),l.I0R(10,"p")(11,"tui-badge",1),l.OEk(12," 12 000$ "),l.C$Y(),l.I0R(13,"tui-badge",3)(14,"span",1),l.OEk(15,"12 000$"),l.C$Y()(),l.I0R(16,"tui-badge",4),l.OEk(17," 12 000$ "),l.C$Y()(),l.I0R(18,"label")(19,"tui-toggle",5),l.qCj("ngModelChange",(function(e){return t.sensitive=e})),l.C$Y(),l.OEk(20," Hide\n"),l.C$Y()),2&e&&(l.yG2(3),l.E7m("tuiSensitive",t.sensitive),l.yG2(5),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.m4B("background","var(--tui-positive)"),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.E7m("tuiSensitive",t.sensitive),l.yG2(2),l.E7m("tuiSensitive",t.sensitive),l.yG2(3),l.E7m("ngModel",t.sensitive))},dependencies:[a.ue,a._G,p.H,C.y,k.Y,I.W],encapsulation:2,changeDetection:0}),t})();function $(e,t){if(1&e&&(l.I0R(0,"tui-notification",2),l.OEk(1," This code is "),l.I0R(2,"strong"),l.OEk(3,"experimental"),l.C$Y(),l.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),l.C$Y(),l.I0R(5,"p"),l.OEk(6," A directive that allows you to hide sensitive data under a pixel mask. This can be account balances, write-off amounts and any other content "),l.C$Y(),l.I0R(7,"tui-doc-example",3),l.wR5(8,"tui-sensitive-example-1"),l.C$Y(),l.I0R(9,"tui-doc-example",4)(10,"tui-notification",5),l.OEk(11," Buttons have "),l.I0R(12,"code"),l.OEk(13,"gap"),l.C$Y(),l.OEk(14," style configured for icons, avatars and other similar content. Wrap your text in "),l.I0R(15,"code"),l.OEk(16,"span"),l.C$Y(),l.OEk(17," so it does not affect you. "),l.C$Y(),l.wR5(18,"tui-sensitive-example-2"),l.C$Y()),2&e){const e=l.GaO();l.yG2(7),l.E7m("content",e.example1),l.yG2(2),l.E7m("content",e.example2)}}function R(e,t){1&e&&l.OEk(0," Sensitive mode ")}function Y(e,t){if(1&e){const e=l.KQA();l.I0R(0,"tui-doc-demo")(1,"span",6),l.OEk(2,"Confidential information"),l.C$Y()(),l.I0R(3,"tui-doc-documentation"),l.yuY(4,R,1,0,"ng-template",7),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const n=l.GaO();return l.CGJ(n.sensitive=t)})),l.C$Y()}if(2&e){const e=l.GaO();l.yG2(1),l.E7m("tuiSensitive",e.sensitive),l.yG2(3),l.E7m("documentationPropertyValue",e.sensitive)}}function b(e,t){if(1&e&&(l.I0R(0,"ol",8)(1,"li")(2,"p"),l.OEk(3,"Import module:"),l.C$Y(),l.wR5(4,"tui-doc-code",9),l.C$Y(),l.I0R(5,"li")(6,"p"),l.OEk(7,"Add to the template:"),l.C$Y(),l.wR5(8,"tui-doc-code",10),l.C$Y()()),2&e){const e=l.GaO();l.yG2(4),l.E7m("code",e.exampleModule),l.yG2(4),l.E7m("code",e.exampleHtml)}}let x=(()=>{var e;class t{constructor(){this.exampleModule=n.e(75048).then(n.t.bind(n,75048,17)),this.exampleHtml=n.e(99976).then(n.t.bind(n,99976,17)),this.example1={HTML:n.e(80680).then(n.t.bind(n,80680,17)),LESS:n.e(77808).then(n.t.bind(n,77808,17))},this.example2={HTML:n.e(86924).then(n.t.bind(n,86924,17))},this.sensitive=!0}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["example-sensitive"]],decls:4,vars:0,consts:[["header","Sensitive","package","EXPERIMENTAL","type","directives"],["pageTab",""],["status","warning"],["id","base","heading","Basic",3,"content"],["id","components","heading","Components",3,"content"],[1,"tui-space_bottom-4"],[3,"tuiSensitive"],["documentationPropertyMode","input","documentationPropertyName","tuiSensitive","documentationPropertyType","boolean",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.I0R(0,"tui-doc-page",0),l.yuY(1,$,19,2,"ng-template",1),l.yuY(2,Y,5,2,"ng-template",1),l.yuY(3,b,9,2,"ng-template",1),l.C$Y())},dependencies:[p.H,d.e,m.u,r.m,v.I,f.S,E.E,g.u,y.I,h,O],encapsulation:2,changeDetection:0}),t})();n(23340);let G=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[a.y,i.MD,c.kT,o.TuiNotificationModule,u.TuiToggleModule,c.CI,(0,s.If)(x)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/76100.c5b4664afb5e8e5d.js b/next/76100.ee8561e8ad8ad9ef.js
similarity index 99%
rename from next/76100.c5b4664afb5e8e5d.js
rename to next/76100.ee8561e8ad8ad9ef.js
index 791c02223538..dd64bc744795 100644
--- a/next/76100.c5b4664afb5e8e5d.js
+++ b/next/76100.ee8561e8ad8ad9ef.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[76100],{76100:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiFadeModule:()=>T});var o=n(86568),i=n(752),a=n(62548),r=n(84788),d=n(6528),u=n(24980),c=n(62224),s=n(13692),l=n(96808),p=n(95356),m=n(56616),f=n(34496),h=n(37288),y=n(83480),g=n(26792),C=n(67592);let b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-fade-example-1"]],decls:3,vars:0,consts:[[1,"scrollbar"],["tuiFade","","tuiScrollable","",1,"fade"]],template:function(e,t){1&e&&(d.I0R(0,"tui-scrollbar",0)(1,"div",1),d.OEk(2," I am a very long text that overflows with a single line fade "),d.C$Y()())},dependencies:[u.y,g.o,C.u],styles:[".scrollbar[_ngcontent-%COMP%]{width:20rem}.fade[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;width:100%;height:2rem;font:var(--tui-font-heading-6);white-space:nowrap;overflow:auto}.fade[_ngcontent-%COMP%]::-webkit-scrollbar, .fade[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();var O=n(55412);function x(e,t){if(1&e){const e=d.KQA();d.I0R(0,"button",4),d.qCj("click",(function(){d.usT(e);const t=d.GaO();return d.CGJ(t.toggle())})),d.OEk(1," Show less "),d.C$Y()}}let P=(()=>{var e;class t{constructor(){this.expanded=!1}toggle(){this.expanded=!this.expanded}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-fade-example-2"]],decls:6,vars:5,consts:[[1,"wrapper"],["tuiFade","","tuiFadeHeight","1.25rem","tuiFadeOffset","4.5rem",1,"fade"],["tuiLink","",3,"click",4,"ngIf"],["tuiLink","",1,"expand",3,"click"],["tuiLink","",3,"click"]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"div",1),d.OEk(2," Daenerys of the House Targaryen, the First of Her Name, The Unburnt, Queen of the Andals, the Rhoynar and the First Men, Queen of Meereen, Khaleesi of the Great Grass Sea, Protector of the Realm, Lady Regent of the Seven Kingdoms, Breaker of Chains and Mother of Dragons. "),d.yuY(3,x,2,0,"button",2),d.C$Y(),d.I0R(4,"button",3),d.qCj("click",(function(){return t.toggle()})),d.OEk(5," Read more "),d.C$Y()()),2&e&&(d.yG2(1),d.eAK("fade_expanded",t.expanded),d.yG2(2),d.E7m("ngIf",t.expanded),d.yG2(1),d.eAK("expand_hidden",t.expanded))},dependencies:[o.u_,u.y,O.C],styles:[".wrapper[_ngcontent-%COMP%]{position:relative}.fade[_ngcontent-%COMP%]{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3.75rem}.fade_expanded[_ngcontent-%COMP%]{height:10rem}.expand[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:visibility;transition-timing-function:ease-in-out;position:absolute;bottom:0;right:0;transition-delay:var(--tui-duration)}.expand_hidden[_ngcontent-%COMP%]{opacity:0;visibility:hidden}"],data:{animation:[a.tuiFadeIn]},changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-fade-example-3"]],decls:3,vars:0,consts:[["tuiFade","vertical","tuiScrollable","",1,"fade"]],template:function(e,t){1&e&&(d.I0R(0,"tui-scrollbar")(1,"div",0),d.OEk(2," Daenerys of the House Targaryen, the First of Her Name, The Unburnt, Queen of the Andals, the Rhoynar and the First Men, Queen of Meereen, Khaleesi of the Great Grass Sea, Protector of the Realm, Lady Regent of the Seven Kingdoms, Breaker of Chains and Mother of Dragons. "),d.C$Y()())},dependencies:[u.y,g.o,C.u],styles:[".fade[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;width:17rem;height:10rem;font:var(--tui-font-text-l);overflow:auto}.fade[_ngcontent-%COMP%]::-webkit-scrollbar, .fade[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();function v(e,t){if(1&e&&(d.I0R(0,"tui-notification",2),d.OEk(1," This code is "),d.I0R(2,"strong"),d.OEk(3,"experimental"),d.C$Y(),d.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),d.C$Y(),d.I0R(5,"p"),d.OEk(6,"Directive that uses masking to fade out overflown content"),d.C$Y(),d.I0R(7,"tui-doc-example",3),d.wR5(8,"tui-fade-example-1"),d.C$Y(),d.I0R(9,"tui-doc-example",4),d.wR5(10,"tui-fade-example-2"),d.C$Y(),d.I0R(11,"tui-doc-example",5),d.wR5(12,"tui-fade-example-3"),d.C$Y()),2&e){const e=d.GaO();d.yG2(7),d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3)}}function w(e,t){1&e&&d.OEk(0," Orientation of the fade ")}function E(e,t){1&e&&d.OEk(0," Line height (required for multiline text fade) ")}function M(e,t){1&e&&d.OEk(0," Offset from the edge for the fade to start ")}function I(e,t){1&e&&d.OEk(0," Size of the fade ")}function R(e,t){if(1&e){const e=d.KQA();d.I0R(0,"tui-doc-demo")(1,"div",6),d.OEk(2," I am a very long text with "),d.I0R(3,"code"),d.OEk(4,"white-space: nowrap"),d.C$Y(),d.OEk(5," that fades "),d.C$Y()(),d.I0R(6,"tui-doc-documentation"),d.yuY(7,w,1,0,"ng-template",7),d.yuY(8,E,1,0,"ng-template",8),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.lineHeight=t)})),d.yuY(9,M,1,0,"ng-template",9),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.offset=t)})),d.yuY(10,I,1,0,"ng-template",10),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.size=t)})),d.C$Y()}if(2&e){const e=d.GaO();d.yG2(1),d.E7m("tuiFadeHeight",e.lineHeight)("tuiFadeOffset",e.offset)("tuiFadeSize",e.size),d.yG2(7),d.E7m("documentationPropertyValue",e.lineHeight),d.yG2(1),d.E7m("documentationPropertyValue",e.offset),d.yG2(1),d.E7m("documentationPropertyValue",e.size)}}function G(e,t){if(1&e&&(d.I0R(0,"ol",11)(1,"li")(2,"p"),d.OEk(3,"Import module:"),d.C$Y(),d.wR5(4,"tui-doc-code",12),d.C$Y(),d.I0R(5,"li")(6,"p"),d.OEk(7,"Add to the template:"),d.C$Y(),d.wR5(8,"tui-doc-code",13),d.C$Y()()),2&e){const e=d.GaO();d.yG2(4),d.E7m("code",e.exampleModule),d.yG2(4),d.E7m("code",e.exampleHtml)}}let Y=(()=>{var e;class t{constructor(){this.exampleModule=n.e(4100).then(n.t.bind(n,4100,17)),this.exampleHtml=n.e(30140).then(n.t.bind(n,30140,17)),this.example1={TypeScript:n.e(26528).then(n.t.bind(n,26528,17)),HTML:n.e(60928).then(n.t.bind(n,60928,17))},this.example2={TypeScript:n.e(13563).then(n.t.bind(n,13563,17)),HTML:n.e(86972).then(n.t.bind(n,86972,17)),LESS:n.e(8984).then(n.t.bind(n,86604,17))},this.example3={TypeScript:n.e(74092).then(n.t.bind(n,74092,17)),HTML:n.e(45280).then(n.t.bind(n,45280,17)),LESS:n.e(59876).then(n.t.bind(n,59876,17))},this.lineHeight="100%",this.size="1.5em",this.offset="0em"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-fade"]],decls:4,vars:0,consts:[["header","Fade","package","EXPERIMENTAL","type","directives"],["pageTab",""],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","multiline","heading","Multiline",3,"content"],["id","vertical","heading","Vertical",3,"content"],["tuiFade","",1,"fade",3,"tuiFadeHeight","tuiFadeOffset","tuiFadeSize"],["documentationPropertyMode","input","documentationPropertyName","tuiFade","documentationPropertyType","TuiOrientation"],["documentationPropertyMode","input","documentationPropertyName","tuiFadeHeight","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiFadeOffset","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiFadeSize","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&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,v,13,3,"ng-template",1),d.yuY(2,R,11,6,"ng-template",1),d.yuY(3,G,9,2,"ng-template",1),d.C$Y())},dependencies:[u.y,c.e,s.u,l.m,p.I,m.S,f.E,h.u,y.I,b,P,k],styles:[".fade[_ngcontent-%COMP%]{font:var(--tui-font-heading-6);white-space:nowrap}"],changeDetection:0}),t})();n(23340);let T=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[o.MD,r.mC,a.TuiNotificationModule,a.TuiScrollbarModule,a.TuiLinkModule,(0,i.If)(Y)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[76100],{76100:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiFadeModule:()=>T});var o=n(86568),i=n(752),a=n(62548),r=n(37304),d=n(6528),u=n(24980),c=n(62224),s=n(13692),l=n(96808),p=n(95356),m=n(56616),f=n(34496),h=n(37288),y=n(83480),g=n(26792),C=n(67592);let b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-fade-example-1"]],decls:3,vars:0,consts:[[1,"scrollbar"],["tuiFade","","tuiScrollable","",1,"fade"]],template:function(e,t){1&e&&(d.I0R(0,"tui-scrollbar",0)(1,"div",1),d.OEk(2," I am a very long text that overflows with a single line fade "),d.C$Y()())},dependencies:[u.y,g.o,C.u],styles:[".scrollbar[_ngcontent-%COMP%]{width:20rem}.fade[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;width:100%;height:2rem;font:var(--tui-font-heading-6);white-space:nowrap;overflow:auto}.fade[_ngcontent-%COMP%]::-webkit-scrollbar, .fade[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();var O=n(55412);function x(e,t){if(1&e){const e=d.KQA();d.I0R(0,"button",4),d.qCj("click",(function(){d.usT(e);const t=d.GaO();return d.CGJ(t.toggle())})),d.OEk(1," Show less "),d.C$Y()}}let P=(()=>{var e;class t{constructor(){this.expanded=!1}toggle(){this.expanded=!this.expanded}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-fade-example-2"]],decls:6,vars:5,consts:[[1,"wrapper"],["tuiFade","","tuiFadeHeight","1.25rem","tuiFadeOffset","4.5rem",1,"fade"],["tuiLink","",3,"click",4,"ngIf"],["tuiLink","",1,"expand",3,"click"],["tuiLink","",3,"click"]],template:function(e,t){1&e&&(d.I0R(0,"div",0)(1,"div",1),d.OEk(2," Daenerys of the House Targaryen, the First of Her Name, The Unburnt, Queen of the Andals, the Rhoynar and the First Men, Queen of Meereen, Khaleesi of the Great Grass Sea, Protector of the Realm, Lady Regent of the Seven Kingdoms, Breaker of Chains and Mother of Dragons. "),d.yuY(3,x,2,0,"button",2),d.C$Y(),d.I0R(4,"button",3),d.qCj("click",(function(){return t.toggle()})),d.OEk(5," Read more "),d.C$Y()()),2&e&&(d.yG2(1),d.eAK("fade_expanded",t.expanded),d.yG2(2),d.E7m("ngIf",t.expanded),d.yG2(1),d.eAK("expand_hidden",t.expanded))},dependencies:[o.u_,u.y,O.C],styles:[".wrapper[_ngcontent-%COMP%]{position:relative}.fade[_ngcontent-%COMP%]{transition-property:height;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;height:3.75rem}.fade_expanded[_ngcontent-%COMP%]{height:10rem}.expand[_ngcontent-%COMP%]{transition-property:opacity;transition-duration:visibility;transition-timing-function:ease-in-out;position:absolute;bottom:0;right:0;transition-delay:var(--tui-duration)}.expand_hidden[_ngcontent-%COMP%]{opacity:0;visibility:hidden}"],data:{animation:[a.tuiFadeIn]},changeDetection:0}),t})(),k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-fade-example-3"]],decls:3,vars:0,consts:[["tuiFade","vertical","tuiScrollable","",1,"fade"]],template:function(e,t){1&e&&(d.I0R(0,"tui-scrollbar")(1,"div",0),d.OEk(2," Daenerys of the House Targaryen, the First of Her Name, The Unburnt, Queen of the Andals, the Rhoynar and the First Men, Queen of Meereen, Khaleesi of the Great Grass Sea, Protector of the Realm, Lady Regent of the Seven Kingdoms, Breaker of Chains and Mother of Dragons. "),d.C$Y()())},dependencies:[u.y,g.o,C.u],styles:[".fade[_ngcontent-%COMP%]{scrollbar-width:none;-ms-overflow-style:none;width:17rem;height:10rem;font:var(--tui-font-text-l);overflow:auto}.fade[_ngcontent-%COMP%]::-webkit-scrollbar, .fade[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{display:none}"],changeDetection:0}),t})();function v(e,t){if(1&e&&(d.I0R(0,"tui-notification",2),d.OEk(1," This code is "),d.I0R(2,"strong"),d.OEk(3,"experimental"),d.C$Y(),d.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),d.C$Y(),d.I0R(5,"p"),d.OEk(6,"Directive that uses masking to fade out overflown content"),d.C$Y(),d.I0R(7,"tui-doc-example",3),d.wR5(8,"tui-fade-example-1"),d.C$Y(),d.I0R(9,"tui-doc-example",4),d.wR5(10,"tui-fade-example-2"),d.C$Y(),d.I0R(11,"tui-doc-example",5),d.wR5(12,"tui-fade-example-3"),d.C$Y()),2&e){const e=d.GaO();d.yG2(7),d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3)}}function w(e,t){1&e&&d.OEk(0," Orientation of the fade ")}function E(e,t){1&e&&d.OEk(0," Line height (required for multiline text fade) ")}function M(e,t){1&e&&d.OEk(0," Offset from the edge for the fade to start ")}function I(e,t){1&e&&d.OEk(0," Size of the fade ")}function R(e,t){if(1&e){const e=d.KQA();d.I0R(0,"tui-doc-demo")(1,"div",6),d.OEk(2," I am a very long text with "),d.I0R(3,"code"),d.OEk(4,"white-space: nowrap"),d.C$Y(),d.OEk(5," that fades "),d.C$Y()(),d.I0R(6,"tui-doc-documentation"),d.yuY(7,w,1,0,"ng-template",7),d.yuY(8,E,1,0,"ng-template",8),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.lineHeight=t)})),d.yuY(9,M,1,0,"ng-template",9),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.offset=t)})),d.yuY(10,I,1,0,"ng-template",10),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.size=t)})),d.C$Y()}if(2&e){const e=d.GaO();d.yG2(1),d.E7m("tuiFadeHeight",e.lineHeight)("tuiFadeOffset",e.offset)("tuiFadeSize",e.size),d.yG2(7),d.E7m("documentationPropertyValue",e.lineHeight),d.yG2(1),d.E7m("documentationPropertyValue",e.offset),d.yG2(1),d.E7m("documentationPropertyValue",e.size)}}function G(e,t){if(1&e&&(d.I0R(0,"ol",11)(1,"li")(2,"p"),d.OEk(3,"Import module:"),d.C$Y(),d.wR5(4,"tui-doc-code",12),d.C$Y(),d.I0R(5,"li")(6,"p"),d.OEk(7,"Add to the template:"),d.C$Y(),d.wR5(8,"tui-doc-code",13),d.C$Y()()),2&e){const e=d.GaO();d.yG2(4),d.E7m("code",e.exampleModule),d.yG2(4),d.E7m("code",e.exampleHtml)}}let Y=(()=>{var e;class t{constructor(){this.exampleModule=n.e(4100).then(n.t.bind(n,4100,17)),this.exampleHtml=n.e(30140).then(n.t.bind(n,30140,17)),this.example1={TypeScript:n.e(26528).then(n.t.bind(n,26528,17)),HTML:n.e(60928).then(n.t.bind(n,60928,17))},this.example2={TypeScript:n.e(13563).then(n.t.bind(n,13563,17)),HTML:n.e(86972).then(n.t.bind(n,86972,17)),LESS:n.e(8984).then(n.t.bind(n,86604,17))},this.example3={TypeScript:n.e(74092).then(n.t.bind(n,74092,17)),HTML:n.e(45280).then(n.t.bind(n,45280,17)),LESS:n.e(59876).then(n.t.bind(n,59876,17))},this.lineHeight="100%",this.size="1.5em",this.offset="0em"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-fade"]],decls:4,vars:0,consts:[["header","Fade","package","EXPERIMENTAL","type","directives"],["pageTab",""],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","multiline","heading","Multiline",3,"content"],["id","vertical","heading","Vertical",3,"content"],["tuiFade","",1,"fade",3,"tuiFadeHeight","tuiFadeOffset","tuiFadeSize"],["documentationPropertyMode","input","documentationPropertyName","tuiFade","documentationPropertyType","TuiOrientation"],["documentationPropertyMode","input","documentationPropertyName","tuiFadeHeight","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiFadeOffset","documentationPropertyType","string",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiFadeSize","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&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,v,13,3,"ng-template",1),d.yuY(2,R,11,6,"ng-template",1),d.yuY(3,G,9,2,"ng-template",1),d.C$Y())},dependencies:[u.y,c.e,s.u,l.m,p.I,m.S,f.E,h.u,y.I,b,P,k],styles:[".fade[_ngcontent-%COMP%]{font:var(--tui-font-heading-6);white-space:nowrap}"],changeDetection:0}),t})();n(23340);let T=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[o.MD,r.mC,a.TuiNotificationModule,a.TuiScrollbarModule,a.TuiLinkModule,(0,i.If)(Y)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/7700.e87abee6dfb97038.js b/next/7700.bec27ebac5ccdc04.js
similarity index 99%
rename from next/7700.e87abee6dfb97038.js
rename to next/7700.bec27ebac5ccdc04.js
index 29e0e02727a2..34be060d12ab 100644
--- a/next/7700.e87abee6dfb97038.js
+++ b/next/7700.bec27ebac5ccdc04.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[7700],{7700:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiAppearanceModule:()=>E});var a=n(86568),o=n(35856),r=n(752),c=n(62548),i=n(84788),p=n(6528),u=n(12248),s=n(26220),d=n(13692),l=n(96808),m=n(95356),g=n(56616),h=n(34496),y=n(37288),C=n(83480),v=n(70088);let P=(()=>{var e;class t{constructor(){this.open=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-appearance-example-1"]],decls:7,vars:2,consts:[["tuiAppearance","secondary"],["content","Button looks hovered when dropdown is open",3,"open","openChange"],["tuiAppearance","secondary",3,"tuiAppearanceState"]],template:function(e,t){1&e&&(p.I0R(0,"div",0),p.OEk(1,"Non-interactive elements do not react to pointer"),p.C$Y(),p.I0R(2,"button",0),p.OEk(3,"Hovered state is only triggered on devices with pointer"),p.C$Y(),p.I0R(4,"tui-hosted-dropdown",1),p.qCj("openChange",(function(e){return t.open=e})),p.I0R(5,"button",2),p.OEk(6," Triggering state manually "),p.C$Y()()),2&e&&(p.yG2(4),p.E7m("open",t.open),p.yG2(1),p.E7m("tuiAppearanceState",t.open?"hover":null))},dependencies:[u.G,v.Q],styles:["[_nghost-%COMP%]{display:grid;grid-auto-rows:3rem;gap:1rem;text-align:center}div[_ngcontent-%COMP%]{padding:.25rem 2rem}button[_ngcontent-%COMP%]{border:none;width:100%;height:100%}"],changeDetection:0}),t})(),O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-appearance-example-2"]],decls:2,vars:0,consts:[["tuiAppearance","acid"]],template:function(e,t){1&e&&(p.I0R(0,"button",0),p.OEk(1,"SCSS mixins have the same names"),p.C$Y())},dependencies:[u.G],styles:["button[_ngcontent-%COMP%]{border:none;padding:1rem;border-radius:.5rem;cursor:pointer}[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]{color:var(--tui-support-06);background:var(--tui-support-09);--tui-focus: var(--tui-support-06)}@media (hover: hover){[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){color:var(--tui-support-09);background:var(--tui-support-14)}}@media (hover: hover){[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){color:var(--tui-support-09);background:var(--tui-support-14)}}[tuiAppearance][data-appearance=acid][data-state=hover][_ngcontent-%COMP%]{color:var(--tui-support-09);background:var(--tui-support-14)}[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){color:var(--tui-support-08);background:var(--tui-support-10)}[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){color:var(--tui-support-08);background:var(--tui-support-10)}[tuiAppearance][data-appearance=acid][data-state=active][_ngcontent-%COMP%]{color:var(--tui-support-08);background:var(--tui-support-10)}"],changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-appearance-example-3"]],decls:1,vars:0,consts:[["tuiAppearance","secondary","type","checkbox",1,"like"]],template:function(e,t){1&e&&p.wR5(0,"input",0)},dependencies:[u.G],styles:['.like[_ngcontent-%COMP%]{width:var(--tui-height-m);height:var(--tui-height-m);border-radius:100%;cursor:pointer}.like[_ngcontent-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:currentColor;-webkit-mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartOutline.svg) no-repeat center;mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartOutline.svg) no-repeat center}.like[_ngcontent-%COMP%]:checked:before{color:var(--tui-negative);-webkit-mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartLarge.svg) no-repeat center;mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartLarge.svg) no-repeat center}'],changeDetection:0}),t})();function f(e,t){if(1&e&&(p.I0R(0,"p"),p.OEk(1,"A directive for visual presets of interactive components"),p.C$Y(),p.I0R(2,"tui-doc-example",2),p.wR5(3,"tui-appearance-example-1"),p.C$Y(),p.I0R(4,"tui-doc-example",3),p.wR5(5,"tui-appearance-example-2"),p.C$Y(),p.I0R(6,"tui-doc-example",4),p.wR5(7,"tui-appearance-example-3"),p.C$Y()),2&e){const e=p.GaO();p.yG2(2),p.E7m("content",e.example1),p.yG2(2),p.E7m("content",e.example2),p.yG2(2),p.E7m("content",e.example3)}}function M(e,t){1&e&&p.OEk(0," Appearance ")}function k(e,t){1&e&&p.OEk(0," Manual override of focused state ")}function _(e,t){1&e&&p.OEk(0," Manual override of interactive state ")}const x=function(){return[!0,!1]};function A(e,t){if(1&e){const e=p.KQA();p.I0R(0,"tui-doc-demo")(1,"button",5),p.OEk(2," Appearance "),p.C$Y()(),p.I0R(3,"tui-doc-documentation"),p.yuY(4,M,1,0,"ng-template",6),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.appearance=t)})),p.yuY(5,k,1,0,"ng-template",7),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.focus=t)})),p.yuY(6,_,1,0,"ng-template",8),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.state=t)})),p.C$Y()}if(2&e){const e=p.GaO();p.yG2(1),p.E7m("tuiAppearance",e.appearance)("tuiAppearanceFocus",e.focus)("tuiAppearanceState",e.state),p.yG2(3),p.E7m("documentationPropertyValues",e.appearances)("documentationPropertyValue",e.appearance),p.yG2(1),p.E7m("documentationPropertyValues",p.q4q(9,x))("documentationPropertyValue",e.focus),p.yG2(1),p.E7m("documentationPropertyValues",e.states)("documentationPropertyValue",e.state)}}function I(e,t){if(1&e&&(p.I0R(0,"ol",9)(1,"li")(2,"p"),p.OEk(3,"Import module:"),p.C$Y(),p.wR5(4,"tui-doc-code",10),p.C$Y(),p.I0R(5,"li")(6,"p"),p.OEk(7,"Add to the template:"),p.C$Y(),p.wR5(8,"tui-doc-code",11),p.C$Y()()),2&e){const e=p.GaO();p.yG2(4),p.E7m("code",e.exampleModule),p.yG2(4),p.E7m("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(20611).then(n.t.bind(n,42992,17)),this.exampleHtml=n.e(25332).then(n.t.bind(n,25332,17)),this.example1={HTML:n.e(52240).then(n.t.bind(n,52240,17))},this.example2={HTML:n.e(76248).then(n.t.bind(n,76248,17)),LESS:n.e(8608).then(n.t.bind(n,8608,17))},this.example3={HTML:n.e(77340).then(n.t.bind(n,77340,17)),LESS:n.e(98056).then(n.t.bind(n,98056,17))},this.appearances=["primary","secondary","flat"],this.appearance=this.appearances[0],this.states=["hover","active","disabled"],this.state=null,this.focus=null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["example-appearance"]],decls:4,vars:0,consts:[["header","Appearance","package","CORE","type","directives"],["pageTab",""],["id","basic","description","Interactive elements react to pointer natively but you can override state with inputs","heading","Basic",3,"content"],["id","custom","description","Use LESS or SCSS mixins to create your own appearances in global styles","heading","Custom",3,"content"],["id","checkbox","description","You can use it on input[type='checkbox'] to create a custom toggle component easily","heading","Checkbox",3,"content"],["tuiButton","",3,"tuiAppearance","tuiAppearanceFocus","tuiAppearanceState"],["documentationPropertyMode","input","documentationPropertyName","tuiAppearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiAppearanceFocus","documentationPropertyType","boolean | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiAppearanceState","documentationPropertyType","TuiInteractiveState | null",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&&(p.I0R(0,"tui-doc-page",0),p.yuY(1,f,8,3,"ng-template",1),p.yuY(2,A,7,10,"ng-template",1),p.yuY(3,I,9,2,"ng-template",1),p.C$Y())},dependencies:[u.G,s.W,d.u,l.m,m.I,g.S,h.E,y.u,C.I,P,O,b],encapsulation:2,changeDetection:0}),t})();n(23340);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.a4G({type:e}),e.ɵinj=p.s3X({imports:[a.MD,o.y,c.TuiNotificationModule,i.CI,c.TuiHostedDropdownModule,(0,r.If)(w)]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[7700],{7700:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiAppearanceModule:()=>E});var a=n(86568),o=n(35856),r=n(752),c=n(62548),i=n(37304),p=n(6528),u=n(12248),s=n(26220),d=n(13692),l=n(96808),m=n(95356),g=n(56616),h=n(34496),y=n(37288),C=n(83480),v=n(70088);let P=(()=>{var e;class t{constructor(){this.open=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-appearance-example-1"]],decls:7,vars:2,consts:[["tuiAppearance","secondary"],["content","Button looks hovered when dropdown is open",3,"open","openChange"],["tuiAppearance","secondary",3,"tuiAppearanceState"]],template:function(e,t){1&e&&(p.I0R(0,"div",0),p.OEk(1,"Non-interactive elements do not react to pointer"),p.C$Y(),p.I0R(2,"button",0),p.OEk(3,"Hovered state is only triggered on devices with pointer"),p.C$Y(),p.I0R(4,"tui-hosted-dropdown",1),p.qCj("openChange",(function(e){return t.open=e})),p.I0R(5,"button",2),p.OEk(6," Triggering state manually "),p.C$Y()()),2&e&&(p.yG2(4),p.E7m("open",t.open),p.yG2(1),p.E7m("tuiAppearanceState",t.open?"hover":null))},dependencies:[u.G,v.Q],styles:["[_nghost-%COMP%]{display:grid;grid-auto-rows:3rem;gap:1rem;text-align:center}div[_ngcontent-%COMP%]{padding:.25rem 2rem}button[_ngcontent-%COMP%]{border:none;width:100%;height:100%}"],changeDetection:0}),t})(),O=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-appearance-example-2"]],decls:2,vars:0,consts:[["tuiAppearance","acid"]],template:function(e,t){1&e&&(p.I0R(0,"button",0),p.OEk(1,"SCSS mixins have the same names"),p.C$Y())},dependencies:[u.G],styles:["button[_ngcontent-%COMP%]{border:none;padding:1rem;border-radius:.5rem;cursor:pointer}[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]{color:var(--tui-support-06);background:var(--tui-support-09);--tui-focus: var(--tui-support-06)}@media (hover: hover){[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){color:var(--tui-support-09);background:var(--tui-support-14)}}@media (hover: hover){[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){color:var(--tui-support-09);background:var(--tui-support-14)}}[tuiAppearance][data-appearance=acid][data-state=hover][_ngcontent-%COMP%]{color:var(--tui-support-09);background:var(--tui-support-14)}[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){color:var(--tui-support-08);background:var(--tui-support-10)}[tuiAppearance][data-appearance=acid][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){color:var(--tui-support-08);background:var(--tui-support-10)}[tuiAppearance][data-appearance=acid][data-state=active][_ngcontent-%COMP%]{color:var(--tui-support-08);background:var(--tui-support-10)}"],changeDetection:0}),t})(),b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-appearance-example-3"]],decls:1,vars:0,consts:[["tuiAppearance","secondary","type","checkbox",1,"like"]],template:function(e,t){1&e&&p.wR5(0,"input",0)},dependencies:[u.G],styles:['.like[_ngcontent-%COMP%]{width:var(--tui-height-m);height:var(--tui-height-m);border-radius:100%;cursor:pointer}.like[_ngcontent-%COMP%]:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:currentColor;-webkit-mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartOutline.svg) no-repeat center;mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartOutline.svg) no-repeat center}.like[_ngcontent-%COMP%]:checked:before{color:var(--tui-negative);-webkit-mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartLarge.svg) no-repeat center;mask:url(https://taiga-ui.dev/assets/taiga-ui/icons/tuiIconHeartLarge.svg) no-repeat center}'],changeDetection:0}),t})();function f(e,t){if(1&e&&(p.I0R(0,"p"),p.OEk(1,"A directive for visual presets of interactive components"),p.C$Y(),p.I0R(2,"tui-doc-example",2),p.wR5(3,"tui-appearance-example-1"),p.C$Y(),p.I0R(4,"tui-doc-example",3),p.wR5(5,"tui-appearance-example-2"),p.C$Y(),p.I0R(6,"tui-doc-example",4),p.wR5(7,"tui-appearance-example-3"),p.C$Y()),2&e){const e=p.GaO();p.yG2(2),p.E7m("content",e.example1),p.yG2(2),p.E7m("content",e.example2),p.yG2(2),p.E7m("content",e.example3)}}function M(e,t){1&e&&p.OEk(0," Appearance ")}function k(e,t){1&e&&p.OEk(0," Manual override of focused state ")}function _(e,t){1&e&&p.OEk(0," Manual override of interactive state ")}const x=function(){return[!0,!1]};function A(e,t){if(1&e){const e=p.KQA();p.I0R(0,"tui-doc-demo")(1,"button",5),p.OEk(2," Appearance "),p.C$Y()(),p.I0R(3,"tui-doc-documentation"),p.yuY(4,M,1,0,"ng-template",6),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.appearance=t)})),p.yuY(5,k,1,0,"ng-template",7),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.focus=t)})),p.yuY(6,_,1,0,"ng-template",8),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.state=t)})),p.C$Y()}if(2&e){const e=p.GaO();p.yG2(1),p.E7m("tuiAppearance",e.appearance)("tuiAppearanceFocus",e.focus)("tuiAppearanceState",e.state),p.yG2(3),p.E7m("documentationPropertyValues",e.appearances)("documentationPropertyValue",e.appearance),p.yG2(1),p.E7m("documentationPropertyValues",p.q4q(9,x))("documentationPropertyValue",e.focus),p.yG2(1),p.E7m("documentationPropertyValues",e.states)("documentationPropertyValue",e.state)}}function I(e,t){if(1&e&&(p.I0R(0,"ol",9)(1,"li")(2,"p"),p.OEk(3,"Import module:"),p.C$Y(),p.wR5(4,"tui-doc-code",10),p.C$Y(),p.I0R(5,"li")(6,"p"),p.OEk(7,"Add to the template:"),p.C$Y(),p.wR5(8,"tui-doc-code",11),p.C$Y()()),2&e){const e=p.GaO();p.yG2(4),p.E7m("code",e.exampleModule),p.yG2(4),p.E7m("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(20611).then(n.t.bind(n,42992,17)),this.exampleHtml=n.e(25332).then(n.t.bind(n,25332,17)),this.example1={HTML:n.e(52240).then(n.t.bind(n,52240,17))},this.example2={HTML:n.e(76248).then(n.t.bind(n,76248,17)),LESS:n.e(8608).then(n.t.bind(n,8608,17))},this.example3={HTML:n.e(77340).then(n.t.bind(n,77340,17)),LESS:n.e(98056).then(n.t.bind(n,98056,17))},this.appearances=["primary","secondary","flat"],this.appearance=this.appearances[0],this.states=["hover","active","disabled"],this.state=null,this.focus=null}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["example-appearance"]],decls:4,vars:0,consts:[["header","Appearance","package","CORE","type","directives"],["pageTab",""],["id","basic","description","Interactive elements react to pointer natively but you can override state with inputs","heading","Basic",3,"content"],["id","custom","description","Use LESS or SCSS mixins to create your own appearances in global styles","heading","Custom",3,"content"],["id","checkbox","description","You can use it on input[type='checkbox'] to create a custom toggle component easily","heading","Checkbox",3,"content"],["tuiButton","",3,"tuiAppearance","tuiAppearanceFocus","tuiAppearanceState"],["documentationPropertyMode","input","documentationPropertyName","tuiAppearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiAppearanceFocus","documentationPropertyType","boolean | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiAppearanceState","documentationPropertyType","TuiInteractiveState | null",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&&(p.I0R(0,"tui-doc-page",0),p.yuY(1,f,8,3,"ng-template",1),p.yuY(2,A,7,10,"ng-template",1),p.yuY(3,I,9,2,"ng-template",1),p.C$Y())},dependencies:[u.G,s.W,d.u,l.m,m.I,g.S,h.E,y.u,C.I,P,O,b],encapsulation:2,changeDetection:0}),t})();n(23340);let E=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.a4G({type:e}),e.ɵinj=p.s3X({imports:[a.MD,o.y,c.TuiNotificationModule,i.CI,c.TuiHostedDropdownModule,(0,r.If)(w)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/82596.79cea7a2ce0e9b74.js b/next/82596.3c714e39d83c2243.js
similarity index 99%
rename from next/82596.79cea7a2ce0e9b74.js
rename to next/82596.3c714e39d83c2243.js
index a1ac83f075b0..44f4bcde70f5 100644
--- a/next/82596.79cea7a2ce0e9b74.js
+++ b/next/82596.3c714e39d83c2243.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82596],{82596:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiTextfieldModule:()=>D});var i=n(86568),l=n(35856),o=n(752),a=n(62548),u=n(84788),c=n(33976),d=n(6528),r=n(62224),s=n(13692),p=n(34496),m=n(37288),g=n(83480),h=n(98632),f=n(76060),C=n(62100),x=n(77344),I=n(6804),R=n(69352);let w=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-textfield-example-1"]],decls:18,vars:5,consts:[["iconLeft","tuiIconSearchLarge","iconRight","tuiIconSettingsLarge"],["tuiLabel",""],["placeholder","I am placeholder","tuiTextfield","",3,"ngModel","ngModelChange"],["icon","tuiIconBellLarge"],["content","I am a hint"],["iconLeft","tuiIconSearchLarge","iconRight","tuiIconSettingsLarge","tuiTextfieldSize","m"],["m",""],["tuiTextfield","",3,"placeholder","ngModel","ngModelChange"],["iconLeft","tuiIconSearchLarge","iconRight","tuiIconSettingsLarge","tuiTextfieldSize","s"],["s",""]],template:function(e,t){if(1&e&&(d.I0R(0,"tui-textfield",0)(1,"label",1),d.OEk(2,"I am a label"),d.C$Y(),d.I0R(3,"input",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(4,"tui-icon",3)(5,"tui-tooltip",4),d.C$Y(),d.I0R(6,"label",1),d.OEk(7," For long labels it is better to use label outside as it can wrap to multiple lines "),d.I0R(8,"tui-textfield",5,6)(10,"input",7),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(11,"tui-icon",3)(12,"tui-tooltip",4),d.C$Y()(),d.I0R(13,"tui-textfield",8,9)(15,"input",7),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(16,"tui-icon",3)(17,"tui-tooltip",4),d.C$Y()),2&e){const e=d.Gew(9),n=d.Gew(14);d.yG2(3),d.E7m("ngModel",t.value),d.yG2(7),d.E7m("placeholder",e.focused?"I am placeholder":"I am a label")("ngModel",t.value),d.yG2(5),d.E7m("placeholder",n.focused?"I am placeholder":"I am a label")("ngModel",t.value)}},dependencies:[l.ot,l.ue,l._G,h.g,f.b,C.c,x.wl,I.i,R.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})(),M=(()=>{var e;class t{constructor(){this.value="Test"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-textfield-example-2"]],decls:15,vars:6,consts:[["iconLeft","tuiIconSearchLarge"],["tuiLabel",""],["tuiTextfield","",3,"disabled","ngModel","ngModelChange"],["content","Disabled does not show tooltip"],["placeholder","I am placeholder","tuiTextfield","",3,"readOnly","ngModel","ngModelChange"],["content","Readonly shows tooltip"],["placeholder","I am placeholder","tuiTextfield","",3,"invalid","ngModel","ngModelChange"],["content","Can also follow Angular validation"]],template:function(e,t){1&e&&(d.I0R(0,"tui-textfield",0)(1,"label",1),d.OEk(2,"Disabled"),d.C$Y(),d.I0R(3,"input",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(4,"tui-tooltip",3),d.C$Y(),d.I0R(5,"tui-textfield",0)(6,"label",1),d.OEk(7,"Read-only"),d.C$Y(),d.I0R(8,"input",4),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(9,"tui-tooltip",5),d.C$Y(),d.I0R(10,"tui-textfield",0)(11,"label",1),d.OEk(12,"Invalid"),d.C$Y(),d.I0R(13,"input",6),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(14,"tui-tooltip",7),d.C$Y()),2&e&&(d.yG2(3),d.E7m("disabled",!0)("ngModel",t.value),d.yG2(5),d.E7m("readOnly",!0)("ngModel",t.value),d.yG2(5),d.E7m("invalid",!0)("ngModel",t.value))},dependencies:[l.ot,l.ue,l._G,h.g,f.b,C.c,I.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var y=n(17784),b=n(35137),E=n(94472),v=n(76004),Y=n(5204);function $(e,t){if(1&e&&(d.wR5(0,"tui-data-list-wrapper",8),d.wVc(1,"tuiFilterByInput")),2&e){const e=d.GaO();d.E7m("items",d.kDX(1,1,e.items))}}function G(e,t){if(1&e&&d.wR5(0,"tui-data-list-wrapper",8),2&e){const e=d.GaO();d.E7m("items",e.items)}}let T=(()=>{var e;class t{constructor(){this.value="",this.items=["John Cleese","Eric Idle","Michael Palin","Graham Chapman","Terry Gilliam","Terry Jones"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-textfield-example-3"]],decls:14,vars:4,consts:[["iconRight","tuiIconSearch","tuiDropdownOpen","",3,"tuiDropdown"],["tuiLabel",""],["placeholder","I am placeholder","tuiTextfield","",3,"ngModel","ngModelChange"],["content","Editable combo-box"],["combobox",""],["iconRight","tuiIconChevronDown","tuiDropdownOpen","",3,"tuiDropdown"],["content","Fixed choice select"],["select",""],[3,"items"]],template:function(e,t){if(1&e&&(d.I0R(0,"tui-textfield",0)(1,"label",1),d.OEk(2,"Start typing"),d.C$Y(),d.I0R(3,"input",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(4,"tui-tooltip",3),d.yuY(5,$,2,3,"ng-template",null,4,d.gJz),d.C$Y(),d.I0R(7,"tui-textfield",5)(8,"label",1),d.OEk(9,"Select from options"),d.C$Y(),d.I0R(10,"select",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(11,"tui-tooltip",6),d.yuY(12,G,1,1,"ng-template",null,7,d.gJz),d.C$Y()),2&e){const e=d.Gew(6),n=d.Gew(13);d.E7m("tuiDropdown",e),d.yG2(3),d.E7m("ngModel",t.value),d.yG2(4),d.E7m("tuiDropdown",n),d.yG2(3),d.E7m("ngModel",t.value)}},dependencies:[l.ot,l.GC,l.ue,l._G,h.g,y.u,f.b,C.c,I.i,b.K,E.o,v.O,Y.E],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();function O(e,t){if(1&e&&(d.I0R(0,"tui-notification",3),d.OEk(1," This code is "),d.I0R(2,"strong"),d.OEk(3,"experimental"),d.C$Y(),d.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),d.C$Y(),d.I0R(5,"tui-doc-example",4),d.wR5(6,"tui-textfield-example-1"),d.C$Y(),d.I0R(7,"tui-doc-example",5),d.wR5(8,"tui-textfield-example-2"),d.C$Y(),d.I0R(9,"tui-doc-example",6),d.wR5(10,"tui-textfield-example-3"),d.C$Y()),2&e){const e=d.GaO();d.yG2(5),d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3)}}function L(e,t){if(1&e&&(d.I0R(0,"ol",7)(1,"li")(2,"p"),d.OEk(3,"Import module:"),d.C$Y(),d.wR5(4,"tui-doc-code",8),d.C$Y(),d.I0R(5,"li")(6,"p"),d.OEk(7,"Add to the template:"),d.C$Y(),d.wR5(8,"tui-doc-code",9),d.C$Y()()),2&e){const e=d.GaO();d.yG2(4),d.E7m("code",e.exampleModule),d.yG2(4),d.E7m("code",e.exampleHtml)}}let k=(()=>{var e;class t{constructor(){this.exampleModule=n.e(54940).then(n.t.bind(n,54940,17)),this.exampleHtml=n.e(25556).then(n.t.bind(n,25556,17)),this.example1={HTML:n.e(37336).then(n.t.bind(n,37336,17))},this.example2={HTML:n.e(42432).then(n.t.bind(n,64812,17))},this.example3={HTML:n.e(44256).then(n.t.bind(n,44256,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-textfield"]],decls:3,vars:0,consts:[["header","Textfield","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","size","heading","Size",3,"content"],["id","states","heading","States",3,"content"],["id","dropdown","heading","Dropdown",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,O,11,3,"ng-template",1),d.yuY(2,L,9,2,"ng-template",2),d.C$Y())},dependencies:[r.e,s.u,p.E,m.u,g.I,w,M,T],encapsulation:2,changeDetection:0}),t})();n(23340);let D=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[i.MD,l.y,u.AT,u.aA,a.TuiNotificationModule,a.TuiHintModule,u.C,a.TuiDropdownModule,(0,o.If)(k),c.TuiDataListWrapperModule,c.TuiFilterByInputPipeModule]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[82596],{82596:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiTextfieldModule:()=>D});var i=n(86568),l=n(35856),o=n(752),a=n(62548),u=n(37304),c=n(33976),d=n(6528),r=n(62224),s=n(13692),p=n(34496),m=n(37288),g=n(83480),h=n(98632),f=n(76060),C=n(62100),x=n(77344),I=n(6804),R=n(69352);let w=(()=>{var e;class t{constructor(){this.value=""}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-textfield-example-1"]],decls:18,vars:5,consts:[["iconLeft","tuiIconSearchLarge","iconRight","tuiIconSettingsLarge"],["tuiLabel",""],["placeholder","I am placeholder","tuiTextfield","",3,"ngModel","ngModelChange"],["icon","tuiIconBellLarge"],["content","I am a hint"],["iconLeft","tuiIconSearchLarge","iconRight","tuiIconSettingsLarge","tuiTextfieldSize","m"],["m",""],["tuiTextfield","",3,"placeholder","ngModel","ngModelChange"],["iconLeft","tuiIconSearchLarge","iconRight","tuiIconSettingsLarge","tuiTextfieldSize","s"],["s",""]],template:function(e,t){if(1&e&&(d.I0R(0,"tui-textfield",0)(1,"label",1),d.OEk(2,"I am a label"),d.C$Y(),d.I0R(3,"input",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(4,"tui-icon",3)(5,"tui-tooltip",4),d.C$Y(),d.I0R(6,"label",1),d.OEk(7," For long labels it is better to use label outside as it can wrap to multiple lines "),d.I0R(8,"tui-textfield",5,6)(10,"input",7),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(11,"tui-icon",3)(12,"tui-tooltip",4),d.C$Y()(),d.I0R(13,"tui-textfield",8,9)(15,"input",7),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(16,"tui-icon",3)(17,"tui-tooltip",4),d.C$Y()),2&e){const e=d.Gew(9),n=d.Gew(14);d.yG2(3),d.E7m("ngModel",t.value),d.yG2(7),d.E7m("placeholder",e.focused?"I am placeholder":"I am a label")("ngModel",t.value),d.yG2(5),d.E7m("placeholder",n.focused?"I am placeholder":"I am a label")("ngModel",t.value)}},dependencies:[l.ot,l.ue,l._G,h.g,f.b,C.c,x.wl,I.i,R.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})(),M=(()=>{var e;class t{constructor(){this.value="Test"}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-textfield-example-2"]],decls:15,vars:6,consts:[["iconLeft","tuiIconSearchLarge"],["tuiLabel",""],["tuiTextfield","",3,"disabled","ngModel","ngModelChange"],["content","Disabled does not show tooltip"],["placeholder","I am placeholder","tuiTextfield","",3,"readOnly","ngModel","ngModelChange"],["content","Readonly shows tooltip"],["placeholder","I am placeholder","tuiTextfield","",3,"invalid","ngModel","ngModelChange"],["content","Can also follow Angular validation"]],template:function(e,t){1&e&&(d.I0R(0,"tui-textfield",0)(1,"label",1),d.OEk(2,"Disabled"),d.C$Y(),d.I0R(3,"input",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(4,"tui-tooltip",3),d.C$Y(),d.I0R(5,"tui-textfield",0)(6,"label",1),d.OEk(7,"Read-only"),d.C$Y(),d.I0R(8,"input",4),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(9,"tui-tooltip",5),d.C$Y(),d.I0R(10,"tui-textfield",0)(11,"label",1),d.OEk(12,"Invalid"),d.C$Y(),d.I0R(13,"input",6),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(14,"tui-tooltip",7),d.C$Y()),2&e&&(d.yG2(3),d.E7m("disabled",!0)("ngModel",t.value),d.yG2(5),d.E7m("readOnly",!0)("ngModel",t.value),d.yG2(5),d.E7m("invalid",!0)("ngModel",t.value))},dependencies:[l.ot,l.ue,l._G,h.g,f.b,C.c,I.i],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var y=n(17784),b=n(35137),E=n(94472),v=n(76004),Y=n(5204);function $(e,t){if(1&e&&(d.wR5(0,"tui-data-list-wrapper",8),d.wVc(1,"tuiFilterByInput")),2&e){const e=d.GaO();d.E7m("items",d.kDX(1,1,e.items))}}function G(e,t){if(1&e&&d.wR5(0,"tui-data-list-wrapper",8),2&e){const e=d.GaO();d.E7m("items",e.items)}}let T=(()=>{var e;class t{constructor(){this.value="",this.items=["John Cleese","Eric Idle","Michael Palin","Graham Chapman","Terry Gilliam","Terry Jones"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-textfield-example-3"]],decls:14,vars:4,consts:[["iconRight","tuiIconSearch","tuiDropdownOpen","",3,"tuiDropdown"],["tuiLabel",""],["placeholder","I am placeholder","tuiTextfield","",3,"ngModel","ngModelChange"],["content","Editable combo-box"],["combobox",""],["iconRight","tuiIconChevronDown","tuiDropdownOpen","",3,"tuiDropdown"],["content","Fixed choice select"],["select",""],[3,"items"]],template:function(e,t){if(1&e&&(d.I0R(0,"tui-textfield",0)(1,"label",1),d.OEk(2,"Start typing"),d.C$Y(),d.I0R(3,"input",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(4,"tui-tooltip",3),d.yuY(5,$,2,3,"ng-template",null,4,d.gJz),d.C$Y(),d.I0R(7,"tui-textfield",5)(8,"label",1),d.OEk(9,"Select from options"),d.C$Y(),d.I0R(10,"select",2),d.qCj("ngModelChange",(function(e){return t.value=e})),d.C$Y(),d.wR5(11,"tui-tooltip",6),d.yuY(12,G,1,1,"ng-template",null,7,d.gJz),d.C$Y()),2&e){const e=d.Gew(6),n=d.Gew(13);d.E7m("tuiDropdown",e),d.yG2(3),d.E7m("ngModel",t.value),d.yG2(4),d.E7m("tuiDropdown",n),d.yG2(3),d.E7m("ngModel",t.value)}},dependencies:[l.ot,l.GC,l.ue,l._G,h.g,y.u,f.b,C.c,I.i,b.K,E.o,v.O,Y.E],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();function O(e,t){if(1&e&&(d.I0R(0,"tui-notification",3),d.OEk(1," This code is "),d.I0R(2,"strong"),d.OEk(3,"experimental"),d.C$Y(),d.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),d.C$Y(),d.I0R(5,"tui-doc-example",4),d.wR5(6,"tui-textfield-example-1"),d.C$Y(),d.I0R(7,"tui-doc-example",5),d.wR5(8,"tui-textfield-example-2"),d.C$Y(),d.I0R(9,"tui-doc-example",6),d.wR5(10,"tui-textfield-example-3"),d.C$Y()),2&e){const e=d.GaO();d.yG2(5),d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3)}}function L(e,t){if(1&e&&(d.I0R(0,"ol",7)(1,"li")(2,"p"),d.OEk(3,"Import module:"),d.C$Y(),d.wR5(4,"tui-doc-code",8),d.C$Y(),d.I0R(5,"li")(6,"p"),d.OEk(7,"Add to the template:"),d.C$Y(),d.wR5(8,"tui-doc-code",9),d.C$Y()()),2&e){const e=d.GaO();d.yG2(4),d.E7m("code",e.exampleModule),d.yG2(4),d.E7m("code",e.exampleHtml)}}let k=(()=>{var e;class t{constructor(){this.exampleModule=n.e(54940).then(n.t.bind(n,54940,17)),this.exampleHtml=n.e(25556).then(n.t.bind(n,25556,17)),this.example1={HTML:n.e(37336).then(n.t.bind(n,37336,17))},this.example2={HTML:n.e(42432).then(n.t.bind(n,64812,17))},this.example3={HTML:n.e(44256).then(n.t.bind(n,44256,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-textfield"]],decls:3,vars:0,consts:[["header","Textfield","package","EXPERIMENTAL","type","components"],["pageTab",""],["pageTab","Setup"],["status","warning"],["id","size","heading","Size",3,"content"],["id","states","heading","States",3,"content"],["id","dropdown","heading","Dropdown",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,O,11,3,"ng-template",1),d.yuY(2,L,9,2,"ng-template",2),d.C$Y())},dependencies:[r.e,s.u,p.E,m.u,g.I,w,M,T],encapsulation:2,changeDetection:0}),t})();n(23340);let D=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[i.MD,l.y,u.AT,u.aA,a.TuiNotificationModule,a.TuiHintModule,u.C,a.TuiDropdownModule,(0,o.If)(k),c.TuiDataListWrapperModule,c.TuiFilterByInputPipeModule]}),t})()}}]);
\ No newline at end of file
diff --git a/next/83880.70aee25813968186.js b/next/83880.422db21d6a9a0fe1.js
similarity index 99%
rename from next/83880.70aee25813968186.js
rename to next/83880.422db21d6a9a0fe1.js
index b068cc6c8b89..ea6eef23ed28 100644
--- a/next/83880.70aee25813968186.js
+++ b/next/83880.422db21d6a9a0fe1.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83880],{72188:(e,t,n)=>{n.d(t,{K:()=>y});var o=n(11307),i=n(6528),r=n(82312),d=n(95356),u=n(56616),a=n(55412),p=n(86568);function c(e,t){1&e&&i.OEk(0," Manual control/monitor for the dropdown being visible ")}function l(e,t){1&e&&(i.OEk(0," Align of dropdown (does not work together with "),i.I0R(1,"code"),i.OEk(2,"limitWidth === 'fixed'"),i.C$Y(),i.OEk(3," ) "))}function m(e,t){1&e&&i.OEk(0," Set a vertical direction of dropdown ")}function s(e,t){1&e&&i.OEk(0," Limit width of dropdown ")}function w(e,t){1&e&&(i.OEk(0," Minimum height to calculate that dropdown fits to set "),i.I0R(1,"code"),i.OEk(2,"tuiDropdownDirection"),i.C$Y())}function h(e,t){1&e&&i.OEk(0," Maximum height of dropdown ")}function g(e,t){1&e&&i.OEk(0," Dropdown offset ")}n(97448);let y=(()=>{var e;class t{constructor(e){this.documentedComponent=e}}return(e=t).ɵfac=function(t){return new(t||e)(i.GI1(o.m))},e.ɵcmp=i.In1({type:e,selectors:[["dropdown-documentation"]],decls:17,vars:12,consts:[[1,"tui-text_h6"],["routerLink","/directives/dropdown","target","_blank","tuiLink",""],["documentationPropertyMode","input-output","documentationPropertyName","tuiDropdownOpen","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownAlign","documentationPropertyType","TuiDropdownAlign",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownDirection","documentationPropertyType","TuiVerticalDirection | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownLimitWidth","documentationPropertyType","TuiDropdownWidth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMinHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMaxHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownOffset","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"]],template:function(e,t){1&e&&(i.I0R(0,"h6",0),i.OEk(1," Can be expanded with "),i.I0R(2,"a",1),i.OEk(3," TuiDropdown "),i.C$Y()(),i.I0R(4,"p"),i.OEk(5," Requires you to import "),i.I0R(6,"code"),i.OEk(7,"TuiDropdownModule"),i.C$Y()(),i.I0R(8,"tui-doc-documentation"),i.yuY(9,c,1,0,"ng-template",2),i.wVc(10,"async"),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownOpen.next(e)})),i.yuY(11,l,4,0,"ng-template",3),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownAlign=e})),i.yuY(12,m,1,0,"ng-template",4),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownDirection=e})),i.yuY(13,s,1,0,"ng-template",5),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownLimitWidth=e})),i.yuY(14,w,3,0,"ng-template",6),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownMinHeight=e})),i.yuY(15,h,1,0,"ng-template",7),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownMaxHeight=e})),i.yuY(16,g,1,0,"ng-template",8),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownOffset=e})),i.C$Y()),2&e&&(i.yG2(9),i.E7m("documentationPropertyValue",i.kDX(10,10,t.documentedComponent.dropdownOpen)),i.yG2(2),i.E7m("documentationPropertyValues",t.documentedComponent.dropdownAlignVariants)("documentationPropertyValue",t.documentedComponent.dropdownAlign),i.yG2(1),i.E7m("documentationPropertyValues",t.documentedComponent.dropdownDirectionVariants)("documentationPropertyValue",t.documentedComponent.dropdownDirection),i.yG2(1),i.E7m("documentationPropertyValues",t.documentedComponent.dropdownLimitWidthVariants)("documentationPropertyValue",t.documentedComponent.dropdownLimitWidth),i.yG2(1),i.E7m("documentationPropertyValue",t.documentedComponent.dropdownMinHeight),i.yG2(1),i.E7m("documentationPropertyValue",t.documentedComponent.dropdownMaxHeight),i.yG2(1),i.E7m("documentationPropertyValue",t.documentedComponent.dropdownOffset))},dependencies:[r.ER,d.I,u.S,a.C,p.a],encapsulation:2,changeDetection:0}),t})()},63960:(e,t,n)=>{n.d(t,{Y:()=>a});var o=n(86568),i=n(82312),r=n(752),d=n(62548),u=n(6528);let a=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[o.MD,i.qQ,r.uS,d.TuiLinkModule]}),t})()},97448:(e,t,n)=>{n.d(t,{o:()=>r});var o=n(62548),i=n(86112);class r{constructor(){this.dropdownAlignVariants=["left","right","center"],this.dropdownLimitWidthVariants=["fixed","min","auto"],this.dropdownDirectionVariants=["bottom","top"],this.dropdownAlign=o.TUI_DROPDOWN_DEFAULT_OPTIONS.align,this.dropdownDirection=o.TUI_DROPDOWN_DEFAULT_OPTIONS.direction,this.dropdownLimitWidth=o.TUI_DROPDOWN_DEFAULT_OPTIONS.limitWidth,this.dropdownMinHeight=o.TUI_DROPDOWN_DEFAULT_OPTIONS.minHeight,this.dropdownMaxHeight=o.TUI_DROPDOWN_DEFAULT_OPTIONS.maxHeight,this.dropdownOffset=o.TUI_DROPDOWN_DEFAULT_OPTIONS.offset,this.dropdownOpen=new i.g(!1)}}},11307:(e,t,n)=>{n.d(t,{m:()=>o});const o=new(n(6528).UbH)("[ABSTRACT_PROPS_ACCESSOR]: Component extends AbstractExample class")},83880:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiDropdownModule:()=>ce});var o=n(86568),i=n(35856),r=n(82312),d=n(752),u=n(45328),a=n(62548),p=n(84788),c=n(33976),l=n(58200),m=n(63960),s=n(6528),w=n(97448),h=n(11307),g=n(55412),y=n(8673),C=n(35137),f=n(32612),O=n(68588),D=n(73580),E=n(30420),M=n(62224),P=n(13692),k=n(96808),I=n(95356),v=n(56616),x=n(34496),Y=n(37288),R=n(83480),T=n(72188);function b(e,t){1&e&&(s.I0R(0,"div",2),s.OEk(1,"But there is nothing to choose..."),s.C$Y())}let G=(()=>{var e;class t{constructor(){this.open=!1}onClick(){this.open=!this.open}onObscured(e){e&&(this.open=!1)}onActiveZone(e){this.open=e&&this.open}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-1"]],decls:4,vars:2,consts:[["iconRight","tuiIconChevronDown","tuiButton","","type","button",3,"tuiDropdown","tuiDropdownManual","click","tuiActiveZoneChange","tuiObscured"],["dropdownContent",""],[1,"dropdown"]],template:function(e,t){if(1&e&&(s.I0R(0,"button",0),s.qCj("click",(function(){return t.onClick()}))("tuiActiveZoneChange",(function(e){return t.onActiveZone(e)}))("tuiObscured",(function(e){return t.onObscured(e)})),s.OEk(1," Choose "),s.yuY(2,b,2,0,"ng-template",null,1,s.gJz),s.C$Y()),2&e){const e=s.Gew(3);s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open)}},dependencies:[y.K,C.K,O.y,D.U,E.M],styles:[".dropdown[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:.075em;padding:.25rem .75rem}"],changeDetection:0}),t})();var $=n(47819),V=n(34600),_=n(9544);let A,L=e=>e;function S(e,t){if(1&e&&(s.I0R(0,"div",5),s.wR5(1,"tui-avatar",6),s.I0R(2,"div",7)(3,"div",8),s.OEk(4,"Taiga UI developer"),s.C$Y(),s.I0R(5,"div",9),s.OEk(6,"Alex Inkin"),s.C$Y(),s.I0R(7,"div",10),s.OEk(8,"a.inkin"),s.C$Y()()()),2&e){const e=s.GaO();s.yG2(1),s.E7m("avatarUrl",e.avatarUrl)("rounded",!0)}}let q=(()=>{var e;class t{constructor(){this.open=!1,this.avatarUrl=(0,$._)(A||(A=L`/images/avatar.jpg`))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-2"]],decls:12,vars:5,consts:[[1,"toggle"],["size","l",3,"ngModel","ngModelChange"],["tuiDropdown","A directive to show content in a dropdown","tuiDropdownDirection","bottom",3,"textContent","tuiDropdownManual"],["tuiDropdownDirection","top","tuiLink","","type","button",3,"tuiDropdown","tuiDropdownManual"],["dropdownContent",""],[1,"dropdown"],["size","l",3,"avatarUrl","rounded"],[1,"text"],[1,"label"],[1,"name"],[1,"account"]],template:function(e,t){if(1&e&&(s.I0R(0,"p")(1,"label",0)(2,"tui-toggle",1),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(3," Show help "),s.C$Y()(),s.OEk(4,"\nYou can ask any questions about\n"),s.wR5(5,"code",2),s.OEk(6,"\nand\n"),s.I0R(7,"button",3),s.OEk(8," Alex\n"),s.C$Y(),s.OEk(9,"\nwill gladly answer! "),s.yuY(10,S,9,2,"ng-template",null,4,s.gJz)),2&e){const e=s.Gew(11);s.yG2(2),s.E7m("ngModel",t.open),s.yG2(3),s.E7m("textContent","tuiDropdown")("tuiDropdownManual",t.open),s.yG2(2),s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open)}},dependencies:[i.ue,i._G,g.C,V.I,C.K,f.oF,O.y,_.y],styles:[".dropdown[_ngcontent-%COMP%]{display:flex;width:14rem;padding:.375rem .75rem}.toggle[_ngcontent-%COMP%]{display:flex;gap:.5rem;align-items:center}.text[_ngcontent-%COMP%]{padding:0 .75rem}.label[_ngcontent-%COMP%]{font:var(--tui-font-text-m);color:var(--tui-text-03)}.name[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}.account[_ngcontent-%COMP%]{font:var(--tui-font-text-s);margin-top:.25rem;color:var(--tui-text-02)}"],changeDetection:0}),t})();var H=n(13052),U=n(12436),N=n(73148),j=n(61920);function W(e,t){1&e&&(s.I0R(0,"p"),s.OEk(1," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab assumenda at corporis ea hic illo ipsa laboriosam laudantium nemo neque officiis pariatur quidem quos rerum sunt, temporibus tenetur ullam vitae? "),s.C$Y())}function z(e,t){if(1&e){const e=s.KQA();s.I0R(0,"div",4)(1,"tui-input",0),s.qCj("ngModelChange",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.value=t)})),s.OEk(2,"Changes propagate both ways"),s.C$Y(),s.I0R(3,"p"),s.OEk(4," Use "),s.I0R(5,"code"),s.OEk(6,"polymorpheus"),s.C$Y(),s.OEk(7," directive on the template to make changes propagate both ways "),s.C$Y(),s.yuY(8,W,2,0,"p",5),s.C$Y()}if(2&e){const e=s.GaO();s.yG2(1),s.E7m("ngModel",e.value),s.yG2(7),s.E7m("ngIf",e.showBigText)}}let B=(()=>{var e;class t{constructor(e,t){this.open=!1,this.value="some data",this.showBigText=!1,(0,H.I)(3e3).pipe((0,u.tuiWatch)(t),(0,U.a)(e)).subscribe((()=>{this.showBigText=!this.showBigText}))}}return(e=t).ɵfac=function(t){return new(t||e)(s.GI1(u.TuiDestroyService,2),s.GI1(s.kD9))},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-3"]],features:[s.M5G([u.TuiDestroyService])],decls:7,vars:5,consts:[[3,"ngModel","ngModelChange"],[1,"flex",3,"tuiDropdown","tuiDropdownManual"],[3,"polymorpheus"],["dropdownContent","polymorpheus"],[1,"dropdown"],[4,"ngIf"]],template:function(e,t){if(1&e&&(s.I0R(0,"tui-input",0),s.qCj("ngModelChange",(function(e){return t.value=e})),s.OEk(1,"Changes propagate both ways"),s.C$Y(),s.I0R(2,"label",1)(3,"tui-toggle",0),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(4," Open dropdown\n"),s.C$Y(),s.yuY(5,z,9,2,"ng-template",2,3,s.gJz)),2&e){const e=s.Gew(6);s.E7m("ngModel",t.value),s.yG2(2),s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open),s.yG2(1),s.E7m("ngModel",t.open),s.yG2(2),s.E7m("polymorpheus","")}},dependencies:[o.u_,i.ue,i._G,l.sv,C.K,O.y,_.y,N.O,j.c],styles:[".flex[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.dropdown[_ngcontent-%COMP%]{max-width:20rem;padding:1rem}"],changeDetection:0}),t})();function F(e,t){1&e&&(s.I0R(0,"blockquote"),s.OEk(1,"I'm a customized dropdown!"),s.C$Y())}let K=(()=>{var e;class t{constructor(){this.open=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-4"]],decls:5,vars:3,consts:[["tuiDropdownAlign","center","tuiDropdownAppearance","round","tuiDropdownDirection","top",3,"tuiDropdown","tuiDropdownManual"],["size","l",1,"tui-space_right-2",3,"ngModel","ngModelChange"],["content",""]],template:function(e,t){if(1&e&&(s.I0R(0,"label",0)(1,"tui-toggle",1),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(2," Show dropdown "),s.yuY(3,F,2,0,"ng-template",null,2,s.gJz),s.C$Y()),2&e){const e=s.Gew(4);s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open),s.yG2(1),s.E7m("ngModel",t.open)}},dependencies:[i.ue,i._G,C.K,f.oF,O.y,_.y],styles:["tui-dropdown[data-appearance=round]{border-radius:10rem}\n"],encapsulation:2,changeDetection:0}),t})();var J=n(54088),Z=n(91576),Q=n(15268);function X(e,t){1&e&&(s.I0R(0,"div",2),s.OEk(1," Manually style this element\n"),s.C$Y())}let ee=(()=>{var e;class t{constructor(){this.open=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-5"]],decls:4,vars:2,consts:[["size","l",1,"tui-space_right-2",3,"ngModel","ngModelChange"],["tuiCardLarge","","tuiSurface","elevated","class","dropdown",4,"tuiDropdown"],["tuiCardLarge","","tuiSurface","elevated",1,"dropdown"]],template:function(e,t){1&e&&(s.I0R(0,"label")(1,"tui-toggle",0),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(2," Show dropdown\n"),s.C$Y(),s.yuY(3,X,2,0,"div",1)),2&e&&(s.yG2(1),s.E7m("ngModel",t.open),s.yG2(2),s.E7m("tuiDropdown",t.open))},dependencies:[i.ue,i._G,J._,Z.u,Q.c,_.y],styles:[".dropdown[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed}"],changeDetection:0}),t})();const te=function(){return["/directives/active-zone"]},ne=function(){return["/components/hosted-dropdown"]};function oe(e,t){if(1&e&&(s.I0R(0,"div",2)(1,"code"),s.OEk(2,"tuiDropdown"),s.C$Y(),s.OEk(3," shows a dropdown with custom template. Use "),s.I0R(4,"a",3),s.OEk(5," ActiveZone "),s.C$Y(),s.OEk(6," directive to hide dropdown. "),s.C$Y(),s.I0R(7,"p"),s.OEk(8," See also "),s.I0R(9,"a",3),s.OEk(10," HostedDropdown "),s.C$Y()(),s.I0R(11,"tui-doc-example",4),s.wR5(12,"tui-dropdown-example-1"),s.C$Y(),s.I0R(13,"tui-doc-example",5),s.wR5(14,"tui-dropdown-example-2"),s.C$Y(),s.I0R(15,"tui-doc-example",6),s.wR5(16,"tui-dropdown-example-3"),s.C$Y(),s.I0R(17,"tui-doc-example",7)(18,"tui-notification",2),s.OEk(19," Use unencapsulated styles to customize dropdown appearance "),s.C$Y(),s.wR5(20,"tui-dropdown-example-4"),s.C$Y(),s.I0R(21,"tui-doc-example",8),s.wR5(22,"tui-dropdown-example-5"),s.C$Y()),2&e){const e=s.GaO();s.yG2(4),s.E7m("routerLink",s.q4q(7,te)),s.yG2(5),s.E7m("routerLink",s.q4q(8,ne)),s.yG2(2),s.E7m("content",e.example1),s.yG2(2),s.E7m("content",e.example2),s.yG2(2),s.E7m("content",e.example3),s.yG2(2),s.E7m("content",e.example4),s.yG2(4),s.E7m("content",e.example5)}}function ie(e,t){1&e&&(s.I0R(0,"div",14),s.OEk(1," Here can be any content "),s.I0R(2,"p"),s.OEk(3,"You can even insert other components:"),s.C$Y(),s.I0R(4,"button",15),s.OEk(5," Do not touch! "),s.C$Y(),s.I0R(6,"p"),s.OEk(7,"Everything you want... *"),s.C$Y(),s.I0R(8,"sub"),s.OEk(9,"* except cases of human rights violation"),s.C$Y()())}function re(e,t){1&e&&s.OEk(0," Show dropdown (basic manual implementation, see related pages for other options) ")}function de(e,t){1&e&&s.OEk(0," Content ")}function ue(e,t){if(1&e){const e=s.KQA();s.I0R(0,"tui-doc-demo")(1,"span",9),s.qCj("tuiActiveZoneChange",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.onActiveZone(t))})),s.I0R(2,"button",10),s.qCj("click",(function(){s.usT(e);const t=s.GaO();return s.CGJ(t.onClick())}))("tuiObscured",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.onObscured(t))})),s.OEk(3," PRESS! "),s.I0R(4,"i"),s.OEk(5,"* There is also a pretty long text to check its width limitations"),s.C$Y()(),s.yuY(6,ie,10,0,"ng-template",null,11,s.gJz),s.C$Y()(),s.I0R(8,"tui-doc-documentation"),s.yuY(9,re,1,0,"ng-template",12),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.open=t)})),s.yuY(10,de,1,0,"ng-template",13),s.wR5(11,"dropdown-documentation"),s.C$Y()}if(2&e){const e=s.Gew(7),t=s.GaO();s.yG2(2),s.E7m("tuiDropdown",e)("tuiDropdownAlign",t.dropdownAlign)("tuiDropdownDirection",t.dropdownDirection)("tuiDropdownLimitWidth",t.dropdownLimitWidth)("tuiDropdownManual",t.open)("tuiDropdownMaxHeight",t.dropdownMaxHeight)("tuiDropdownMinHeight",t.dropdownMinHeight)("tuiDropdownOffset",t.dropdownOffset),s.yG2(7),s.E7m("documentationPropertyValue",t.open)}}function ae(e,t){if(1&e&&(s.I0R(0,"ol",16)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiDropdownModule"),s.C$Y(),s.OEk(6," into a module where you want to use our component "),s.C$Y(),s.wR5(7,"tui-doc-code",17),s.C$Y(),s.I0R(8,"li")(9,"p"),s.OEk(10,"Add to the template:"),s.C$Y(),s.wR5(11,"tui-doc-code",18),s.C$Y()()),2&e){const e=s.GaO();s.yG2(7),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let pe=(()=>{var e;class t extends w.o{constructor(){super(...arguments),this.exampleModule=n.e(2012).then(n.t.bind(n,2012,17)),this.exampleHtml=n.e(70556).then(n.t.bind(n,70556,17)),this.example1={TypeScript:n.e(94027).then(n.t.bind(n,94027,17)),HTML:n.e(21800).then(n.t.bind(n,99420,17))},this.example2={TypeScript:n.e(63772).then(n.t.bind(n,63772,17)),HTML:n.e(19596).then(n.t.bind(n,19596,17))},this.example3={TypeScript:n.e(40604).then(n.t.bind(n,40604,17)),HTML:n.e(74300).then(n.t.bind(n,74300,17))},this.example4={HTML:n.e(29232).then(n.t.bind(n,29232,17)),LESS:n.e(13152).then(n.t.bind(n,13152,17))},this.example5={HTML:n.e(18216).then(n.t.bind(n,18216,17)),LESS:n.e(81688).then(n.t.bind(n,81688,17))},this.open=!1}onClick(){this.open=!this.open}onObscured(e){e&&(this.open=!1)}onActiveZone(e){this.open=e&&this.open}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.otF(e)))(n||e)}}(),e.ɵcmp=s.In1({type:e,selectors:[["example-tui-dropdown"]],features:[s.M5G([{provide:h.m,useExisting:(0,s.wd)((()=>e))}]),s.eg9],decls:4,vars:0,consts:[["header","Dropdown","package","CORE","type","directives"],["pageTab",""],[1,"tui-space_bottom-3"],["tuiLink","",3,"routerLink"],["id","base","heading","Basic",3,"content"],["id","full-featured","heading","Interesting one",3,"content"],["id","change-detection","heading","Change detection",3,"content"],["id","appearance","heading","Appearance",3,"content"],["id","manual","heading","Manual",3,"content"],[3,"tuiActiveZoneChange"],["tuiButton","","type","button",3,"tuiDropdown","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownManual","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","click","tuiObscured"],["dropdownContent",""],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownManual","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdown","documentationPropertyType","PolymorpheusContent"],[1,"dropdown"],["tuiButton","","type","button"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,oe,23,9,"ng-template",1),s.yuY(2,ue,12,9,"ng-template",1),s.yuY(3,ae,12,2,"ng-template",1),s.C$Y())},dependencies:[g.C,y.K,C.K,f.oF,O.y,D.U,E.M,M.e,P.u,k.m,I.I,v.S,x.E,Y.u,R.I,T.K,r.ER,G,q,B,K,ee],styles:[".dropdown[_ngcontent-%COMP%]{max-width:20rem;padding:.5rem 1.25rem}"],changeDetection:0}),t})(),ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[o.MD,i.y,l.Ux,a.TuiLinkModule,c.TuiAvatarModule,a.TuiButtonModule,a.TuiDropdownModule,p.kD,p.kF,c.TuiSelectModule,u.TuiActiveZoneModule,c.TuiToggleModule,c.TuiInputModule,a.TuiNotificationModule,d.kx,m.Y,r.qQ.forChild((0,d._A)(pe))]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[83880],{72188:(e,t,n)=>{n.d(t,{K:()=>y});var o=n(11307),i=n(6528),r=n(82312),d=n(95356),u=n(56616),a=n(55412),p=n(86568);function c(e,t){1&e&&i.OEk(0," Manual control/monitor for the dropdown being visible ")}function l(e,t){1&e&&(i.OEk(0," Align of dropdown (does not work together with "),i.I0R(1,"code"),i.OEk(2,"limitWidth === 'fixed'"),i.C$Y(),i.OEk(3," ) "))}function m(e,t){1&e&&i.OEk(0," Set a vertical direction of dropdown ")}function s(e,t){1&e&&i.OEk(0," Limit width of dropdown ")}function w(e,t){1&e&&(i.OEk(0," Minimum height to calculate that dropdown fits to set "),i.I0R(1,"code"),i.OEk(2,"tuiDropdownDirection"),i.C$Y())}function h(e,t){1&e&&i.OEk(0," Maximum height of dropdown ")}function g(e,t){1&e&&i.OEk(0," Dropdown offset ")}n(97448);let y=(()=>{var e;class t{constructor(e){this.documentedComponent=e}}return(e=t).ɵfac=function(t){return new(t||e)(i.GI1(o.m))},e.ɵcmp=i.In1({type:e,selectors:[["dropdown-documentation"]],decls:17,vars:12,consts:[[1,"tui-text_h6"],["routerLink","/directives/dropdown","target","_blank","tuiLink",""],["documentationPropertyMode","input-output","documentationPropertyName","tuiDropdownOpen","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownAlign","documentationPropertyType","TuiDropdownAlign",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownDirection","documentationPropertyType","TuiVerticalDirection | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownLimitWidth","documentationPropertyType","TuiDropdownWidth",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMinHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownMaxHeight","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownOffset","documentationPropertyType","number",3,"documentationPropertyValue","documentationPropertyValueChange"]],template:function(e,t){1&e&&(i.I0R(0,"h6",0),i.OEk(1," Can be expanded with "),i.I0R(2,"a",1),i.OEk(3," TuiDropdown "),i.C$Y()(),i.I0R(4,"p"),i.OEk(5," Requires you to import "),i.I0R(6,"code"),i.OEk(7,"TuiDropdownModule"),i.C$Y()(),i.I0R(8,"tui-doc-documentation"),i.yuY(9,c,1,0,"ng-template",2),i.wVc(10,"async"),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownOpen.next(e)})),i.yuY(11,l,4,0,"ng-template",3),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownAlign=e})),i.yuY(12,m,1,0,"ng-template",4),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownDirection=e})),i.yuY(13,s,1,0,"ng-template",5),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownLimitWidth=e})),i.yuY(14,w,3,0,"ng-template",6),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownMinHeight=e})),i.yuY(15,h,1,0,"ng-template",7),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownMaxHeight=e})),i.yuY(16,g,1,0,"ng-template",8),i.qCj("documentationPropertyValueChange",(function(e){return t.documentedComponent.dropdownOffset=e})),i.C$Y()),2&e&&(i.yG2(9),i.E7m("documentationPropertyValue",i.kDX(10,10,t.documentedComponent.dropdownOpen)),i.yG2(2),i.E7m("documentationPropertyValues",t.documentedComponent.dropdownAlignVariants)("documentationPropertyValue",t.documentedComponent.dropdownAlign),i.yG2(1),i.E7m("documentationPropertyValues",t.documentedComponent.dropdownDirectionVariants)("documentationPropertyValue",t.documentedComponent.dropdownDirection),i.yG2(1),i.E7m("documentationPropertyValues",t.documentedComponent.dropdownLimitWidthVariants)("documentationPropertyValue",t.documentedComponent.dropdownLimitWidth),i.yG2(1),i.E7m("documentationPropertyValue",t.documentedComponent.dropdownMinHeight),i.yG2(1),i.E7m("documentationPropertyValue",t.documentedComponent.dropdownMaxHeight),i.yG2(1),i.E7m("documentationPropertyValue",t.documentedComponent.dropdownOffset))},dependencies:[r.ER,d.I,u.S,a.C,p.a],encapsulation:2,changeDetection:0}),t})()},63960:(e,t,n)=>{n.d(t,{Y:()=>a});var o=n(86568),i=n(82312),r=n(752),d=n(62548),u=n(6528);let a=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[o.MD,i.qQ,r.uS,d.TuiLinkModule]}),t})()},97448:(e,t,n)=>{n.d(t,{o:()=>r});var o=n(62548),i=n(86112);class r{constructor(){this.dropdownAlignVariants=["left","right","center"],this.dropdownLimitWidthVariants=["fixed","min","auto"],this.dropdownDirectionVariants=["bottom","top"],this.dropdownAlign=o.TUI_DROPDOWN_DEFAULT_OPTIONS.align,this.dropdownDirection=o.TUI_DROPDOWN_DEFAULT_OPTIONS.direction,this.dropdownLimitWidth=o.TUI_DROPDOWN_DEFAULT_OPTIONS.limitWidth,this.dropdownMinHeight=o.TUI_DROPDOWN_DEFAULT_OPTIONS.minHeight,this.dropdownMaxHeight=o.TUI_DROPDOWN_DEFAULT_OPTIONS.maxHeight,this.dropdownOffset=o.TUI_DROPDOWN_DEFAULT_OPTIONS.offset,this.dropdownOpen=new i.g(!1)}}},11307:(e,t,n)=>{n.d(t,{m:()=>o});const o=new(n(6528).UbH)("[ABSTRACT_PROPS_ACCESSOR]: Component extends AbstractExample class")},83880:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiDropdownModule:()=>ce});var o=n(86568),i=n(35856),r=n(82312),d=n(752),u=n(45328),a=n(62548),p=n(37304),c=n(33976),l=n(58200),m=n(63960),s=n(6528),w=n(97448),h=n(11307),g=n(55412),y=n(8673),C=n(35137),f=n(32612),O=n(68588),D=n(73580),E=n(30420),M=n(62224),P=n(13692),k=n(96808),I=n(95356),v=n(56616),x=n(34496),Y=n(37288),R=n(83480),T=n(72188);function b(e,t){1&e&&(s.I0R(0,"div",2),s.OEk(1,"But there is nothing to choose..."),s.C$Y())}let G=(()=>{var e;class t{constructor(){this.open=!1}onClick(){this.open=!this.open}onObscured(e){e&&(this.open=!1)}onActiveZone(e){this.open=e&&this.open}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-1"]],decls:4,vars:2,consts:[["iconRight","tuiIconChevronDown","tuiButton","","type","button",3,"tuiDropdown","tuiDropdownManual","click","tuiActiveZoneChange","tuiObscured"],["dropdownContent",""],[1,"dropdown"]],template:function(e,t){if(1&e&&(s.I0R(0,"button",0),s.qCj("click",(function(){return t.onClick()}))("tuiActiveZoneChange",(function(e){return t.onActiveZone(e)}))("tuiObscured",(function(e){return t.onObscured(e)})),s.OEk(1," Choose "),s.yuY(2,b,2,0,"ng-template",null,1,s.gJz),s.C$Y()),2&e){const e=s.Gew(3);s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open)}},dependencies:[y.K,C.K,O.y,D.U,E.M],styles:[".dropdown[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;text-transform:uppercase;letter-spacing:.075em;padding:.25rem .75rem}"],changeDetection:0}),t})();var $=n(47819),V=n(34600),_=n(9544);let A,L=e=>e;function S(e,t){if(1&e&&(s.I0R(0,"div",5),s.wR5(1,"tui-avatar",6),s.I0R(2,"div",7)(3,"div",8),s.OEk(4,"Taiga UI developer"),s.C$Y(),s.I0R(5,"div",9),s.OEk(6,"Alex Inkin"),s.C$Y(),s.I0R(7,"div",10),s.OEk(8,"a.inkin"),s.C$Y()()()),2&e){const e=s.GaO();s.yG2(1),s.E7m("avatarUrl",e.avatarUrl)("rounded",!0)}}let q=(()=>{var e;class t{constructor(){this.open=!1,this.avatarUrl=(0,$._)(A||(A=L`/images/avatar.jpg`))}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-2"]],decls:12,vars:5,consts:[[1,"toggle"],["size","l",3,"ngModel","ngModelChange"],["tuiDropdown","A directive to show content in a dropdown","tuiDropdownDirection","bottom",3,"textContent","tuiDropdownManual"],["tuiDropdownDirection","top","tuiLink","","type","button",3,"tuiDropdown","tuiDropdownManual"],["dropdownContent",""],[1,"dropdown"],["size","l",3,"avatarUrl","rounded"],[1,"text"],[1,"label"],[1,"name"],[1,"account"]],template:function(e,t){if(1&e&&(s.I0R(0,"p")(1,"label",0)(2,"tui-toggle",1),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(3," Show help "),s.C$Y()(),s.OEk(4,"\nYou can ask any questions about\n"),s.wR5(5,"code",2),s.OEk(6,"\nand\n"),s.I0R(7,"button",3),s.OEk(8," Alex\n"),s.C$Y(),s.OEk(9,"\nwill gladly answer! "),s.yuY(10,S,9,2,"ng-template",null,4,s.gJz)),2&e){const e=s.Gew(11);s.yG2(2),s.E7m("ngModel",t.open),s.yG2(3),s.E7m("textContent","tuiDropdown")("tuiDropdownManual",t.open),s.yG2(2),s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open)}},dependencies:[i.ue,i._G,g.C,V.I,C.K,f.oF,O.y,_.y],styles:[".dropdown[_ngcontent-%COMP%]{display:flex;width:14rem;padding:.375rem .75rem}.toggle[_ngcontent-%COMP%]{display:flex;gap:.5rem;align-items:center}.text[_ngcontent-%COMP%]{padding:0 .75rem}.label[_ngcontent-%COMP%]{font:var(--tui-font-text-m);color:var(--tui-text-03)}.name[_ngcontent-%COMP%]{font:var(--tui-font-heading-6)}.account[_ngcontent-%COMP%]{font:var(--tui-font-text-s);margin-top:.25rem;color:var(--tui-text-02)}"],changeDetection:0}),t})();var H=n(13052),U=n(12436),N=n(73148),j=n(61920);function W(e,t){1&e&&(s.I0R(0,"p"),s.OEk(1," Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab assumenda at corporis ea hic illo ipsa laboriosam laudantium nemo neque officiis pariatur quidem quos rerum sunt, temporibus tenetur ullam vitae? "),s.C$Y())}function z(e,t){if(1&e){const e=s.KQA();s.I0R(0,"div",4)(1,"tui-input",0),s.qCj("ngModelChange",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.value=t)})),s.OEk(2,"Changes propagate both ways"),s.C$Y(),s.I0R(3,"p"),s.OEk(4," Use "),s.I0R(5,"code"),s.OEk(6,"polymorpheus"),s.C$Y(),s.OEk(7," directive on the template to make changes propagate both ways "),s.C$Y(),s.yuY(8,W,2,0,"p",5),s.C$Y()}if(2&e){const e=s.GaO();s.yG2(1),s.E7m("ngModel",e.value),s.yG2(7),s.E7m("ngIf",e.showBigText)}}let B=(()=>{var e;class t{constructor(e,t){this.open=!1,this.value="some data",this.showBigText=!1,(0,H.I)(3e3).pipe((0,u.tuiWatch)(t),(0,U.a)(e)).subscribe((()=>{this.showBigText=!this.showBigText}))}}return(e=t).ɵfac=function(t){return new(t||e)(s.GI1(u.TuiDestroyService,2),s.GI1(s.kD9))},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-3"]],features:[s.M5G([u.TuiDestroyService])],decls:7,vars:5,consts:[[3,"ngModel","ngModelChange"],[1,"flex",3,"tuiDropdown","tuiDropdownManual"],[3,"polymorpheus"],["dropdownContent","polymorpheus"],[1,"dropdown"],[4,"ngIf"]],template:function(e,t){if(1&e&&(s.I0R(0,"tui-input",0),s.qCj("ngModelChange",(function(e){return t.value=e})),s.OEk(1,"Changes propagate both ways"),s.C$Y(),s.I0R(2,"label",1)(3,"tui-toggle",0),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(4," Open dropdown\n"),s.C$Y(),s.yuY(5,z,9,2,"ng-template",2,3,s.gJz)),2&e){const e=s.Gew(6);s.E7m("ngModel",t.value),s.yG2(2),s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open),s.yG2(1),s.E7m("ngModel",t.open),s.yG2(2),s.E7m("polymorpheus","")}},dependencies:[o.u_,i.ue,i._G,l.sv,C.K,O.y,_.y,N.O,j.c],styles:[".flex[_ngcontent-%COMP%]{display:flex;align-items:center;gap:.5rem;margin-top:1rem}.dropdown[_ngcontent-%COMP%]{max-width:20rem;padding:1rem}"],changeDetection:0}),t})();function F(e,t){1&e&&(s.I0R(0,"blockquote"),s.OEk(1,"I'm a customized dropdown!"),s.C$Y())}let K=(()=>{var e;class t{constructor(){this.open=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-4"]],decls:5,vars:3,consts:[["tuiDropdownAlign","center","tuiDropdownAppearance","round","tuiDropdownDirection","top",3,"tuiDropdown","tuiDropdownManual"],["size","l",1,"tui-space_right-2",3,"ngModel","ngModelChange"],["content",""]],template:function(e,t){if(1&e&&(s.I0R(0,"label",0)(1,"tui-toggle",1),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(2," Show dropdown "),s.yuY(3,F,2,0,"ng-template",null,2,s.gJz),s.C$Y()),2&e){const e=s.Gew(4);s.E7m("tuiDropdown",e)("tuiDropdownManual",t.open),s.yG2(1),s.E7m("ngModel",t.open)}},dependencies:[i.ue,i._G,C.K,f.oF,O.y,_.y],styles:["tui-dropdown[data-appearance=round]{border-radius:10rem}\n"],encapsulation:2,changeDetection:0}),t})();var J=n(54088),Z=n(91576),Q=n(15268);function X(e,t){1&e&&(s.I0R(0,"div",2),s.OEk(1," Manually style this element\n"),s.C$Y())}let ee=(()=>{var e;class t{constructor(){this.open=!1}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["tui-dropdown-example-5"]],decls:4,vars:2,consts:[["size","l",1,"tui-space_right-2",3,"ngModel","ngModelChange"],["tuiCardLarge","","tuiSurface","elevated","class","dropdown",4,"tuiDropdown"],["tuiCardLarge","","tuiSurface","elevated",1,"dropdown"]],template:function(e,t){1&e&&(s.I0R(0,"label")(1,"tui-toggle",0),s.qCj("ngModelChange",(function(e){return t.open=e})),s.C$Y(),s.OEk(2," Show dropdown\n"),s.C$Y(),s.yuY(3,X,2,0,"div",1)),2&e&&(s.yG2(1),s.E7m("ngModel",t.open),s.yG2(2),s.E7m("tuiDropdown",t.open))},dependencies:[i.ue,i._G,J._,Z.u,Q.c,_.y],styles:[".dropdown[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);position:fixed}"],changeDetection:0}),t})();const te=function(){return["/directives/active-zone"]},ne=function(){return["/components/hosted-dropdown"]};function oe(e,t){if(1&e&&(s.I0R(0,"div",2)(1,"code"),s.OEk(2,"tuiDropdown"),s.C$Y(),s.OEk(3," shows a dropdown with custom template. Use "),s.I0R(4,"a",3),s.OEk(5," ActiveZone "),s.C$Y(),s.OEk(6," directive to hide dropdown. "),s.C$Y(),s.I0R(7,"p"),s.OEk(8," See also "),s.I0R(9,"a",3),s.OEk(10," HostedDropdown "),s.C$Y()(),s.I0R(11,"tui-doc-example",4),s.wR5(12,"tui-dropdown-example-1"),s.C$Y(),s.I0R(13,"tui-doc-example",5),s.wR5(14,"tui-dropdown-example-2"),s.C$Y(),s.I0R(15,"tui-doc-example",6),s.wR5(16,"tui-dropdown-example-3"),s.C$Y(),s.I0R(17,"tui-doc-example",7)(18,"tui-notification",2),s.OEk(19," Use unencapsulated styles to customize dropdown appearance "),s.C$Y(),s.wR5(20,"tui-dropdown-example-4"),s.C$Y(),s.I0R(21,"tui-doc-example",8),s.wR5(22,"tui-dropdown-example-5"),s.C$Y()),2&e){const e=s.GaO();s.yG2(4),s.E7m("routerLink",s.q4q(7,te)),s.yG2(5),s.E7m("routerLink",s.q4q(8,ne)),s.yG2(2),s.E7m("content",e.example1),s.yG2(2),s.E7m("content",e.example2),s.yG2(2),s.E7m("content",e.example3),s.yG2(2),s.E7m("content",e.example4),s.yG2(4),s.E7m("content",e.example5)}}function ie(e,t){1&e&&(s.I0R(0,"div",14),s.OEk(1," Here can be any content "),s.I0R(2,"p"),s.OEk(3,"You can even insert other components:"),s.C$Y(),s.I0R(4,"button",15),s.OEk(5," Do not touch! "),s.C$Y(),s.I0R(6,"p"),s.OEk(7,"Everything you want... *"),s.C$Y(),s.I0R(8,"sub"),s.OEk(9,"* except cases of human rights violation"),s.C$Y()())}function re(e,t){1&e&&s.OEk(0," Show dropdown (basic manual implementation, see related pages for other options) ")}function de(e,t){1&e&&s.OEk(0," Content ")}function ue(e,t){if(1&e){const e=s.KQA();s.I0R(0,"tui-doc-demo")(1,"span",9),s.qCj("tuiActiveZoneChange",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.onActiveZone(t))})),s.I0R(2,"button",10),s.qCj("click",(function(){s.usT(e);const t=s.GaO();return s.CGJ(t.onClick())}))("tuiObscured",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.onObscured(t))})),s.OEk(3," PRESS! "),s.I0R(4,"i"),s.OEk(5,"* There is also a pretty long text to check its width limitations"),s.C$Y()(),s.yuY(6,ie,10,0,"ng-template",null,11,s.gJz),s.C$Y()(),s.I0R(8,"tui-doc-documentation"),s.yuY(9,re,1,0,"ng-template",12),s.qCj("documentationPropertyValueChange",(function(t){s.usT(e);const n=s.GaO();return s.CGJ(n.open=t)})),s.yuY(10,de,1,0,"ng-template",13),s.wR5(11,"dropdown-documentation"),s.C$Y()}if(2&e){const e=s.Gew(7),t=s.GaO();s.yG2(2),s.E7m("tuiDropdown",e)("tuiDropdownAlign",t.dropdownAlign)("tuiDropdownDirection",t.dropdownDirection)("tuiDropdownLimitWidth",t.dropdownLimitWidth)("tuiDropdownManual",t.open)("tuiDropdownMaxHeight",t.dropdownMaxHeight)("tuiDropdownMinHeight",t.dropdownMinHeight)("tuiDropdownOffset",t.dropdownOffset),s.yG2(7),s.E7m("documentationPropertyValue",t.open)}}function ae(e,t){if(1&e&&(s.I0R(0,"ol",16)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiDropdownModule"),s.C$Y(),s.OEk(6," into a module where you want to use our component "),s.C$Y(),s.wR5(7,"tui-doc-code",17),s.C$Y(),s.I0R(8,"li")(9,"p"),s.OEk(10,"Add to the template:"),s.C$Y(),s.wR5(11,"tui-doc-code",18),s.C$Y()()),2&e){const e=s.GaO();s.yG2(7),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let pe=(()=>{var e;class t extends w.o{constructor(){super(...arguments),this.exampleModule=n.e(2012).then(n.t.bind(n,2012,17)),this.exampleHtml=n.e(70556).then(n.t.bind(n,70556,17)),this.example1={TypeScript:n.e(94027).then(n.t.bind(n,94027,17)),HTML:n.e(21800).then(n.t.bind(n,99420,17))},this.example2={TypeScript:n.e(63772).then(n.t.bind(n,63772,17)),HTML:n.e(19596).then(n.t.bind(n,19596,17))},this.example3={TypeScript:n.e(40604).then(n.t.bind(n,40604,17)),HTML:n.e(74300).then(n.t.bind(n,74300,17))},this.example4={HTML:n.e(29232).then(n.t.bind(n,29232,17)),LESS:n.e(13152).then(n.t.bind(n,13152,17))},this.example5={HTML:n.e(18216).then(n.t.bind(n,18216,17)),LESS:n.e(81688).then(n.t.bind(n,81688,17))},this.open=!1}onClick(){this.open=!this.open}onObscured(e){e&&(this.open=!1)}onActiveZone(e){this.open=e&&this.open}}return(e=t).ɵfac=function(){let t;return function(n){return(t||(t=s.otF(e)))(n||e)}}(),e.ɵcmp=s.In1({type:e,selectors:[["example-tui-dropdown"]],features:[s.M5G([{provide:h.m,useExisting:(0,s.wd)((()=>e))}]),s.eg9],decls:4,vars:0,consts:[["header","Dropdown","package","CORE","type","directives"],["pageTab",""],[1,"tui-space_bottom-3"],["tuiLink","",3,"routerLink"],["id","base","heading","Basic",3,"content"],["id","full-featured","heading","Interesting one",3,"content"],["id","change-detection","heading","Change detection",3,"content"],["id","appearance","heading","Appearance",3,"content"],["id","manual","heading","Manual",3,"content"],[3,"tuiActiveZoneChange"],["tuiButton","","type","button",3,"tuiDropdown","tuiDropdownAlign","tuiDropdownDirection","tuiDropdownLimitWidth","tuiDropdownManual","tuiDropdownMaxHeight","tuiDropdownMinHeight","tuiDropdownOffset","click","tuiObscured"],["dropdownContent",""],["documentationPropertyMode","input","documentationPropertyName","tuiDropdownManual","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","tuiDropdown","documentationPropertyType","PolymorpheusContent"],[1,"dropdown"],["tuiButton","","type","button"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(s.I0R(0,"tui-doc-page",0),s.yuY(1,oe,23,9,"ng-template",1),s.yuY(2,ue,12,9,"ng-template",1),s.yuY(3,ae,12,2,"ng-template",1),s.C$Y())},dependencies:[g.C,y.K,C.K,f.oF,O.y,D.U,E.M,M.e,P.u,k.m,I.I,v.S,x.E,Y.u,R.I,T.K,r.ER,G,q,B,K,ee],styles:[".dropdown[_ngcontent-%COMP%]{max-width:20rem;padding:.5rem 1.25rem}"],changeDetection:0}),t})(),ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[o.MD,i.y,l.Ux,a.TuiLinkModule,c.TuiAvatarModule,a.TuiButtonModule,a.TuiDropdownModule,p.kD,p.kF,c.TuiSelectModule,u.TuiActiveZoneModule,c.TuiToggleModule,c.TuiInputModule,a.TuiNotificationModule,d.kx,m.Y,r.qQ.forChild((0,d._A)(pe))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/85440.c89cfed044ac369d.js b/next/85440.a148de6d75ba7347.js
similarity index 99%
rename from next/85440.c89cfed044ac369d.js
rename to next/85440.a148de6d75ba7347.js
index 40c29fd5753e..3c657f9779ac 100644
--- a/next/85440.c89cfed044ac369d.js
+++ b/next/85440.a148de6d75ba7347.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[85440],{85440:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiButtonModule:()=>V});var a=n(86568),o=n(752),c=n(62548),r=n(84788),i=n(6528),u=n(60588),p=n(26220),s=n(8984),l=n(62224),d=n(13692),m=n(96808),g=n(95356),y=n(56616),C=n(34496),h=n(37288),P=n(83480),b=n(3088);let f=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=i.In1({type:t,selectors:[["tui-button-vertical-example-1"]],decls:5,vars:0,consts:[["appearance","secondary","tuiButton","","tuiButtonVertical",""],["size","xxs","src","https://avatars.githubusercontent.com/u/11832552"],["appearance","secondary","iconLeft","tuiIconUsers","tuiButton","","tuiButtonVertical",""]],template:function(t,e){1&t&&(i.I0R(0,"button",0),i.wR5(1,"tui-avatar",1),i.OEk(2," Alex Inkin\n"),i.C$Y(),i.I0R(3,"button",2),i.OEk(4," Users\n"),i.C$Y())},dependencies:[p.W,s.Y,b.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})();var O=n(24980);let v=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=i.In1({type:t,selectors:[["tui-button-vertical-example-2"]],decls:5,vars:0,consts:[["appearance","custom","iconLeft","tuiIconPieChartLarge","tuiButton","","tuiButtonVertical",""],["appearance","glass","iconLeft","tuiIconStarLarge","tuiButton","","tuiButtonVertical",""],["tuiFade","","tuiFadeHeight","1rem","tuiFadeOffset","0.5rem"]],template:function(t,e){1&t&&(i.I0R(0,"button",0),i.OEk(1," Custom\n"),i.C$Y(),i.I0R(2,"button",1)(3,"div",2),i.OEk(4," Very long label with fade "),i.C$Y()())},dependencies:[p.W,s.Y,O.y],styles:["button[_ngcontent-%COMP%]{margin:.5rem;width:6.5rem}[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]{color:var(--tui-error-fill);background:var(--tui-error-bg)}@media (hover: hover){[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){background:var(--tui-error-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){background:var(--tui-error-bg-hover)}}[tuiAppearance][data-appearance=custom][data-state=hover][_ngcontent-%COMP%]{background:var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){background:var(--tui-error-bg-hover);opacity:.8}[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){background:var(--tui-error-bg-hover);opacity:.8}[tuiAppearance][data-appearance=custom][data-state=active][_ngcontent-%COMP%]{background:var(--tui-error-bg-hover);opacity:.8}"],changeDetection:0}),e})();function M(t,e){if(1&t&&(i.I0R(0,"tui-notification",2),i.OEk(1," This code is "),i.I0R(2,"strong"),i.OEk(3,"experimental"),i.C$Y(),i.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),i.C$Y(),i.I0R(5,"p"),i.OEk(6,"Directive for making the large button vertically oriented"),i.C$Y(),i.I0R(7,"tui-doc-example",3),i.wR5(8,"tui-button-vertical-example-1"),i.C$Y(),i.I0R(9,"tui-doc-example",4),i.wR5(10,"tui-button-vertical-example-2"),i.C$Y()),2&t){const t=i.GaO();i.yG2(7),i.E7m("content",t.example1),i.yG2(2),i.E7m("content",t.example2)}}function I(t,e){1&t&&i.OEk(0," Appearance ")}function k(t,e){1&t&&i.OEk(0," Icon on the left side ")}function E(t,e){1&t&&i.OEk(0," Loading indicator ")}function _(t,e){if(1&t){const t=i.KQA();i.I0R(0,"tui-doc-demo")(1,"button",5),i.OEk(2," Button "),i.C$Y()(),i.I0R(3,"tui-doc-documentation"),i.yuY(4,I,1,0,"ng-template",6),i.qCj("documentationPropertyValueChange",(function(e){i.usT(t);const n=i.GaO();return i.CGJ(n.appearance=e)})),i.yuY(5,k,1,0,"ng-template",7),i.qCj("documentationPropertyValueChange",(function(e){i.usT(t);const n=i.GaO();return i.CGJ(n.iconLeft=e)})),i.yuY(6,E,1,0,"ng-template",8),i.qCj("documentationPropertyValueChange",(function(e){i.usT(t);const n=i.GaO();return i.CGJ(n.loading=e)})),i.C$Y()}if(2&t){const t=i.GaO();i.yG2(1),i.E7m("appearance",t.appearance)("iconLeft",t.iconLeft)("loading",t.loading),i.yG2(3),i.E7m("documentationPropertyValues",t.appearances)("documentationPropertyValue",t.appearance),i.yG2(1),i.E7m("documentationPropertyValues",t.icons)("documentationPropertyValue",t.iconLeft),i.yG2(1),i.E7m("documentationPropertyValue",t.loading)}}function x(t,e){if(1&t&&(i.I0R(0,"ol",9)(1,"li")(2,"p"),i.OEk(3,"Import module:"),i.C$Y(),i.wR5(4,"tui-doc-code",10),i.C$Y(),i.I0R(5,"li")(6,"p"),i.OEk(7,"Add to the template:"),i.C$Y(),i.wR5(8,"tui-doc-code",11),i.C$Y()()),2&t){const t=i.GaO();i.yG2(4),i.E7m("code",t.exampleModule),i.yG2(4),i.E7m("code",t.exampleHtml)}}let Y=(()=>{var t;class e{constructor(){this.exampleModule=n.e(18852).then(n.t.bind(n,18852,17)),this.exampleHtml=n.e(21976).then(n.t.bind(n,21976,17)),this.example1={HTML:n.e(20284).then(n.t.bind(n,20284,17))},this.example2={HTML:n.e(92811).then(n.t.bind(n,92811,17)),LESS:n.e(24544).then(n.t.bind(n,24544,17))},this.appearances=["primary","accent","secondary","destructive","flat","outline","opposite","glass","floating"],this.appearance=this.appearances[0],this.icons=["","tuiIconSearch","tuiIconChevronDown"],this.iconLeft=this.icons[0],this.loading=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=i.In1({type:t,selectors:[["example-button-vertical"]],decls:4,vars:0,consts:[["header","ButtonVertical","package","EXPERIMENTAL","type","directives"],["pageTab",""],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","custom","heading","Customization",3,"content"],["tuiButton","","tuiButtonVertical","",3,"appearance","iconLeft","loading"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconLeft","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","loading","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(i.I0R(0,"tui-doc-page",0),i.yuY(1,M,11,2,"ng-template",1),i.yuY(2,_,7,8,"ng-template",1),i.yuY(3,x,9,2,"ng-template",1),i.C$Y())},dependencies:[u.K,p.W,s.Y,l.e,d.u,m.m,g.I,y.S,C.E,h.u,P.I,f,v],encapsulation:2,changeDetection:0}),e})();n(23340);let V=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=i.a4G({type:t}),t.ɵinj=i.s3X({imports:[a.MD,r.CI,r.gb,r.mC,r.CA,c.TuiNotificationModule,c.TuiSvgModule,(0,o.If)(Y)]}),e})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[85440],{85440:(t,e,n)=>{n.r(e),n.d(e,{ExampleTuiButtonModule:()=>V});var a=n(86568),o=n(752),c=n(62548),r=n(37304),i=n(6528),u=n(60588),p=n(26220),s=n(8984),l=n(62224),d=n(13692),m=n(96808),g=n(95356),y=n(56616),C=n(34496),h=n(37288),P=n(83480),b=n(3088);let f=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=i.In1({type:t,selectors:[["tui-button-vertical-example-1"]],decls:5,vars:0,consts:[["appearance","secondary","tuiButton","","tuiButtonVertical",""],["size","xxs","src","https://avatars.githubusercontent.com/u/11832552"],["appearance","secondary","iconLeft","tuiIconUsers","tuiButton","","tuiButtonVertical",""]],template:function(t,e){1&t&&(i.I0R(0,"button",0),i.wR5(1,"tui-avatar",1),i.OEk(2," Alex Inkin\n"),i.C$Y(),i.I0R(3,"button",2),i.OEk(4," Users\n"),i.C$Y())},dependencies:[p.W,s.Y,b.I],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})();var O=n(24980);let v=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=i.In1({type:t,selectors:[["tui-button-vertical-example-2"]],decls:5,vars:0,consts:[["appearance","custom","iconLeft","tuiIconPieChartLarge","tuiButton","","tuiButtonVertical",""],["appearance","glass","iconLeft","tuiIconStarLarge","tuiButton","","tuiButtonVertical",""],["tuiFade","","tuiFadeHeight","1rem","tuiFadeOffset","0.5rem"]],template:function(t,e){1&t&&(i.I0R(0,"button",0),i.OEk(1," Custom\n"),i.C$Y(),i.I0R(2,"button",1)(3,"div",2),i.OEk(4," Very long label with fade "),i.C$Y()())},dependencies:[p.W,s.Y,O.y],styles:["button[_ngcontent-%COMP%]{margin:.5rem;width:6.5rem}[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]{color:var(--tui-error-fill);background:var(--tui-error-bg)}@media (hover: hover){[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){background:var(--tui-error-bg-hover)}}@media (hover: hover){[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:hover:not([data-state]){background:var(--tui-error-bg-hover)}}[tuiAppearance][data-appearance=custom][data-state=hover][_ngcontent-%COMP%]{background:var(--tui-error-bg-hover)}[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-webkit-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){background:var(--tui-error-bg-hover);opacity:.8}[tuiAppearance][data-appearance=custom][_ngcontent-%COMP%]:-moz-any(a, button[_ngcontent-%COMP%], select[_ngcontent-%COMP%], textarea[_ngcontent-%COMP%], input[_ngcontent-%COMP%], label)[_ngcontent-%COMP%]:active:not([data-state]){background:var(--tui-error-bg-hover);opacity:.8}[tuiAppearance][data-appearance=custom][data-state=active][_ngcontent-%COMP%]{background:var(--tui-error-bg-hover);opacity:.8}"],changeDetection:0}),e})();function M(t,e){if(1&t&&(i.I0R(0,"tui-notification",2),i.OEk(1," This code is "),i.I0R(2,"strong"),i.OEk(3,"experimental"),i.C$Y(),i.OEk(4," and is a subject to change. Expect final solution to be shipped in the next major version "),i.C$Y(),i.I0R(5,"p"),i.OEk(6,"Directive for making the large button vertically oriented"),i.C$Y(),i.I0R(7,"tui-doc-example",3),i.wR5(8,"tui-button-vertical-example-1"),i.C$Y(),i.I0R(9,"tui-doc-example",4),i.wR5(10,"tui-button-vertical-example-2"),i.C$Y()),2&t){const t=i.GaO();i.yG2(7),i.E7m("content",t.example1),i.yG2(2),i.E7m("content",t.example2)}}function I(t,e){1&t&&i.OEk(0," Appearance ")}function k(t,e){1&t&&i.OEk(0," Icon on the left side ")}function E(t,e){1&t&&i.OEk(0," Loading indicator ")}function _(t,e){if(1&t){const t=i.KQA();i.I0R(0,"tui-doc-demo")(1,"button",5),i.OEk(2," Button "),i.C$Y()(),i.I0R(3,"tui-doc-documentation"),i.yuY(4,I,1,0,"ng-template",6),i.qCj("documentationPropertyValueChange",(function(e){i.usT(t);const n=i.GaO();return i.CGJ(n.appearance=e)})),i.yuY(5,k,1,0,"ng-template",7),i.qCj("documentationPropertyValueChange",(function(e){i.usT(t);const n=i.GaO();return i.CGJ(n.iconLeft=e)})),i.yuY(6,E,1,0,"ng-template",8),i.qCj("documentationPropertyValueChange",(function(e){i.usT(t);const n=i.GaO();return i.CGJ(n.loading=e)})),i.C$Y()}if(2&t){const t=i.GaO();i.yG2(1),i.E7m("appearance",t.appearance)("iconLeft",t.iconLeft)("loading",t.loading),i.yG2(3),i.E7m("documentationPropertyValues",t.appearances)("documentationPropertyValue",t.appearance),i.yG2(1),i.E7m("documentationPropertyValues",t.icons)("documentationPropertyValue",t.iconLeft),i.yG2(1),i.E7m("documentationPropertyValue",t.loading)}}function x(t,e){if(1&t&&(i.I0R(0,"ol",9)(1,"li")(2,"p"),i.OEk(3,"Import module:"),i.C$Y(),i.wR5(4,"tui-doc-code",10),i.C$Y(),i.I0R(5,"li")(6,"p"),i.OEk(7,"Add to the template:"),i.C$Y(),i.wR5(8,"tui-doc-code",11),i.C$Y()()),2&t){const t=i.GaO();i.yG2(4),i.E7m("code",t.exampleModule),i.yG2(4),i.E7m("code",t.exampleHtml)}}let Y=(()=>{var t;class e{constructor(){this.exampleModule=n.e(18852).then(n.t.bind(n,18852,17)),this.exampleHtml=n.e(21976).then(n.t.bind(n,21976,17)),this.example1={HTML:n.e(20284).then(n.t.bind(n,20284,17))},this.example2={HTML:n.e(92811).then(n.t.bind(n,92811,17)),LESS:n.e(24544).then(n.t.bind(n,24544,17))},this.appearances=["primary","accent","secondary","destructive","flat","outline","opposite","glass","floating"],this.appearance=this.appearances[0],this.icons=["","tuiIconSearch","tuiIconChevronDown"],this.iconLeft=this.icons[0],this.loading=!1}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=i.In1({type:t,selectors:[["example-button-vertical"]],decls:4,vars:0,consts:[["header","ButtonVertical","package","EXPERIMENTAL","type","directives"],["pageTab",""],["status","warning"],["id","basic","heading","Basic",3,"content"],["id","custom","heading","Customization",3,"content"],["tuiButton","","tuiButtonVertical","",3,"appearance","iconLeft","loading"],["documentationPropertyMode","input","documentationPropertyName","appearance","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","iconLeft","documentationPropertyType","string",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","loading","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(t,e){1&t&&(i.I0R(0,"tui-doc-page",0),i.yuY(1,M,11,2,"ng-template",1),i.yuY(2,_,7,8,"ng-template",1),i.yuY(3,x,9,2,"ng-template",1),i.C$Y())},dependencies:[u.K,p.W,s.Y,l.e,d.u,m.m,g.I,y.S,C.E,h.u,P.I,f,v],encapsulation:2,changeDetection:0}),e})();n(23340);let V=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=i.a4G({type:t}),t.ɵinj=i.s3X({imports:[a.MD,r.CI,r.gb,r.mC,r.CA,c.TuiNotificationModule,c.TuiSvgModule,(0,o.If)(Y)]}),e})()}}]);
\ No newline at end of file
diff --git a/next/86982.0a7957dd6df515d6.js b/next/86982.0a7957dd6df515d6.js
deleted file mode 100644
index d000cebdcf80..000000000000
--- a/next/86982.0a7957dd6df515d6.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[86982],{86982:(t,e,i)=>{i.r(e),i.d(e,{ExampleTuiNotificationModule:()=>T});var n=i(86568),o=i(35856),s=i(82312),c=i(752),a=i(62548),u=i(6528),r=i(62224),l=i(13692),p=i(96808),m=i(95356),d=i(56616),f=i(34496),E=i(37288),k=i(83480);let C=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=u.In1({type:t,selectors:[["tui-notification-example-1"]],decls:20,vars:0,consts:[["status","success",1,"tui-space_vertical-4"],["status","error",1,"tui-space_vertical-4"],["status","warning"]],template:function(t,e){1&t&&(u.I0R(0,"tui-notification"),u.OEk(1," A short simple "),u.I0R(2,"code"),u.OEk(3,"informative"),u.C$Y(),u.OEk(4," message\n"),u.C$Y(),u.I0R(5,"tui-notification",0),u.OEk(6," A short simple "),u.I0R(7,"code"),u.OEk(8,"informative"),u.C$Y(),u.OEk(9," message\n"),u.C$Y(),u.I0R(10,"tui-notification",1),u.OEk(11," A short simple "),u.I0R(12,"code"),u.OEk(13,"informative"),u.C$Y(),u.OEk(14," message\n"),u.C$Y(),u.I0R(15,"tui-notification",2),u.OEk(16," A short simple "),u.I0R(17,"code"),u.OEk(18,"informative"),u.C$Y(),u.OEk(19," message\n"),u.C$Y())},dependencies:[r.e],encapsulation:2,changeDetection:0}),e})(),O=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=u.In1({type:t,selectors:[["tui-notification-example-2"]],features:[u.M5G([(0,a.tuiNotificationOptionsProvider)({icon:"tuiIconHelpCircle",status:"warning"})])],decls:2,vars:0,template:function(t,e){1&t&&(u.I0R(0,"tui-notification"),u.OEk(1,"Works with token options"),u.C$Y())},dependencies:[r.e],encapsulation:2,changeDetection:0}),e})();var h=i(8673),y=i(55412),I=i(31808);let R=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=u.In1({type:t,selectors:[["tui-notification-example-3"]],decls:79,vars:6,consts:[[1,"wrapper"],["icon","","size","l"],["icon","","size","m",1,"tui-space_vertical-4"],["icon","","size","s"],["size","l","status","warning",3,"close"],["size","m","status","warning",1,"tui-space_vertical-4",3,"close"],["size","s","status","warning",3,"close"],["icon","","size","l","status","error"],[1,"tui-text_body-l-2"],["tuiMode","onLight",1,"buttons","tui-space_top-3"],["appearance","outline","size","s","tuiButton","",1,"tui-space_right-5"],["tuiLink","",3,"pseudo"],["icon","","size","m","status","error",1,"tui-space_vertical-4"],[1,"tui-text_body-m-2"],["tuiMode","onLight",1,"buttons","tui-space_top-3","tui-space_bottom-1"],["icon","","size","s","status","error"],["tuiMode","onLight",1,"buttons","tui-space_top-2","tui-space_bottom-1"],["appearance","outline","size","xs","tuiButton","",1,"tui-space_right-5"],["size","l","status","success",3,"close"],["size","m","status","success",1,"tui-space_vertical-4",3,"close"],["size","s","status","success",3,"close"]],template:function(t,e){1&t&&(u.I0R(0,"p",0)(1,"tui-notification",1),u.OEk(2," Notification text "),u.C$Y(),u.I0R(3,"tui-notification",2),u.OEk(4," Notification text "),u.C$Y(),u.I0R(5,"tui-notification",3),u.OEk(6," Notification text "),u.C$Y()(),u.wR5(7,"hr"),u.I0R(8,"p",0)(9,"tui-notification",4),u.qCj("close",(function(){return 0})),u.OEk(10," Notification multiline long text with icons "),u.C$Y(),u.I0R(11,"tui-notification",5),u.qCj("close",(function(){return 0})),u.OEk(12," Notification multiline long text with icons "),u.C$Y(),u.I0R(13,"tui-notification",6),u.qCj("close",(function(){return 0})),u.OEk(14," Notification multiline long text with icons "),u.C$Y()(),u.wR5(15,"hr"),u.I0R(16,"p",0)(17,"tui-notification",7)(18,"div",8)(19,"strong"),u.OEk(20,"Title"),u.C$Y()(),u.OEk(21," Notification multiline long text with icons "),u.I0R(22,"div",9)(23,"button",10),u.OEk(24," Button "),u.C$Y(),u.I0R(25,"button",11),u.OEk(26," Link "),u.C$Y()()(),u.I0R(27,"tui-notification",12)(28,"div",13)(29,"strong"),u.OEk(30,"Title"),u.C$Y()(),u.OEk(31," Notification multiline long text with icons "),u.I0R(32,"div",14)(33,"button",10),u.OEk(34," Button "),u.C$Y(),u.I0R(35,"button",11),u.OEk(36," Link "),u.C$Y()()(),u.I0R(37,"tui-notification",15)(38,"div")(39,"strong"),u.OEk(40,"Title"),u.C$Y()(),u.OEk(41," Notification multiline long text with icons "),u.I0R(42,"div",16)(43,"button",17),u.OEk(44," Button "),u.C$Y(),u.I0R(45,"button",11),u.OEk(46," Link "),u.C$Y()()()(),u.wR5(47,"hr"),u.I0R(48,"p",0)(49,"tui-notification",18),u.qCj("close",(function(){return 0})),u.I0R(50,"div",8)(51,"strong"),u.OEk(52,"Title"),u.C$Y()(),u.OEk(53," Notification multiline long text with icons "),u.I0R(54,"div",9)(55,"button",10),u.OEk(56," Button "),u.C$Y(),u.I0R(57,"button",11),u.OEk(58," Link "),u.C$Y()()(),u.I0R(59,"tui-notification",19),u.qCj("close",(function(){return 0})),u.I0R(60,"div",13)(61,"strong"),u.OEk(62,"Title"),u.C$Y()(),u.OEk(63," Notification multiline long text with icons "),u.I0R(64,"div",14)(65,"button",10),u.OEk(66," Button "),u.C$Y(),u.I0R(67,"button",11),u.OEk(68," Link "),u.C$Y()()(),u.I0R(69,"tui-notification",20),u.qCj("close",(function(){return 0})),u.I0R(70,"div")(71,"strong"),u.OEk(72,"Title"),u.C$Y()(),u.OEk(73," Notification multiline long text with icons "),u.I0R(74,"div",16)(75,"button",17),u.OEk(76," Button "),u.C$Y(),u.I0R(77,"button",11),u.OEk(78," Link "),u.C$Y()()()()),2&t&&(u.yG2(25),u.E7m("pseudo",!0),u.yG2(10),u.E7m("pseudo",!0),u.yG2(10),u.E7m("pseudo",!0),u.yG2(12),u.E7m("pseudo",!0),u.yG2(10),u.E7m("pseudo",!0),u.yG2(10),u.E7m("pseudo",!0))},dependencies:[r.e,h.K,y.C,I.Y],styles:[".wrapper[_ngcontent-%COMP%]{width:20rem}.buttons[_ngcontent-%COMP%]{display:flex;font:var(--tui-font-text-s)}"],changeDetection:0}),e})();function g(t,e){if(1&t&&(u.I0R(0,"p"),u.OEk(1,"An inline message with a type (info, success, warning, error) that does not interrupt user actions"),u.C$Y(),u.I0R(2,"tui-doc-example",2),u.wR5(3,"tui-notification-example-1"),u.C$Y(),u.I0R(4,"tui-doc-example",3),u.wR5(5,"tui-notification-example-2"),u.C$Y(),u.I0R(6,"tui-doc-example",4),u.wR5(7,"tui-notification-example-3"),u.C$Y()),2&t){const t=u.GaO();u.yG2(2),u.E7m("content",t.example1),u.yG2(2),u.E7m("content",t.example2),u.yG2(2),u.E7m("content",t.example3)}}function Y(t,e){1&t&&(u.OEk(0," A small icon with status. Use "),u.I0R(1,"code"),u.OEk(2,"icon"),u.C$Y(),u.OEk(3," input instead "))}function $(t,e){1&t&&u.OEk(0," Status changes color of notification ")}function w(t,e){1&t&&(u.OEk(0," Icon content. Specify "),u.I0R(1,"code"),u.OEk(2,"null"),u.C$Y(),u.OEk(3," to hide icon. "))}function x(t,e){1&t&&u.OEk(0," Emits click on close cross. When subscribed to, close button appears. ")}function b(t,e){if(1&t){const t=u.KQA();u.I0R(0,"tui-doc-demo")(1,"tui-notification",5),u.qCj("close",(function(e){u.usT(t);const i=u.Gew(8);return u.CGJ(i.emitEvent(e))})),u.OEk(2," A short simple informative message "),u.C$Y()(),u.I0R(3,"tui-doc-documentation"),u.yuY(4,Y,4,0,"ng-template",6),u.qCj("documentationPropertyValueChange",(function(e){u.usT(t);const i=u.GaO();return u.CGJ(i.hasIcon=e)})),u.yuY(5,$,1,0,"ng-template",7),u.qCj("documentationPropertyValueChange",(function(e){u.usT(t);const i=u.GaO();return u.CGJ(i.status=e)})),u.yuY(6,w,4,0,"ng-template",8),u.yuY(7,x,1,0,"ng-template",9,10,u.gJz),u.C$Y()}if(2&t){const t=u.GaO();u.yG2(1),u.E7m("status",t.status),u.yG2(3),u.E7m("documentationPropertyDeprecated",!0)("documentationPropertyValue",t.hasIcon),u.yG2(1),u.E7m("documentationPropertyValues",t.statusVariants)("documentationPropertyValue",t.status)}}function v(t,e){if(1&t&&(u.I0R(0,"ol",11)(1,"li")(2,"p"),u.OEk(3," Import "),u.I0R(4,"code"),u.OEk(5,"TuiNotificationModule"),u.C$Y(),u.OEk(6," into a module where you want to use our component "),u.C$Y(),u.wR5(7,"tui-doc-code",12),u.C$Y(),u.I0R(8,"li")(9,"p"),u.OEk(10,"Add to the template:"),u.C$Y(),u.wR5(11,"tui-doc-code",13),u.C$Y(),u.I0R(12,"li")(13,"p"),u.OEk(14," Optionally use the "),u.I0R(15,"code"),u.OEk(16,"TUI_NOTIFICATION_OPTIONS"),u.C$Y(),u.OEk(17," injection token to override the default options. "),u.C$Y(),u.wR5(18,"tui-doc-code",14),u.C$Y()()),2&t){const t=u.GaO();u.yG2(7),u.E7m("code",t.exampleModule),u.yG2(4),u.E7m("code",t.exampleHtml),u.yG2(7),u.E7m("code",t.exampleOptions)}}let P=(()=>{var t;class e{constructor(){this.exampleModule=i.e(44035).then(i.t.bind(i,44035,17)),this.exampleHtml=i.e(23836).then(i.t.bind(i,23836,17)),this.exampleOptions=i.e(75748).then(i.t.bind(i,75748,17)),this.example1={TypeScript:i.e(91636).then(i.t.bind(i,91636,17)),HTML:i.e(62816).then(i.t.bind(i,62816,17))},this.example2={TypeScript:i.e(39988).then(i.t.bind(i,39988,17)),HTML:i.e(25680).then(i.t.bind(i,25680,17))},this.example3={TypeScript:i.e(11360).then(i.t.bind(i,11360,17)),HTML:i.e(74264).then(i.t.bind(i,74264,17)),LESS:i.e(32072).then(i.t.bind(i,32072,17))},this.hasIcon=!0,this.statusVariants=["info","error","warning","success","neutral"],this.status=this.statusVariants[0]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=u.In1({type:t,selectors:[["example-notification"]],decls:4,vars:0,consts:[["header","Notification","package","CORE","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","options","heading","Options",3,"content"],["id","sizes","heading","Sizes",3,"content"],[3,"status","close"],["documentationPropertyMode","input","documentationPropertyName","hasIcon","documentationPropertyType","boolean",3,"documentationPropertyDeprecated","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","status","documentationPropertyType","TuiNotification",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","icon","documentationPropertyType","PolymorpheusContent"],["documentationPropertyMode","output","documentationPropertyName","close","documentationPropertyType","void"],["documentationPropertyClose","documentationProperty"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"],["filename","myModule.module.ts",3,"code"]],template:function(t,e){1&t&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,g,8,3,"ng-template",1),u.yuY(2,b,9,5,"ng-template",1),u.yuY(3,v,19,3,"ng-template",1),u.C$Y())},dependencies:[r.e,l.u,p.m,m.I,d.S,f.E,E.u,k.I,C,O,R],encapsulation:2,changeDetection:0}),e})(),T=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=u.a4G({type:t}),t.ɵinj=u.s3X({imports:[a.TuiNotificationModule,a.TuiButtonModule,a.TuiLinkModule,a.TuiModeModule,n.MD,o.y,o.sl,c.kx,s.qQ.forChild((0,c._A)(P))]}),e})()}}]);
\ No newline at end of file
diff --git a/next/86982.72f6a02619c4bfdd.js b/next/86982.72f6a02619c4bfdd.js
new file mode 100644
index 000000000000..4fe030427a71
--- /dev/null
+++ b/next/86982.72f6a02619c4bfdd.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[86982],{86982:(t,i,e)=>{e.r(i),e.d(i,{ExampleTuiNotificationModule:()=>j});var n=e(86568),o=e(35856),s=e(82312),c=e(752),u=e(62548),a=e(37304),r=e(6528),l=e(62224),p=e(13692),m=e(96808),d=e(95356),f=e(56616),y=e(34496),h=e(37288),O=e(83480),E=e(764),g=e(50904),C=e(13660),k=e(31564),I=e(79848);function R(t,i){if(1&t&&(r.I0R(0,"tui-notification",4),r.OEk(1),r.wVc(2,"titlecase"),r.wVc(3,"uppercase"),r.C$Y()),2&t){const t=i.$implicit,e=r.GaO().$implicit;r.E7m("size",t)("status",e),r.yG2(1),r.CAO(" ",r.kDX(2,4,e)," label (",r.kDX(3,6,t),") ")}}function Y(t,i){1&t&&r.OEk(0,"Hello world")}function w(t,i){if(1&t&&(r.I0R(0,"tui-notification",5),r.OEk(1),r.wVc(2,"titlecase"),r.wVc(3,"uppercase"),r.wR5(4,"tui-svg",6),r.yuY(5,Y,1,0,"ng-template",null,7,r.gJz),r.C$Y()),2&t){const t=i.$implicit,e=r.Gew(6),n=r.GaO().$implicit;r.E7m("size",t)("status",n),r.yG2(1),r.CAO(" ",r.kDX(2,5,n)," label (",r.kDX(3,7,t),") "),r.yG2(3),r.E7m("tuiHint",e)}}function $(t,i){if(1&t&&(r.I0R(0,"button",5),r.OEk(1),r.wVc(2,"titlecase"),r.wVc(3,"uppercase"),r.C$Y()),2&t){const t=i.$implicit,e=r.GaO().$implicit;r.E7m("size",t)("status",e),r.yG2(1),r.CAO(" ",r.kDX(2,4,e)," label (",r.kDX(3,6,t),") ")}}function x(t,i){1&t&&r.wR5(0,"hr")}function b(t,i){if(1&t&&(r.SAx(0),r.yuY(1,R,4,8,"tui-notification",1),r.wR5(2,"hr"),r.yuY(3,w,7,9,"tui-notification",2),r.wR5(4,"hr"),r.yuY(5,$,4,8,"button",2),r.yuY(6,x,1,0,"hr",3),r.k70()),2&t){const t=i.last,e=r.GaO();r.yG2(1),r.E7m("ngForOf",e.sizes),r.yG2(2),r.E7m("ngForOf",e.sizes),r.yG2(2),r.E7m("ngForOf",e.sizes),r.yG2(1),r.E7m("ngIf",!t)}}let G=(()=>{var t;class i{constructor(){this.statuses=["neutral","info","success","warning","error"],this.sizes=["s","m","l"]}}return(t=i).ɵfac=function(i){return new(i||t)},t.ɵcmp=r.In1({type:t,selectors:[["tui-notification-example-1"]],decls:1,vars:1,consts:[[4,"ngFor","ngForOf"],[3,"size","status",4,"ngFor","ngForOf"],["tuiNotification","",3,"size","status",4,"ngFor","ngForOf"],[4,"ngIf"],[3,"size","status"],["tuiNotification","",3,"size","status"],["src","tuiIconHelpCircle","tuiHintAppearance","onDark","tuiHintDirection","right",3,"tuiHint"],["tooltip",""]],template:function(t,i){1&t&&r.yuY(0,b,7,4,"ng-container",0),2&t&&r.E7m("ngForOf",i.statuses)},dependencies:[l.e,n.ay,n.u_,E.l,g.S,C.i,k.I,I.W,n.yG,n.oL],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}tui-svg[_ngcontent-%COMP%]:last-child{display:flex;align-self:center;width:1rem;height:1rem;margin:0 0 0 .75rem;color:var(--tui-text-01);opacity:.5;float:right}"],changeDetection:0}),i})(),v=(()=>{var t;class i{}return(t=i).ɵfac=function(i){return new(i||t)},t.ɵcmp=r.In1({type:t,selectors:[["tui-notification-example-2"]],features:[r.M5G([(0,u.tuiNotificationOptionsProvider)({icon:"tuiIconHelpCircle",status:"warning"})])],decls:2,vars:0,template:function(t,i){1&t&&(r.I0R(0,"tui-notification"),r.OEk(1,"Works with token options"),r.C$Y())},dependencies:[l.e],encapsulation:2,changeDetection:0}),i})();var P=e(26220),T=e(55412),z=e(31808);let M=(()=>{var t;class i{}return(t=i).ɵfac=function(i){return new(i||t)},t.ɵcmp=r.In1({type:t,selectors:[["tui-notification-example-3"]],decls:79,vars:6,consts:[[1,"wrapper"],["icon","","size","l"],["icon","","size","m",1,"tui-space_vertical-4"],["icon","","size","s"],["size","l","status","warning",3,"close"],["size","m","status","warning",1,"tui-space_vertical-4",3,"close"],["size","s","status","warning",3,"close"],["icon","","size","l","status","error"],[1,"tui-text_body-l-2"],["tuiMode","onLight",1,"buttons","tui-space_top-3"],["appearance","outline","size","s","tuiButton","",1,"tui-space_right-5"],["tuiLink","",3,"pseudo"],["icon","","size","m","status","error",1,"tui-space_vertical-4"],[1,"tui-text_body-m-2"],["tuiMode","onLight",1,"buttons","tui-space_top-3","tui-space_bottom-1"],["icon","","size","s","status","error"],["tuiMode","onLight",1,"buttons","tui-space_top-2","tui-space_bottom-1"],["appearance","outline","size","xs","tuiButton","",1,"tui-space_right-5"],["size","l","status","success",3,"close"],["size","m","status","success",1,"tui-space_vertical-4",3,"close"],["size","s","status","success",3,"close"]],template:function(t,i){1&t&&(r.I0R(0,"p",0)(1,"tui-notification",1),r.OEk(2," Notification text "),r.C$Y(),r.I0R(3,"tui-notification",2),r.OEk(4," Notification text "),r.C$Y(),r.I0R(5,"tui-notification",3),r.OEk(6," Notification text "),r.C$Y()(),r.wR5(7,"hr"),r.I0R(8,"p",0)(9,"tui-notification",4),r.qCj("close",(function(){return 0})),r.OEk(10," Notification multiline long text with icons "),r.C$Y(),r.I0R(11,"tui-notification",5),r.qCj("close",(function(){return 0})),r.OEk(12," Notification multiline long text with icons "),r.C$Y(),r.I0R(13,"tui-notification",6),r.qCj("close",(function(){return 0})),r.OEk(14," Notification multiline long text with icons "),r.C$Y()(),r.wR5(15,"hr"),r.I0R(16,"p",0)(17,"tui-notification",7)(18,"div",8)(19,"strong"),r.OEk(20,"Title"),r.C$Y()(),r.OEk(21," Notification multiline long text with icons "),r.I0R(22,"div",9)(23,"button",10),r.OEk(24," Button "),r.C$Y(),r.I0R(25,"button",11),r.OEk(26," Link "),r.C$Y()()(),r.I0R(27,"tui-notification",12)(28,"div",13)(29,"strong"),r.OEk(30,"Title"),r.C$Y()(),r.OEk(31," Notification multiline long text with icons "),r.I0R(32,"div",14)(33,"button",10),r.OEk(34," Button "),r.C$Y(),r.I0R(35,"button",11),r.OEk(36," Link "),r.C$Y()()(),r.I0R(37,"tui-notification",15)(38,"div")(39,"strong"),r.OEk(40,"Title"),r.C$Y()(),r.OEk(41," Notification multiline long text with icons "),r.I0R(42,"div",16)(43,"button",17),r.OEk(44," Button "),r.C$Y(),r.I0R(45,"button",11),r.OEk(46," Link "),r.C$Y()()()(),r.wR5(47,"hr"),r.I0R(48,"p",0)(49,"tui-notification",18),r.qCj("close",(function(){return 0})),r.I0R(50,"div",8)(51,"strong"),r.OEk(52,"Title"),r.C$Y()(),r.OEk(53," Notification multiline long text with icons "),r.I0R(54,"div",9)(55,"button",10),r.OEk(56," Button "),r.C$Y(),r.I0R(57,"button",11),r.OEk(58," Link "),r.C$Y()()(),r.I0R(59,"tui-notification",19),r.qCj("close",(function(){return 0})),r.I0R(60,"div",13)(61,"strong"),r.OEk(62,"Title"),r.C$Y()(),r.OEk(63," Notification multiline long text with icons "),r.I0R(64,"div",14)(65,"button",10),r.OEk(66," Button "),r.C$Y(),r.I0R(67,"button",11),r.OEk(68," Link "),r.C$Y()()(),r.I0R(69,"tui-notification",20),r.qCj("close",(function(){return 0})),r.I0R(70,"div")(71,"strong"),r.OEk(72,"Title"),r.C$Y()(),r.OEk(73," Notification multiline long text with icons "),r.I0R(74,"div",16)(75,"button",17),r.OEk(76," Button "),r.C$Y(),r.I0R(77,"button",11),r.OEk(78," Link "),r.C$Y()()()()),2&t&&(r.yG2(25),r.E7m("pseudo",!0),r.yG2(10),r.E7m("pseudo",!0),r.yG2(10),r.E7m("pseudo",!0),r.yG2(12),r.E7m("pseudo",!0),r.yG2(10),r.E7m("pseudo",!0),r.yG2(10),r.E7m("pseudo",!0))},dependencies:[l.e,P.W,T.C,z.Y],styles:[".wrapper[_ngcontent-%COMP%]{width:20rem}.buttons[_ngcontent-%COMP%]{display:flex;font:var(--tui-font-text-s)}"],changeDetection:0}),i})();function N(t,i){if(1&t&&(r.I0R(0,"p"),r.OEk(1,"An inline message with a type (info, success, warning, error) that does not interrupt user actions"),r.C$Y(),r.I0R(2,"tui-doc-example",2),r.wR5(3,"tui-notification-example-1"),r.C$Y(),r.I0R(4,"tui-doc-example",3),r.wR5(5,"tui-notification-example-2"),r.C$Y(),r.I0R(6,"tui-doc-example",4),r.wR5(7,"tui-notification-example-3"),r.C$Y()),2&t){const t=r.GaO();r.yG2(2),r.E7m("content",t.example1),r.yG2(2),r.E7m("content",t.example2),r.yG2(2),r.E7m("content",t.example3)}}function _(t,i){1&t&&(r.OEk(0," A small icon with status. Use "),r.I0R(1,"code"),r.OEk(2,"icon"),r.C$Y(),r.OEk(3," input instead "))}function V(t,i){1&t&&r.OEk(0," Status changes color of notification ")}function L(t,i){1&t&&(r.OEk(0," Icon content. Specify "),r.I0R(1,"code"),r.OEk(2,"null"),r.C$Y(),r.OEk(3," to hide icon. "))}function D(t,i){1&t&&r.OEk(0," Emits click on close cross. When subscribed to, close button appears. ")}function H(t,i){if(1&t){const t=r.KQA();r.I0R(0,"tui-doc-demo")(1,"tui-notification",5),r.qCj("close",(function(i){r.usT(t);const e=r.Gew(8);return r.CGJ(e.emitEvent(i))})),r.OEk(2," A short simple informative message "),r.C$Y()(),r.I0R(3,"tui-doc-documentation"),r.yuY(4,_,4,0,"ng-template",6),r.qCj("documentationPropertyValueChange",(function(i){r.usT(t);const e=r.GaO();return r.CGJ(e.hasIcon=i)})),r.yuY(5,V,1,0,"ng-template",7),r.qCj("documentationPropertyValueChange",(function(i){r.usT(t);const e=r.GaO();return r.CGJ(e.status=i)})),r.yuY(6,L,4,0,"ng-template",8),r.yuY(7,D,1,0,"ng-template",9,10,r.gJz),r.C$Y()}if(2&t){const t=r.GaO();r.yG2(1),r.E7m("status",t.status),r.yG2(3),r.E7m("documentationPropertyDeprecated",!0)("documentationPropertyValue",t.hasIcon),r.yG2(1),r.E7m("documentationPropertyValues",t.statusVariants)("documentationPropertyValue",t.status)}}function S(t,i){if(1&t&&(r.I0R(0,"ol",11)(1,"li")(2,"p"),r.OEk(3," Import "),r.I0R(4,"code"),r.OEk(5,"TuiNotificationModule"),r.C$Y(),r.OEk(6," into a module where you want to use our component "),r.C$Y(),r.wR5(7,"tui-doc-code",12),r.C$Y(),r.I0R(8,"li")(9,"p"),r.OEk(10,"Add to the template:"),r.C$Y(),r.wR5(11,"tui-doc-code",13),r.C$Y(),r.I0R(12,"li")(13,"p"),r.OEk(14," Optionally use the "),r.I0R(15,"code"),r.OEk(16,"TUI_NOTIFICATION_OPTIONS"),r.C$Y(),r.OEk(17," injection token to override the default options. "),r.C$Y(),r.wR5(18,"tui-doc-code",14),r.C$Y()()),2&t){const t=r.GaO();r.yG2(7),r.E7m("code",t.exampleModule),r.yG2(4),r.E7m("code",t.exampleHtml),r.yG2(7),r.E7m("code",t.exampleOptions)}}let A=(()=>{var t;class i{constructor(){this.exampleModule=e.e(44035).then(e.t.bind(e,44035,17)),this.exampleHtml=e.e(23836).then(e.t.bind(e,23836,17)),this.exampleOptions=e.e(75748).then(e.t.bind(e,75748,17)),this.example1={TypeScript:e.e(91636).then(e.t.bind(e,91636,17)),HTML:e.e(62816).then(e.t.bind(e,62816,17))},this.example2={TypeScript:e.e(39988).then(e.t.bind(e,39988,17)),HTML:e.e(25680).then(e.t.bind(e,25680,17))},this.example3={TypeScript:e.e(11360).then(e.t.bind(e,11360,17)),HTML:e.e(74264).then(e.t.bind(e,74264,17)),LESS:e.e(32072).then(e.t.bind(e,32072,17))},this.hasIcon=!0,this.statusVariants=["info","error","warning","success","neutral"],this.status=this.statusVariants[0]}}return(t=i).ɵfac=function(i){return new(i||t)},t.ɵcmp=r.In1({type:t,selectors:[["example-notification"]],decls:4,vars:0,consts:[["header","Notification","package","CORE","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","options","heading","Options",3,"content"],["id","sizes","heading","Sizes",3,"content"],[3,"status","close"],["documentationPropertyMode","input","documentationPropertyName","hasIcon","documentationPropertyType","boolean",3,"documentationPropertyDeprecated","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","status","documentationPropertyType","TuiNotification",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","icon","documentationPropertyType","PolymorpheusContent"],["documentationPropertyMode","output","documentationPropertyName","close","documentationPropertyType","void"],["documentationPropertyClose","documentationProperty"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"],["filename","myModule.module.ts",3,"code"]],template:function(t,i){1&t&&(r.I0R(0,"tui-doc-page",0),r.yuY(1,N,8,3,"ng-template",1),r.yuY(2,H,9,5,"ng-template",1),r.yuY(3,S,19,3,"ng-template",1),r.C$Y())},dependencies:[l.e,p.u,m.m,d.I,f.S,y.E,h.u,O.I,G,v,M],encapsulation:2,changeDetection:0}),i})(),j=(()=>{var t;class i{}return(t=i).ɵfac=function(i){return new(i||t)},t.ɵmod=r.a4G({type:t}),t.ɵinj=r.s3X({imports:[u.TuiNotificationModule,a.CI,u.TuiLinkModule,u.TuiModeModule,n.MD,o.y,o.sl,c.kx,s.qQ.forChild((0,c._A)(A)),u.TuiHintModule,u.TuiSvgModule]}),i})()}}]);
\ No newline at end of file
diff --git a/next/8908.4b6540fdf3ee9f9e.js b/next/8908.4b6540fdf3ee9f9e.js
new file mode 100644
index 000000000000..cf52cba5475b
--- /dev/null
+++ b/next/8908.4b6540fdf3ee9f9e.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[8908],{8908:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiForModule:()=>I});var o=n(86568),i=n(82312),a=n(752),l=n(45328),c=n(62548),s=n(6528),r=n(13692),u=n(34496),d=n(37288),p=n(83480),m=n(86112),f=n(76468),h=n(12436),y=n(8673),g=n(18692),k=n(22048);function E(e,t){if(1&e&&(s.I0R(0,"div"),s.OEk(1),s.C$Y()),2&e){const e=t.$implicit;s.yG2(1),s.oRS(" ",e,"\n")}}function C(e,t){1&e&&s.wR5(0,"tui-loader")}function O(e,t){1&e&&s.OEk(0,"Data is not available")}let $=(()=>{var e;class t{constructor(e){this.destroy$=e,this.items$=new m.g([])}refresh(){this.items$.next(null);const e=Math.round(2e3*Math.random());(0,f.k)(e).pipe((0,h.a)(this.destroy$)).subscribe((()=>this.items$.next(e%2?[]:['William "Bill" S. Preston Esq.','Ted "Theodore" Logan'])))}}return(e=t).ɵfac=function(t){return new(t||e)(s.GI1(l.TuiDestroyService,2))},e.ɵcmp=s.In1({type:e,selectors:[["tui-for-example-1"]],features:[s.M5G([l.TuiDestroyService])],decls:9,vars:5,consts:[["tuiButton","","type","button",3,"click"],[4,"ngFor","ngForOf","ngForElse","ngForEmpty"],["loading",""],["blank",""]],template:function(e,t){if(1&e&&(s.I0R(0,"p")(1,"button",0),s.qCj("click",(function(){return t.refresh()})),s.OEk(2," Refresh "),s.C$Y()(),s.yuY(3,E,2,1,"div",1),s.wVc(4,"async"),s.yuY(5,C,1,0,"ng-template",null,2,s.gJz),s.yuY(7,O,1,0,"ng-template",null,3,s.gJz)),2&e){const e=s.Gew(6),n=s.Gew(8);s.yG2(3),s.E7m("ngForOf",s.kDX(4,3,t.items$))("ngForElse",e)("ngForEmpty",n)}},dependencies:[o.ay,y.K,g.C,k.e,o.a],encapsulation:2,changeDetection:0}),t})();function Y(e,t){if(1&e&&(s.I0R(0,"p"),s.OEk(1," This directive augments built-in "),s.I0R(2,"code"),s.OEk(3,"ngFor"),s.C$Y(),s.OEk(4," with ability to provide loading template (for "),s.I0R(5,"em"),s.OEk(6,"falsy"),s.C$Y(),s.OEk(7," values, like "),s.I0R(8,"code"),s.OEk(9,"null"),s.C$Y(),s.OEk(10," while "),s.I0R(11,"code"),s.OEk(12,"async"),s.C$Y(),s.OEk(13," pipe is waiting for the response) and empty template for empty array case. "),s.C$Y(),s.I0R(14,"tui-doc-example",3),s.wR5(15,"tui-for-example-1"),s.C$Y()),2&e){const e=s.GaO();s.yG2(14),s.E7m("content",e.example1)}}function R(e,t){if(1&e&&(s.I0R(0,"ol",4)(1,"li")(2,"p"),s.OEk(3," Import "),s.I0R(4,"code"),s.OEk(5,"TuiForModule"),s.C$Y(),s.OEk(6," and Angular's "),s.I0R(7,"code"),s.OEk(8,"CommonModule"),s.C$Y(),s.OEk(9," into a module where you want to use our component "),s.C$Y(),s.wR5(10,"tui-doc-code",5),s.C$Y(),s.I0R(11,"li")(12,"p"),s.OEk(13,"Add to the template:"),s.C$Y(),s.wR5(14,"tui-doc-code",6),s.C$Y()()),2&e){const e=s.GaO();s.yG2(10),s.E7m("code",e.exampleModule),s.yG2(4),s.E7m("code",e.exampleHtml)}}let w=(()=>{var e;class t{constructor(){this.exampleModule=n.e(85280).then(n.t.bind(n,85280,17)),this.exampleHtml=n.e(96488).then(n.t.bind(n,96488,17)),this.example1={TypeScript:n.e(60208).then(n.t.bind(n,60208,17)),HTML:n.e(45868).then(n.t.bind(n,45868,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=s.In1({type:e,selectors:[["example-tui-for"]],decls:3,vars:0,consts:[["header","For","package","CDK","type","directives"],["pageTab",""],["pageTab","Setup"],["id","usage","heading","Usage",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.I0R(0,"tui-doc-page",0),s.yuY(1,Y,16,1,"ng-template",1),s.yuY(2,R,15,2,"ng-template",2),s.C$Y())},dependencies:[r.u,u.E,d.u,p.I,$],encapsulation:2,changeDetection:0}),t})(),I=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=s.a4G({type:e}),e.ɵinj=s.s3X({imports:[o.MD,c.TuiButtonModule,c.TuiLoaderModule,l.TuiForModule,a.kx,i.qQ.forChild((0,a._A)(w))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/8908.7120172012c5a076.js b/next/8908.7120172012c5a076.js
deleted file mode 100644
index e76e7fd25f48..000000000000
--- a/next/8908.7120172012c5a076.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[8908],{8908:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiForModule:()=>R});var o=n(86568),i=n(82312),a=n(752),l=n(45328),c=n(62548),u=n(6528),s=n(13692),r=n(34496),d=n(37288),m=n(83480),p=n(86112),f=n(8673),h=n(18692),g=n(22048);function k(e,t){if(1&e&&(u.I0R(0,"div"),u.OEk(1),u.C$Y()),2&e){const e=t.$implicit;u.yG2(1),u.oRS(" ",e,"\n")}}function y(e,t){1&e&&u.wR5(0,"tui-loader")}function E(e,t){1&e&&u.OEk(0,"Data is not available")}let C=(()=>{var e;class t{constructor(){this.items$=new p.g([])}refresh(){this.items$.next(null);const e=Math.round(2e3*Math.random());setTimeout((()=>{this.items$.next(e%2?[]:['William "Bill" S. Preston Esq.','Ted "Theodore" Logan'])}),e)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["tui-for-example-1"]],decls:9,vars:5,consts:[["tuiButton","","type","button",3,"click"],[4,"ngFor","ngForOf","ngForElse","ngForEmpty"],["loading",""],["blank",""]],template:function(e,t){if(1&e&&(u.I0R(0,"p")(1,"button",0),u.qCj("click",(function(){return t.refresh()})),u.OEk(2," Refresh "),u.C$Y()(),u.yuY(3,k,2,1,"div",1),u.wVc(4,"async"),u.yuY(5,y,1,0,"ng-template",null,2,u.gJz),u.yuY(7,E,1,0,"ng-template",null,3,u.gJz)),2&e){const e=u.Gew(6),n=u.Gew(8);u.yG2(3),u.E7m("ngForOf",u.kDX(4,3,t.items$))("ngForElse",e)("ngForEmpty",n)}},dependencies:[o.ay,f.K,h.C,g.e,o.a],encapsulation:2,changeDetection:0}),t})();function O(e,t){if(1&e&&(u.I0R(0,"p"),u.OEk(1," This directive augments built-in "),u.I0R(2,"code"),u.OEk(3,"ngFor"),u.C$Y(),u.OEk(4," with ability to provide loading template (for "),u.I0R(5,"em"),u.OEk(6,"falsy"),u.C$Y(),u.OEk(7," values, like "),u.I0R(8,"code"),u.OEk(9,"null"),u.C$Y(),u.OEk(10," while "),u.I0R(11,"code"),u.OEk(12,"async"),u.C$Y(),u.OEk(13," pipe is waiting for the response) and empty template for empty array case. "),u.C$Y(),u.I0R(14,"tui-doc-example",3),u.wR5(15,"tui-for-example-1"),u.C$Y()),2&e){const e=u.GaO();u.yG2(14),u.E7m("content",e.example1)}}function Y(e,t){if(1&e&&(u.I0R(0,"ol",4)(1,"li")(2,"p"),u.OEk(3," Import "),u.I0R(4,"code"),u.OEk(5,"TuiForModule"),u.C$Y(),u.OEk(6," and Angular's "),u.I0R(7,"code"),u.OEk(8,"CommonModule"),u.C$Y(),u.OEk(9," into a module where you want to use our component "),u.C$Y(),u.wR5(10,"tui-doc-code",5),u.C$Y(),u.I0R(11,"li")(12,"p"),u.OEk(13,"Add to the template:"),u.C$Y(),u.wR5(14,"tui-doc-code",6),u.C$Y()()),2&e){const e=u.GaO();u.yG2(10),u.E7m("code",e.exampleModule),u.yG2(4),u.E7m("code",e.exampleHtml)}}let $=(()=>{var e;class t{constructor(){this.exampleModule=n.e(85280).then(n.t.bind(n,85280,17)),this.exampleHtml=n.e(96488).then(n.t.bind(n,96488,17)),this.example1={TypeScript:n.e(60208).then(n.t.bind(n,60208,17)),HTML:n.e(45868).then(n.t.bind(n,45868,17))}}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=u.In1({type:e,selectors:[["example-tui-for"]],decls:3,vars:0,consts:[["header","For","package","CDK","type","directives"],["pageTab",""],["pageTab","Setup"],["id","usage","heading","Usage",3,"content"],[1,"b-demo-steps"],["filename","my.module.ts",3,"code"],["filename","my.component.html",3,"code"]],template:function(e,t){1&e&&(u.I0R(0,"tui-doc-page",0),u.yuY(1,O,16,1,"ng-template",1),u.yuY(2,Y,15,2,"ng-template",2),u.C$Y())},dependencies:[s.u,r.E,d.u,m.I,C],encapsulation:2,changeDetection:0}),t})(),R=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=u.a4G({type:e}),e.ɵinj=u.s3X({imports:[o.MD,c.TuiButtonModule,c.TuiLoaderModule,l.TuiForModule,a.kx,i.qQ.forChild((0,a._A)($))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/91636.6f4c94401cfff3ea.js b/next/91636.ca14429960c73d50.js
similarity index 52%
rename from next/91636.6f4c94401cfff3ea.js
rename to next/91636.ca14429960c73d50.js
index 9ab4cc6a0ea8..cd3320e43077 100644
--- a/next/91636.6f4c94401cfff3ea.js
+++ b/next/91636.ca14429960c73d50.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[91636],{91636:e=>{e.exports="import {Component} from '@angular/core';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\n\n@Component({\n selector: 'tui-notification-example-1',\n templateUrl: './index.html',\n encapsulation,\n changeDetection,\n})\nexport class TuiNotificationExample1 {}\n"}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[91636],{91636:e=>{e.exports="import {Component} from '@angular/core';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\n\n@Component({\n selector: 'tui-notification-example-1',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n encapsulation,\n changeDetection,\n})\nexport class TuiNotificationExample1 {\n readonly statuses = ['neutral', 'info', 'success', 'warning', 'error'] as const;\n readonly sizes = ['s', 'm', 'l'] as const;\n}\n"}}]);
\ No newline at end of file
diff --git a/next/93528.dcc6738a2f5197f5.js b/next/93528.07e3740bc1fd4cf6.js
similarity index 98%
rename from next/93528.dcc6738a2f5197f5.js
rename to next/93528.07e3740bc1fd4cf6.js
index 417d4ec33b26..48fa14872340 100644
--- a/next/93528.dcc6738a2f5197f5.js
+++ b/next/93528.07e3740bc1fd4cf6.js
@@ -1 +1 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93528],{93528:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiInputPasswordModule:()=>F});var n=o(86568),i=o(35856),u=o(82312),a=o(752),r=o(62548),s=o(33976),d=o(47796),l=o(6528),c=o(7548),p=o(11307),m=o(64e3),f=o(95236),y=o(34448),C=o(13692),h=o(96808),w=o(95356),O=o(56616),x=o(34496),E=o(37288),I=o(83480),T=o(47976),k=o(7332),g=o(72212),b=o(73904),R=o(88468),Y=o(62224),$=o(17704);let P=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("password",i.AQ.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({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&&(l.I0R(0,"form",0)(1,"tui-input-password",1),l.OEk(2," Type a password "),l.wR5(3,"input",2),l.C$Y(),l.I0R(4,"tui-input-password",3),l.OEk(5," Type a password "),l.wR5(6,"input",2),l.C$Y(),l.I0R(7,"tui-input-password",4),l.OEk(8," Type a password "),l.wR5(9,"input",2),l.C$Y()()),2&e&&(l.E7m("formGroup",t.testForm),l.yG2(4),l.E7m("tuiTextfieldLabelOutside",!0))},dependencies:[i.sz,i.ue,i.u,i.uW,i.Wo,m.M,f.K,$.b,k.E,g.r],encapsulation:2,changeDetection:0}),t})();var G=o(20816);let v=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("password",i.AQ.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-input-password-example-2"]],features:[l.M5G([(0,s.tuiInputPasswordOptionsProvider)({icons:{hide:"tuiIconUnlockLarge",show:"tuiIconLockLarge"}}),{provide:s.TUI_PASSWORD_TEXTS,useValue:(0,G.of)([""])}])],decls:3,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiHintAppearance","onDark","tuiHintContent","","tuiHintDirection","right"]],template:function(e,t){1&e&&(l.I0R(0,"form",0)(1,"tui-input-password",1),l.OEk(2," Type a password "),l.C$Y()()),2&e&&l.E7m("formGroup",t.testForm)},dependencies:[i.sz,i.ue,i.u,i.uW,i.Wo,m.M,f.K,R.cb],encapsulation:2,changeDetection:0}),t})();function M(e,t){if(1&e&&(l.I0R(0,"tui-doc-example",2)(1,"tui-notification",3),l.OEk(2," If you need to set some attributes or listen to events on native "),l.I0R(3,"code"),l.OEk(4,"input"),l.C$Y(),l.OEk(5," , you can put it inside with "),l.I0R(6,"code"),l.OEk(7,"Textfield"),l.C$Y(),l.OEk(8," directive as shown below "),l.C$Y(),l.wR5(9,"tui-input-password-example-1"),l.C$Y(),l.I0R(10,"tui-doc-example",4),l.wR5(11,"tui-input-password-example-2"),l.C$Y()),2&e){const e=l.GaO();l.E7m("content",e.example1),l.yG2(10),l.E7m("content",e.example2)}}function V(e,t){if(1&e&&(l.I0R(0,"tui-input-password",9),l.OEk(1," Type a password "),l.C$Y()),2&e){const e=l.GaO(2);l.m4B("text-align",e.textAlign),l.E7m("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 A(e,t){1&e&&(l.OEk(0," Disabled state (use "),l.I0R(1,"code"),l.OEk(2,"formControl.disable()"),l.C$Y(),l.OEk(3," ) "))}function H(e,t){1&e&&l.OEk(0," Custom align content by text-align ")}function L(e,t){if(1&e){const e=l.KQA();l.I0R(0,"tui-doc-demo",5),l.yuY(1,V,2,15,"ng-template"),l.C$Y(),l.I0R(2,"tui-doc-documentation"),l.yuY(3,A,4,0,"ng-template",6),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const o=l.GaO();return l.CGJ(o.disabled=t)})),l.C$Y(),l.wR5(4,"inherited-documentation"),l.I0R(5,"tui-doc-documentation",7),l.yuY(6,H,1,0,"ng-template",8),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const o=l.GaO();return l.CGJ(o.textAlign=t)})),l.C$Y()}if(2&e){const e=l.GaO();l.E7m("control",e.control),l.yG2(3),l.E7m("documentationPropertyValue",e.disabled),l.yG2(3),l.E7m("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function S(e,t){if(1&e&&(l.I0R(0,"ol",10)(1,"li")(2,"p"),l.OEk(3," Import an Angular module for forms and "),l.I0R(4,"code"),l.OEk(5,"TuiInputPasswordModule"),l.C$Y(),l.OEk(6," in the same module where you want to use our component: "),l.C$Y(),l.wR5(7,"tui-doc-code",11),l.C$Y(),l.I0R(8,"li")(9,"p"),l.OEk(10," Declare a form ( "),l.I0R(11,"code"),l.OEk(12,"FormGroup"),l.C$Y(),l.OEk(13," ) or a control ( "),l.I0R(14,"code"),l.OEk(15,"FormControl"),l.C$Y(),l.OEk(16," ) in your component: "),l.C$Y(),l.wR5(17,"tui-doc-code",12),l.C$Y(),l.I0R(18,"li")(19,"p"),l.OEk(20,"Add to the template:"),l.C$Y(),l.wR5(21,"tui-doc-code",13),l.C$Y(),l.I0R(22,"li")(23,"p"),l.OEk(24," Optionally use the "),l.I0R(25,"code"),l.OEk(26,"TUI_INPUT_PASSWORD_OPTIONS"),l.C$Y(),l.OEk(27," injection token to override the default options for the component. "),l.C$Y(),l.wR5(28,"tui-doc-code",11),l.C$Y()()),2&e){const e=l.GaO();l.yG2(7),l.E7m("code",e.exampleModule),l.yG2(10),l.E7m("code",e.exampleForm),l.yG2(4),l.E7m("code",e.exampleHtml),l.yG2(7),l.E7m("code",e.exampleOptions)}}let D=(()=>{var e;class t extends c.m{constructor(){super(...arguments),this.exampleForm=o.e(61496).then(o.t.bind(o,61496,17)),this.exampleModule=o.e(55488).then(o.t.bind(o,10726,17)),this.exampleHtml=o.e(94892).then(o.t.bind(o,94892,17)),this.exampleOptions=o.e(3472).then(o.t.bind(o,3472,17)),this.example1={TypeScript:o.e(24884).then(o.t.bind(o,47264,17)),HTML:o.e(90828).then(o.t.bind(o,90828,17))},this.example2={TypeScript:o.e(36952).then(o.t.bind(o,36952,17)),HTML:o.e(5432).then(o.t.bind(o,5432,17))},this.maxLengthVariants=[10],this.maxLength=null,this.control=new i.Ku("",i.AQ.required)}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=l.otF(e)))(o||e)}}(),e.ɵcmp=l.In1({type:e,selectors:[["example-tui-input-password"]],features:[l.M5G([{provide:p.m,useExisting:(0,l.wd)((()=>e))}]),l.eg9],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&&(l.I0R(0,"tui-doc-page",0),l.yuY(1,M,12,2,"ng-template",1),l.yuY(2,L,7,4,"ng-template",1),l.yuY(3,S,29,4,"ng-template",1),l.C$Y())},dependencies:[i.ue,i.ug,m.M,f.K,y.i,C.u,h.m,w.I,O.S,x.E,E.u,I.I,T.e,k.E,g.r,b.E,R.cb,Y.e,P,v],encapsulation:2,changeDetection:0}),t})(),F=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[n.MD,i.y,i.sl,s.TuiInputPasswordModule,r.TuiLinkModule,d.k,a.kx,r.TuiButtonModule,r.TuiTextfieldControllerModule,r.TuiHintModule,r.TuiNotificationModule,u.qQ.forChild((0,a._A)(D))]}),t})()}}]);
\ No newline at end of file
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[93528],{93528:(e,t,o)=>{o.r(t),o.d(t,{ExampleTuiInputPasswordModule:()=>F});var n=o(86568),i=o(35856),u=o(82312),a=o(752),r=o(62548),s=o(33976),d=o(47796),l=o(6528),c=o(7548),p=o(11307),m=o(64e3),f=o(95236),y=o(34448),C=o(13692),h=o(96808),w=o(95356),O=o(56616),x=o(34496),E=o(37288),I=o(83480),T=o(47976),k=o(7332),g=o(72212),b=o(73904),R=o(88468),Y=o(62224),$=o(17704);let P=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("password",i.AQ.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({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&&(l.I0R(0,"form",0)(1,"tui-input-password",1),l.OEk(2," Type a password "),l.wR5(3,"input",2),l.C$Y(),l.I0R(4,"tui-input-password",3),l.OEk(5," Type a password "),l.wR5(6,"input",2),l.C$Y(),l.I0R(7,"tui-input-password",4),l.OEk(8," Type a password "),l.wR5(9,"input",2),l.C$Y()()),2&e&&(l.E7m("formGroup",t.testForm),l.yG2(4),l.E7m("tuiTextfieldLabelOutside",!0))},dependencies:[i.sz,i.ue,i.u,i.uW,i.Wo,m.M,f.K,$.b,k.E,g.r],encapsulation:2,changeDetection:0}),t})();var G=o(20816);let v=(()=>{var e;class t{constructor(){this.testForm=new i.WC({testValue:new i.Ku("password",i.AQ.required)})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=l.In1({type:e,selectors:[["tui-input-password-example-2"]],features:[l.M5G([(0,s.tuiInputPasswordOptionsProvider)({icons:{hide:"tuiIconLockLarge",show:"tuiIconUnlockLarge"}}),{provide:s.TUI_PASSWORD_TEXTS,useValue:(0,G.of)([""])}])],decls:3,vars:1,consts:[[1,"b-form",3,"formGroup"],["formControlName","testValue","tuiHintAppearance","onDark","tuiHintContent","","tuiHintDirection","right"]],template:function(e,t){1&e&&(l.I0R(0,"form",0)(1,"tui-input-password",1),l.OEk(2," Type a password "),l.C$Y()()),2&e&&l.E7m("formGroup",t.testForm)},dependencies:[i.sz,i.ue,i.u,i.uW,i.Wo,m.M,f.K,R.cb],encapsulation:2,changeDetection:0}),t})();function M(e,t){if(1&e&&(l.I0R(0,"tui-doc-example",2)(1,"tui-notification",3),l.OEk(2," If you need to set some attributes or listen to events on native "),l.I0R(3,"code"),l.OEk(4,"input"),l.C$Y(),l.OEk(5," , you can put it inside with "),l.I0R(6,"code"),l.OEk(7,"Textfield"),l.C$Y(),l.OEk(8," directive as shown below "),l.C$Y(),l.wR5(9,"tui-input-password-example-1"),l.C$Y(),l.I0R(10,"tui-doc-example",4),l.wR5(11,"tui-input-password-example-2"),l.C$Y()),2&e){const e=l.GaO();l.E7m("content",e.example1),l.yG2(10),l.E7m("content",e.example2)}}function V(e,t){if(1&e&&(l.I0R(0,"tui-input-password",9),l.OEk(1," Type a password "),l.C$Y()),2&e){const e=l.GaO(2);l.m4B("text-align",e.textAlign),l.E7m("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 A(e,t){1&e&&(l.OEk(0," Disabled state (use "),l.I0R(1,"code"),l.OEk(2,"formControl.disable()"),l.C$Y(),l.OEk(3," ) "))}function H(e,t){1&e&&l.OEk(0," Custom align content by text-align ")}function L(e,t){if(1&e){const e=l.KQA();l.I0R(0,"tui-doc-demo",5),l.yuY(1,V,2,15,"ng-template"),l.C$Y(),l.I0R(2,"tui-doc-documentation"),l.yuY(3,A,4,0,"ng-template",6),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const o=l.GaO();return l.CGJ(o.disabled=t)})),l.C$Y(),l.wR5(4,"inherited-documentation"),l.I0R(5,"tui-doc-documentation",7),l.yuY(6,H,1,0,"ng-template",8),l.qCj("documentationPropertyValueChange",(function(t){l.usT(e);const o=l.GaO();return l.CGJ(o.textAlign=t)})),l.C$Y()}if(2&e){const e=l.GaO();l.E7m("control",e.control),l.yG2(3),l.E7m("documentationPropertyValue",e.disabled),l.yG2(3),l.E7m("documentationPropertyValues",e.textAlignVariants)("documentationPropertyValue",e.textAlign)}}function S(e,t){if(1&e&&(l.I0R(0,"ol",10)(1,"li")(2,"p"),l.OEk(3," Import an Angular module for forms and "),l.I0R(4,"code"),l.OEk(5,"TuiInputPasswordModule"),l.C$Y(),l.OEk(6," in the same module where you want to use our component: "),l.C$Y(),l.wR5(7,"tui-doc-code",11),l.C$Y(),l.I0R(8,"li")(9,"p"),l.OEk(10," Declare a form ( "),l.I0R(11,"code"),l.OEk(12,"FormGroup"),l.C$Y(),l.OEk(13," ) or a control ( "),l.I0R(14,"code"),l.OEk(15,"FormControl"),l.C$Y(),l.OEk(16," ) in your component: "),l.C$Y(),l.wR5(17,"tui-doc-code",12),l.C$Y(),l.I0R(18,"li")(19,"p"),l.OEk(20,"Add to the template:"),l.C$Y(),l.wR5(21,"tui-doc-code",13),l.C$Y(),l.I0R(22,"li")(23,"p"),l.OEk(24," Optionally use the "),l.I0R(25,"code"),l.OEk(26,"TUI_INPUT_PASSWORD_OPTIONS"),l.C$Y(),l.OEk(27," injection token to override the default options for the component. "),l.C$Y(),l.wR5(28,"tui-doc-code",11),l.C$Y()()),2&e){const e=l.GaO();l.yG2(7),l.E7m("code",e.exampleModule),l.yG2(10),l.E7m("code",e.exampleForm),l.yG2(4),l.E7m("code",e.exampleHtml),l.yG2(7),l.E7m("code",e.exampleOptions)}}let D=(()=>{var e;class t extends c.m{constructor(){super(...arguments),this.exampleForm=o.e(61496).then(o.t.bind(o,61496,17)),this.exampleModule=o.e(55488).then(o.t.bind(o,10726,17)),this.exampleHtml=o.e(94892).then(o.t.bind(o,94892,17)),this.exampleOptions=o.e(3472).then(o.t.bind(o,3472,17)),this.example1={TypeScript:o.e(24884).then(o.t.bind(o,47264,17)),HTML:o.e(90828).then(o.t.bind(o,90828,17))},this.example2={TypeScript:o.e(36952).then(o.t.bind(o,36952,17)),HTML:o.e(5432).then(o.t.bind(o,5432,17))},this.maxLengthVariants=[10],this.maxLength=null,this.control=new i.Ku("",i.AQ.required)}}return(e=t).ɵfac=function(){let t;return function(o){return(t||(t=l.otF(e)))(o||e)}}(),e.ɵcmp=l.In1({type:e,selectors:[["example-tui-input-password"]],features:[l.M5G([{provide:p.m,useExisting:(0,l.wd)((()=>e))}]),l.eg9],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&&(l.I0R(0,"tui-doc-page",0),l.yuY(1,M,12,2,"ng-template",1),l.yuY(2,L,7,4,"ng-template",1),l.yuY(3,S,29,4,"ng-template",1),l.C$Y())},dependencies:[i.ue,i.ug,m.M,f.K,y.i,C.u,h.m,w.I,O.S,x.E,E.u,I.I,T.e,k.E,g.r,b.E,R.cb,Y.e,P,v],encapsulation:2,changeDetection:0}),t})(),F=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=l.a4G({type:e}),e.ɵinj=l.s3X({imports:[n.MD,i.y,i.sl,s.TuiInputPasswordModule,r.TuiLinkModule,d.k,a.kx,r.TuiButtonModule,r.TuiTextfieldControllerModule,r.TuiHintModule,r.TuiNotificationModule,u.qQ.forChild((0,a._A)(D))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/94020.c09ac4850789963f.js b/next/94020.c09ac4850789963f.js
deleted file mode 100644
index 03d1769c9410..000000000000
--- a/next/94020.c09ac4850789963f.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[94020],{94020:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiAccordionModule:()=>Ce});var o=n(86568),i=n(35856),a=n(82312),r=n(63528),c=n(752),u=n(62548),s=n(33976),d=n(6528),l=n(51752),m=n(52820),p=n(49607),y=n(13692),g=n(96808),h=n(95356),f=n(56616),C=n(34496),O=n(37288),E=n(83480);function I(e,t){1&e&&d.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities ")}function v(e,t){1&e&&(d.I0R(0,"div",null,2),d.OEk(2," Basic elements needed to develop components, directives and more using Taiga UI design system "),d.C$Y())}function P(e,t){1&e&&d.OEk(0," The main set of components used to build Taiga UI based Angular applications ")}let b=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-accordion-example-1"]],decls:10,vars:0,consts:[[1,"container"],["tuiAccordionItemContent",""],["content",""]],template:function(e,t){1&e&&(d.I0R(0,"tui-accordion",0)(1,"tui-accordion-item"),d.OEk(2," Taiga UI cdk "),d.yuY(3,I,1,0,"ng-template",1),d.C$Y(),d.I0R(4,"tui-accordion-item"),d.OEk(5," Taiga UI core "),d.yuY(6,v,3,0,"ng-template",1),d.C$Y(),d.I0R(7,"tui-accordion-item"),d.OEk(8," Taiga UI kit "),d.yuY(9,P,1,0,"ng-template",1),d.C$Y()())},dependencies:[l.I,m._,p.U],styles:[".container[_ngcontent-%COMP%]{max-width:37.5rem}"],changeDetection:0}),t})();var w=n(8673),Y=n(73148),k=n(61920),R=n(17704),G=n(15124),T=n(87164),$=n(34684),x=n(79848),M=n(2036),V=n(76004);function A(e,t){if(1&e&&d.wR5(0,"tui-data-list-wrapper",24),2&e){const e=d.GaO(3);d.E7m("items",e.accounts)}}function _(e,t){if(1&e&&(d.I0R(0,"h3",15),d.OEk(1,"Payment form"),d.C$Y(),d.I0R(2,"form",16)(3,"tui-input",17),d.OEk(4," Your name "),d.wR5(5,"input",18),d.C$Y(),d.I0R(6,"tui-select",19),d.OEk(7," Choose an account "),d.yuY(8,A,1,1,"tui-data-list-wrapper",20),d.C$Y(),d.I0R(9,"div",21)(10,"button",22),d.OEk(11," Send "),d.C$Y(),d.I0R(12,"button",23),d.OEk(13," Cancel "),d.C$Y()()()),2&e){const e=d.GaO(2);d.yG2(2),d.E7m("formGroup",e.testForm)}}function U(e,t){if(1&e&&d.wR5(0,"tui-data-list-wrapper",24),2&e){const e=d.GaO(3);d.E7m("items",e.accounts)}}function z(e,t){if(1&e&&(d.I0R(0,"h3",15),d.OEk(1,"Payment form"),d.C$Y(),d.I0R(2,"form",16)(3,"tui-input",17),d.OEk(4," Your name "),d.wR5(5,"input",18),d.C$Y(),d.I0R(6,"tui-select",19),d.OEk(7," Choose an account "),d.yuY(8,U,1,1,"tui-data-list-wrapper",20),d.C$Y(),d.I0R(9,"div",21)(10,"button",22),d.OEk(11," Send "),d.C$Y(),d.I0R(12,"button",23),d.OEk(13," Cancel "),d.C$Y()()()),2&e){const e=d.GaO(2);d.yG2(2),d.E7m("formGroup",e.testForm)}}function D(e,t){if(1&e&&d.wR5(0,"tui-data-list-wrapper",24),2&e){const e=d.GaO(3);d.E7m("items",e.accounts)}}function S(e,t){if(1&e&&(d.I0R(0,"h3",15),d.OEk(1,"Payment form"),d.C$Y(),d.I0R(2,"form",16)(3,"tui-input",17),d.OEk(4," Your name "),d.wR5(5,"input",18),d.C$Y(),d.I0R(6,"tui-select",19),d.OEk(7," Choose an account "),d.yuY(8,D,1,1,"tui-data-list-wrapper",20),d.C$Y(),d.I0R(9,"div",21)(10,"button",22),d.OEk(11," Send "),d.C$Y(),d.I0R(12,"button",23),d.OEk(13," Cancel "),d.C$Y()()()),2&e){const e=d.GaO(2);d.yG2(2),d.E7m("formGroup",e.testForm)}}function L(e,t){if(1&e&&(d.I0R(0,"tui-accordion",1)(1,"tui-accordion-item",2)(2,"div",3)(3,"div",4),d.OEk(4," 4 "),d.I0R(5,"div",5),d.OEk(6,"May"),d.C$Y()(),d.I0R(7,"div",6),d.wR5(8,"tui-svg",7),d.C$Y(),d.I0R(9,"div",8),d.OEk(10,"Get your money"),d.C$Y(),d.I0R(11,"div",9),d.wR5(12,"tui-money",10),d.I0R(13,"div",11),d.OEk(14,"Waiting for approve"),d.C$Y()()(),d.yuY(15,_,14,1,"ng-template",12),d.C$Y(),d.I0R(16,"tui-accordion-item",2)(17,"div",3)(18,"div",4),d.OEk(19," 5 "),d.I0R(20,"div",5),d.OEk(21,"May"),d.C$Y()(),d.I0R(22,"div",6),d.wR5(23,"tui-svg",7),d.C$Y(),d.I0R(24,"div",8),d.OEk(25,"Get your money back"),d.C$Y(),d.I0R(26,"div",9),d.wR5(27,"tui-money",10),d.I0R(28,"div",13),d.OEk(29,"Approved"),d.C$Y()()(),d.yuY(30,z,14,1,"ng-template",12),d.C$Y(),d.I0R(31,"tui-accordion-item",2)(32,"div",3)(33,"div",4),d.OEk(34," 6 "),d.I0R(35,"div",5),d.OEk(36,"May"),d.C$Y()(),d.I0R(37,"div",6),d.wR5(38,"tui-svg",7),d.C$Y(),d.I0R(39,"div",8),d.OEk(40,"Get your neighbor's money"),d.C$Y(),d.I0R(41,"div",9),d.wR5(42,"tui-money",10),d.I0R(43,"div",14),d.OEk(44,"Declined"),d.C$Y()()(),d.yuY(45,S,14,1,"ng-template",12),d.C$Y()()),2&e){const e=t.ngIf;d.E7m("rounded",!1),d.yG2(1),d.E7m("showArrow",!1),d.yG2(7),d.E7m("src",(null==e?null:e.default)||""),d.yG2(4),d.E7m("value",23e3),d.yG2(4),d.E7m("showArrow",!1),d.yG2(7),d.E7m("src",(null==e?null:e.default)||""),d.yG2(4),d.E7m("value",23e3),d.yG2(4),d.E7m("showArrow",!1),d.yG2(7),d.E7m("src",(null==e?null:e.default)||""),d.yG2(4),d.E7m("value",23e3)}}class H{constructor(e,t){this.name=e,this.balance=t}toString(){return`${this.name} (${this.balance})`}}let N=(()=>{var e;class t{constructor(){this.accounts=[new H("Rubles",500),new H("Dollar",237),new H("Euro",100)],this.svgIcons={rubles:n.e(23987).then(n.t.bind(n,23987,17))},this.testForm=new i.WC({name:new i.Ku(""),accounts:new i.Ku(this.accounts[0])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-accordion-example-2"]],decls:2,vars:3,consts:[["class","container",3,"rounded",4,"ngIf"],[1,"container",3,"rounded"],["borders","top-bottom",3,"showArrow"],[1,"operation-header"],[1,"operation-date"],[1,"operation-month"],[1,"operation-pic"],[1,"operation-icon",3,"src"],[1,"operation-title"],[1,"operation-info"],[1,"operation-amount",3,"value"],[1,"operation-status"],["tuiAccordionItemContent",""],[1,"operation-status","operation-status_success"],[1,"operation-status","operation-status_error"],[1,"form-title"],[1,"operation-form",3,"formGroup"],["formControlName","name",1,"input"],["placeholder","Roman Sedov","tuiTextfield",""],["formControlName","accounts",1,"input"],[3,"items",4,"tuiDataList"],[1,"buttons"],["size","l","tuiButton","","type","submit",1,"tui-space_right-2"],["appearance","flat","size","l","tuiButton","","type","button"],[3,"items"]],template:function(e,t){1&e&&(d.yuY(0,L,46,10,"tui-accordion",0),d.wVc(1,"async")),2&e&&d.E7m("ngIf",d.kDX(1,1,t.svgIcons.rubles))},dependencies:[w.K,Y.O,k.c,R.b,G.c,T.u,$.s,x.W,l.I,m._,p.U,M.U,V.O,o.u_,i.sz,i.ue,i.u,i.uW,i.Wo,o.a],styles:[".container[_ngcontent-%COMP%]{max-width:46.875rem}.operation-header[_ngcontent-%COMP%]{font:var(--tui-font-text-l);display:flex;align-items:center}.operation-date[_ngcontent-%COMP%]{font:var(--tui-font-text-xl);text-align:center}.operation-date[_ngcontent-%COMP%], .operation-info[_ngcontent-%COMP%]{color:var(--tui-text-02)}.operation-month[_ngcontent-%COMP%], .operation-status[_ngcontent-%COMP%]{font:var(--tui-font-text-s)}.operation-pic[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 1.5rem;background:var(--tui-secondary-active);border-radius:100%;width:3rem;height:3rem;color:var(--tui-text-03)}.operation-title[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1.5rem;flex-grow:1}.operation-info[_ngcontent-%COMP%]{text-align:right}.operation-status_success[_ngcontent-%COMP%]{color:var(--tui-success-fill)}.operation-status_error[_ngcontent-%COMP%]{color:var(--tui-error-fill)}.form-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-6);margin:0 0 1.25rem}.input[_ngcontent-%COMP%]{max-width:28.75rem;margin-bottom:1.25rem}.buttons[_ngcontent-%COMP%]{display:flex}"],changeDetection:0}),t})();function j(e,t){1&e&&d.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities ")}let q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-accordion-example-3"]],decls:3,vars:0,consts:[[1,"container"],["tuiAccordionItemContent",""]],template:function(e,t){1&e&&(d.I0R(0,"tui-accordion-item",0),d.OEk(1," Taiga UI cdk "),d.yuY(2,j,1,0,"ng-template",1),d.C$Y())},dependencies:[m._,p.U],styles:[".container[_ngcontent-%COMP%]{max-width:37.5rem}"],changeDetection:0}),t})();var J=n(66692);function B(e,t){1&e&&d.OEk(0,"I'm lazy content")}let K=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-accordion-example-4"]],decls:7,vars:0,consts:[[1,"container"],["tuiAccordionItemContent",""]],template:function(e,t){1&e&&(d.I0R(0,"tui-accordion-item",0),d.OEk(1," Taiga UI lazy "),d.yuY(2,B,1,0,"ng-template",1),d.C$Y(),d.I0R(3,"tui-accordion-item",0),d.OEk(4," Taiga UI eager "),d.I0R(5,"div",1),d.OEk(6,"I'm eager content"),d.C$Y()())},dependencies:[m._,p.U,J.o],styles:[".container[_ngcontent-%COMP%]{max-width:37.5rem}"],changeDetection:0}),t})();function W(e,t){1&e&&d.OEk(0," Basic elements needed to develop components, directives and more using Taiga UI design system ")}function Q(e,t){1&e&&(d.OEk(0," The main set of components used to build Taiga UI based Angular applications "),d.I0R(1,"tui-accordion",2)(2,"tui-accordion-item",0),d.OEk(3," Level 3 "),d.yuY(4,W,1,0,"ng-template",1),d.C$Y()()),2&e&&(d.yG2(2),d.E7m("open",!0))}function F(e,t){1&e&&(d.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities "),d.I0R(1,"tui-accordion",2)(2,"tui-accordion-item",0),d.OEk(3," Level 2 "),d.yuY(4,Q,5,1,"ng-template",1),d.C$Y()()),2&e&&(d.yG2(2),d.E7m("open",!0))}let X=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["tui-accordion-example-5"]],decls:4,vars:1,consts:[[3,"open"],["tuiAccordionItemContent",""],[1,"tui-space_top-3"]],template:function(e,t){1&e&&(d.I0R(0,"tui-accordion")(1,"tui-accordion-item",0),d.OEk(2," Level 1 "),d.yuY(3,F,5,1,"ng-template",1),d.C$Y()()),2&e&&(d.yG2(1),d.E7m("open",!0))},dependencies:[l.I,m._,p.U],encapsulation:2,changeDetection:0}),t})();const Z=["content"];function ee(e,t){if(1&e&&(d.I0R(0,"p"),d.OEk(1,"An element that allows to show and hide content in sections"),d.C$Y(),d.I0R(2,"p"),d.OEk(3,"Only one section of accordion can be opened by default"),d.C$Y(),d.I0R(4,"tui-doc-example",2),d.wR5(5,"tui-accordion-example-1"),d.C$Y(),d.I0R(6,"tui-doc-example",3),d.wR5(7,"tui-accordion-example-2"),d.C$Y(),d.I0R(8,"tui-doc-example",4),d.wR5(9,"tui-accordion-example-3"),d.C$Y(),d.I0R(10,"tui-doc-example",5),d.wR5(11,"tui-accordion-example-4"),d.C$Y(),d.I0R(12,"tui-doc-example",6),d.wR5(13,"tui-accordion-example-5"),d.C$Y()),2&e){const e=d.GaO();d.yG2(4),d.E7m("content",e.example1),d.yG2(2),d.E7m("content",e.example2),d.yG2(2),d.E7m("content",e.example3),d.yG2(2),d.E7m("content",e.example4),d.yG2(2),d.E7m("content",e.example5)("fullsize",!0)}}function te(e,t){1&e&&d.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities ")}function ne(e,t){1&e&&(d.I0R(0,"div",null,13),d.OEk(2," Basic elements needed to develop components, directives and more using Taiga UI design system "),d.C$Y())}function oe(e,t){1&e&&d.OEk(0," Other sections are closed when user opens one ")}function ie(e,t){1&e&&d.OEk(0," Rounded accordion style ")}function ae(e,t){if(1&e){const e=d.KQA();d.I0R(0,"tui-doc-documentation"),d.yuY(1,oe,1,0,"ng-template",14),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.closeOthers=t)})),d.yuY(2,ie,1,0,"ng-template",15),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.rounded=t)})),d.C$Y()}if(2&e){const e=d.GaO(2);d.yG2(1),d.E7m("documentationPropertyValue",e.closeOthers),d.yG2(1),d.E7m("documentationPropertyValue",e.rounded)}}function re(e,t){1&e&&(d.OEk(0," Waits for a custom event "),d.I0R(1,"code"),d.OEk(2,"TUI_EXPAND_LOADED"),d.C$Y(),d.OEk(3," before opening. Content is initialized when opening starts "))}function ce(e,t){1&e&&d.OEk(0," Borders variants ")}function ue(e,t){1&e&&d.OEk(0," Disabled state for an item ")}function se(e,t){1&e&&d.OEk(0," Removes default paddings ")}function de(e,t){1&e&&d.OEk(0," Disabled header hover state ")}function le(e,t){1&e&&d.OEk(0," Open / close state of section ")}function me(e,t){1&e&&d.OEk(0," Size of an accordion item ")}function pe(e,t){1&e&&d.OEk(0," Show / hide an arrow ")}function ye(e,t){if(1&e){const e=d.KQA();d.I0R(0,"tui-doc-documentation"),d.yuY(1,re,4,0,"ng-template",16),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.async=t)})),d.yuY(2,ce,1,0,"ng-template",17),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.borders=t)})),d.yuY(3,ue,1,0,"ng-template",18),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.disabled=t)})),d.yuY(4,se,1,0,"ng-template",19),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.noPadding=t)})),d.yuY(5,de,1,0,"ng-template",20),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.disableHover=t)})),d.yuY(6,le,1,0,"ng-template",21),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.onOpenChange(t))})),d.yuY(7,me,1,0,"ng-template",22),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.size=t)})),d.yuY(8,pe,1,0,"ng-template",23),d.qCj("documentationPropertyValueChange",(function(t){d.usT(e);const n=d.GaO(2);return d.CGJ(n.showArrow=t)})),d.C$Y()}if(2&e){const e=d.GaO(2);d.yG2(1),d.E7m("documentationPropertyValue",e.async),d.yG2(1),d.E7m("documentationPropertyValues",e.bordersVariants)("documentationPropertyValue",e.borders),d.yG2(1),d.E7m("documentationPropertyValue",e.disabled),d.yG2(1),d.E7m("documentationPropertyValue",e.noPadding),d.yG2(1),d.E7m("documentationPropertyValue",e.disableHover),d.yG2(1),d.E7m("documentationPropertyValue",e.open),d.yG2(1),d.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),d.yG2(1),d.E7m("documentationPropertyValue",e.showArrow)}}function ge(e,t){if(1&e){const e=d.KQA();d.I0R(0,"tui-doc-demo")(1,"tui-accordion",7)(2,"tui-accordion-item",8),d.OEk(3," Taiga UI cdk "),d.yuY(4,te,1,0,"ng-template",9),d.C$Y(),d.I0R(5,"tui-accordion-item",10),d.qCj("openChange",(function(t){d.usT(e);const n=d.GaO();return d.CGJ(n.onOpenChange(t))})),d.OEk(6," Taiga UI core "),d.yuY(7,ne,3,0,"ng-template",9),d.C$Y()()(),d.I0R(8,"tui-accordion",11)(9,"tui-accordion-item",12),d.OEk(10," TuiAccordionComponent "),d.yuY(11,ae,3,2,"ng-template",9),d.C$Y(),d.I0R(12,"tui-accordion-item"),d.OEk(13," TuiAccordionItemComponent "),d.yuY(14,ye,9,10,"ng-template",9),d.C$Y()()}if(2&e){const e=d.GaO();d.yG2(1),d.E7m("closeOthers",e.closeOthers)("rounded",e.rounded),d.yG2(1),d.E7m("borders",e.borders)("disabled",e.disabled)("disableHover",e.disableHover)("noPadding",e.noPadding)("showArrow",e.showArrow)("size",e.size),d.yG2(3),d.E7m("async",e.async)("borders",e.borders)("disabled",e.disabled)("disableHover",e.disableHover)("noPadding",e.noPadding)("open",e.open)("showArrow",e.showArrow)("size",e.size),d.yG2(3),d.E7m("closeOthers",!1),d.yG2(1),d.E7m("open",!0)}}function he(e,t){if(1&e&&(d.I0R(0,"ol",24)(1,"li"),d.OEk(2," Import "),d.I0R(3,"code"),d.OEk(4,"TuiAccordionModule"),d.C$Y(),d.OEk(5," into a module where you want to use our component "),d.wR5(6,"tui-doc-code",25),d.C$Y(),d.I0R(7,"li"),d.OEk(8," Add it into template: "),d.wR5(9,"tui-doc-code",26),d.C$Y()()),2&e){const e=d.GaO();d.yG2(6),d.E7m("code",e.exampleModule),d.yG2(3),d.E7m("code",e.exampleHtml)}}let fe=(()=>{var e;class t{constructor(){this.async=!1,this.closeOthers=!0,this.disabled=!1,this.noPadding=!1,this.open=!1,this.rounded=!0,this.showArrow=!0,this.disableHover=!1,this.exampleModule=n.e(90652).then(n.t.bind(n,90652,17)),this.exampleHtml=n.e(77104).then(n.t.bind(n,77104,17)),this.example1={TypeScript:n.e(15092).then(n.t.bind(n,15092,17)),HTML:n.e(27800).then(n.t.bind(n,27800,17)),LESS:n.e(52020).then(n.t.bind(n,52020,17))},this.example2={TypeScript:n.e(10488).then(n.t.bind(n,10488,17)),HTML:n.e(67248).then(n.t.bind(n,67248,17)),LESS:n.e(90164).then(n.t.bind(n,90164,17))},this.example3={TypeScript:n.e(1196).then(n.t.bind(n,23576,17)),HTML:n.e(91780).then(n.t.bind(n,91780,17)),LESS:n.e(96128).then(n.t.bind(n,96128,17))},this.example4={TypeScript:n.e(92160).then(n.t.bind(n,92160,17)),HTML:n.e(53720).then(n.t.bind(n,53720,17)),LESS:n.e(58960).then(n.t.bind(n,58960,17))},this.example5={TypeScript:n.e(94360).then(n.t.bind(n,94360,17)),HTML:n.e(97940).then(n.t.bind(n,97940,17))},this.bordersVariants=["all","top-bottom"],this.borders=this.bordersVariants[0],this.sizeVariants=["s","m"],this.size=this.sizeVariants[1]}onOpenChange(e){this.open=e,this.async&&e&&setTimeout((()=>{const e=new CustomEvent(u.TUI_EXPAND_LOADED,{bubbles:!0});this.content&&this.content.nativeElement.dispatchEvent(e)}),3e3)}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=d.In1({type:e,selectors:[["example-accordion"]],viewQuery:function(e,t){if(1&e&&d.CC$(Z,5),2&e){let e;d.wto(e=d.Gqi())&&(t.content=e.first)}},decls:4,vars:0,consts:[["header","Accordion","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","custom","heading","with custom design",3,"content"],["id","single","heading","alone",3,"content"],["id","eager-and-lazy","heading","Eager and Lazy content",3,"content"],["id","nested","heading","Nested",3,"content","fullsize"],[3,"closeOthers","rounded"],[3,"borders","disabled","disableHover","noPadding","showArrow","size"],["tuiAccordionItemContent",""],[3,"async","borders","disabled","disableHover","noPadding","open","showArrow","size","openChange"],[1,"b-full-width",3,"closeOthers"],[3,"open"],["content",""],["documentationPropertyMode","input","documentationPropertyName","closeOthers","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rounded","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","async","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","borders","documentationPropertyType","'all' | 'top-bottom' | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","noPadding","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disableHover","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","open","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","showArrow","documentationPropertyType","boolean",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&&(d.I0R(0,"tui-doc-page",0),d.yuY(1,ee,14,6,"ng-template",1),d.yuY(2,ge,15,18,"ng-template",1),d.yuY(3,he,10,2,"ng-template",1),d.C$Y())},dependencies:[l.I,m._,p.U,y.u,g.m,h.I,f.S,C.E,O.u,E.I,b,N,q,K,X],encapsulation:2,changeDetection:0}),t})(),Ce=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=d.a4G({type:e}),e.ɵinj=d.s3X({imports:[u.TuiButtonModule,s.TuiInputModule,s.TuiSelectModule,r.TuiMoneyModule,u.TuiSvgModule,s.TuiAccordionModule,u.TuiModeModule,u.TuiDataListModule,s.TuiDataListWrapperModule,o.MD,i.y,i.sl,u.TuiTextfieldControllerModule,c.kx,a.qQ.forChild((0,c._A)(fe))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/94020.ed4412ddd21c2b5a.js b/next/94020.ed4412ddd21c2b5a.js
new file mode 100644
index 000000000000..0c693826476a
--- /dev/null
+++ b/next/94020.ed4412ddd21c2b5a.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[94020],{94020:(e,t,n)=>{n.r(t),n.d(t,{ExampleTuiAccordionModule:()=>ve});var o=n(86568),i=n(35856),a=n(82312),r=n(63528),c=n(752),u=n(62548),s=n(33976),d=n(45328),l=n(76468),m=n(12436),p=n(6528),y=n(51752),g=n(52820),h=n(49607),f=n(13692),C=n(96808),O=n(95356),E=n(56616),v=n(34496),I=n(37288),b=n(83480);function P(e,t){1&e&&p.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities ")}function w(e,t){1&e&&(p.I0R(0,"div",null,2),p.OEk(2," Basic elements needed to develop components, directives and more using Taiga UI design system "),p.C$Y())}function Y(e,t){1&e&&p.OEk(0," The main set of components used to build Taiga UI based Angular applications ")}let k=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-accordion-example-1"]],decls:10,vars:0,consts:[[1,"container"],["tuiAccordionItemContent",""],["content",""]],template:function(e,t){1&e&&(p.I0R(0,"tui-accordion",0)(1,"tui-accordion-item"),p.OEk(2," Taiga UI cdk "),p.yuY(3,P,1,0,"ng-template",1),p.C$Y(),p.I0R(4,"tui-accordion-item"),p.OEk(5," Taiga UI core "),p.yuY(6,w,3,0,"ng-template",1),p.C$Y(),p.I0R(7,"tui-accordion-item"),p.OEk(8," Taiga UI kit "),p.yuY(9,Y,1,0,"ng-template",1),p.C$Y()())},dependencies:[y.I,g._,h.U],styles:[".container[_ngcontent-%COMP%]{max-width:37.5rem}"],changeDetection:0}),t})();var R=n(8673),G=n(73148),T=n(61920),$=n(17704),M=n(15124),x=n(87164),V=n(34684),A=n(79848),_=n(2036),D=n(76004);function S(e,t){if(1&e&&p.wR5(0,"tui-data-list-wrapper",24),2&e){const e=p.GaO(3);p.E7m("items",e.accounts)}}function U(e,t){if(1&e&&(p.I0R(0,"h3",15),p.OEk(1,"Payment form"),p.C$Y(),p.I0R(2,"form",16)(3,"tui-input",17),p.OEk(4," Your name "),p.wR5(5,"input",18),p.C$Y(),p.I0R(6,"tui-select",19),p.OEk(7," Choose an account "),p.yuY(8,S,1,1,"tui-data-list-wrapper",20),p.C$Y(),p.I0R(9,"div",21)(10,"button",22),p.OEk(11," Send "),p.C$Y(),p.I0R(12,"button",23),p.OEk(13," Cancel "),p.C$Y()()()),2&e){const e=p.GaO(2);p.yG2(2),p.E7m("formGroup",e.testForm)}}function z(e,t){if(1&e&&p.wR5(0,"tui-data-list-wrapper",24),2&e){const e=p.GaO(3);p.E7m("items",e.accounts)}}function L(e,t){if(1&e&&(p.I0R(0,"h3",15),p.OEk(1,"Payment form"),p.C$Y(),p.I0R(2,"form",16)(3,"tui-input",17),p.OEk(4," Your name "),p.wR5(5,"input",18),p.C$Y(),p.I0R(6,"tui-select",19),p.OEk(7," Choose an account "),p.yuY(8,z,1,1,"tui-data-list-wrapper",20),p.C$Y(),p.I0R(9,"div",21)(10,"button",22),p.OEk(11," Send "),p.C$Y(),p.I0R(12,"button",23),p.OEk(13," Cancel "),p.C$Y()()()),2&e){const e=p.GaO(2);p.yG2(2),p.E7m("formGroup",e.testForm)}}function H(e,t){if(1&e&&p.wR5(0,"tui-data-list-wrapper",24),2&e){const e=p.GaO(3);p.E7m("items",e.accounts)}}function N(e,t){if(1&e&&(p.I0R(0,"h3",15),p.OEk(1,"Payment form"),p.C$Y(),p.I0R(2,"form",16)(3,"tui-input",17),p.OEk(4," Your name "),p.wR5(5,"input",18),p.C$Y(),p.I0R(6,"tui-select",19),p.OEk(7," Choose an account "),p.yuY(8,H,1,1,"tui-data-list-wrapper",20),p.C$Y(),p.I0R(9,"div",21)(10,"button",22),p.OEk(11," Send "),p.C$Y(),p.I0R(12,"button",23),p.OEk(13," Cancel "),p.C$Y()()()),2&e){const e=p.GaO(2);p.yG2(2),p.E7m("formGroup",e.testForm)}}function j(e,t){if(1&e&&(p.I0R(0,"tui-accordion",1)(1,"tui-accordion-item",2)(2,"div",3)(3,"div",4),p.OEk(4," 4 "),p.I0R(5,"div",5),p.OEk(6,"May"),p.C$Y()(),p.I0R(7,"div",6),p.wR5(8,"tui-svg",7),p.C$Y(),p.I0R(9,"div",8),p.OEk(10,"Get your money"),p.C$Y(),p.I0R(11,"div",9),p.wR5(12,"tui-money",10),p.I0R(13,"div",11),p.OEk(14,"Waiting for approve"),p.C$Y()()(),p.yuY(15,U,14,1,"ng-template",12),p.C$Y(),p.I0R(16,"tui-accordion-item",2)(17,"div",3)(18,"div",4),p.OEk(19," 5 "),p.I0R(20,"div",5),p.OEk(21,"May"),p.C$Y()(),p.I0R(22,"div",6),p.wR5(23,"tui-svg",7),p.C$Y(),p.I0R(24,"div",8),p.OEk(25,"Get your money back"),p.C$Y(),p.I0R(26,"div",9),p.wR5(27,"tui-money",10),p.I0R(28,"div",13),p.OEk(29,"Approved"),p.C$Y()()(),p.yuY(30,L,14,1,"ng-template",12),p.C$Y(),p.I0R(31,"tui-accordion-item",2)(32,"div",3)(33,"div",4),p.OEk(34," 6 "),p.I0R(35,"div",5),p.OEk(36,"May"),p.C$Y()(),p.I0R(37,"div",6),p.wR5(38,"tui-svg",7),p.C$Y(),p.I0R(39,"div",8),p.OEk(40,"Get your neighbor's money"),p.C$Y(),p.I0R(41,"div",9),p.wR5(42,"tui-money",10),p.I0R(43,"div",14),p.OEk(44,"Declined"),p.C$Y()()(),p.yuY(45,N,14,1,"ng-template",12),p.C$Y()()),2&e){const e=t.ngIf;p.E7m("rounded",!1),p.yG2(1),p.E7m("showArrow",!1),p.yG2(7),p.E7m("src",(null==e?null:e.default)||""),p.yG2(4),p.E7m("value",23e3),p.yG2(4),p.E7m("showArrow",!1),p.yG2(7),p.E7m("src",(null==e?null:e.default)||""),p.yG2(4),p.E7m("value",23e3),p.yG2(4),p.E7m("showArrow",!1),p.yG2(7),p.E7m("src",(null==e?null:e.default)||""),p.yG2(4),p.E7m("value",23e3)}}class q{constructor(e,t){this.name=e,this.balance=t}toString(){return`${this.name} (${this.balance})`}}let J=(()=>{var e;class t{constructor(){this.accounts=[new q("Rubles",500),new q("Dollar",237),new q("Euro",100)],this.svgIcons={rubles:n.e(23987).then(n.t.bind(n,23987,17))},this.testForm=new i.WC({name:new i.Ku(""),accounts:new i.Ku(this.accounts[0])})}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-accordion-example-2"]],decls:2,vars:3,consts:[["class","container",3,"rounded",4,"ngIf"],[1,"container",3,"rounded"],["borders","top-bottom",3,"showArrow"],[1,"operation-header"],[1,"operation-date"],[1,"operation-month"],[1,"operation-pic"],[1,"operation-icon",3,"src"],[1,"operation-title"],[1,"operation-info"],[1,"operation-amount",3,"value"],[1,"operation-status"],["tuiAccordionItemContent",""],[1,"operation-status","operation-status_success"],[1,"operation-status","operation-status_error"],[1,"form-title"],[1,"operation-form",3,"formGroup"],["formControlName","name",1,"input"],["placeholder","Roman Sedov","tuiTextfield",""],["formControlName","accounts",1,"input"],[3,"items",4,"tuiDataList"],[1,"buttons"],["size","l","tuiButton","","type","submit",1,"tui-space_right-2"],["appearance","flat","size","l","tuiButton","","type","button"],[3,"items"]],template:function(e,t){1&e&&(p.yuY(0,j,46,10,"tui-accordion",0),p.wVc(1,"async")),2&e&&p.E7m("ngIf",p.kDX(1,1,t.svgIcons.rubles))},dependencies:[R.K,G.O,T.c,$.b,M.c,x.u,V.s,A.W,y.I,g._,h.U,_.U,D.O,o.u_,i.sz,i.ue,i.u,i.uW,i.Wo,o.a],styles:[".container[_ngcontent-%COMP%]{max-width:46.875rem}.operation-header[_ngcontent-%COMP%]{font:var(--tui-font-text-l);display:flex;align-items:center}.operation-date[_ngcontent-%COMP%]{font:var(--tui-font-text-xl);text-align:center}.operation-date[_ngcontent-%COMP%], .operation-info[_ngcontent-%COMP%]{color:var(--tui-text-02)}.operation-month[_ngcontent-%COMP%], .operation-status[_ngcontent-%COMP%]{font:var(--tui-font-text-s)}.operation-pic[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 1.5rem;background:var(--tui-secondary-active);border-radius:100%;width:3rem;height:3rem;color:var(--tui-text-03)}.operation-title[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1.5rem;flex-grow:1}.operation-info[_ngcontent-%COMP%]{text-align:right}.operation-status_success[_ngcontent-%COMP%]{color:var(--tui-success-fill)}.operation-status_error[_ngcontent-%COMP%]{color:var(--tui-error-fill)}.form-title[_ngcontent-%COMP%]{font:var(--tui-font-heading-6);margin:0 0 1.25rem}.input[_ngcontent-%COMP%]{max-width:28.75rem;margin-bottom:1.25rem}.buttons[_ngcontent-%COMP%]{display:flex}"],changeDetection:0}),t})();function B(e,t){1&e&&p.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities ")}let K=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-accordion-example-3"]],decls:3,vars:0,consts:[[1,"container"],["tuiAccordionItemContent",""]],template:function(e,t){1&e&&(p.I0R(0,"tui-accordion-item",0),p.OEk(1," Taiga UI cdk "),p.yuY(2,B,1,0,"ng-template",1),p.C$Y())},dependencies:[g._,h.U],styles:[".container[_ngcontent-%COMP%]{max-width:37.5rem}"],changeDetection:0}),t})();var W=n(66692);function Q(e,t){1&e&&p.OEk(0,"I'm lazy content")}let F=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-accordion-example-4"]],decls:7,vars:0,consts:[[1,"container"],["tuiAccordionItemContent",""]],template:function(e,t){1&e&&(p.I0R(0,"tui-accordion-item",0),p.OEk(1," Taiga UI lazy "),p.yuY(2,Q,1,0,"ng-template",1),p.C$Y(),p.I0R(3,"tui-accordion-item",0),p.OEk(4," Taiga UI eager "),p.I0R(5,"div",1),p.OEk(6,"I'm eager content"),p.C$Y()())},dependencies:[g._,h.U,W.o],styles:[".container[_ngcontent-%COMP%]{max-width:37.5rem}"],changeDetection:0}),t})();function X(e,t){1&e&&p.OEk(0," Basic elements needed to develop components, directives and more using Taiga UI design system ")}function Z(e,t){1&e&&(p.OEk(0," The main set of components used to build Taiga UI based Angular applications "),p.I0R(1,"tui-accordion",2)(2,"tui-accordion-item",0),p.OEk(3," Level 3 "),p.yuY(4,X,1,0,"ng-template",1),p.C$Y()()),2&e&&(p.yG2(2),p.E7m("open",!0))}function ee(e,t){1&e&&(p.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities "),p.I0R(1,"tui-accordion",2)(2,"tui-accordion-item",0),p.OEk(3," Level 2 "),p.yuY(4,Z,5,1,"ng-template",1),p.C$Y()()),2&e&&(p.yG2(2),p.E7m("open",!0))}let te=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=p.In1({type:e,selectors:[["tui-accordion-example-5"]],decls:4,vars:1,consts:[[3,"open"],["tuiAccordionItemContent",""],[1,"tui-space_top-3"]],template:function(e,t){1&e&&(p.I0R(0,"tui-accordion")(1,"tui-accordion-item",0),p.OEk(2," Level 1 "),p.yuY(3,ee,5,1,"ng-template",1),p.C$Y()()),2&e&&(p.yG2(1),p.E7m("open",!0))},dependencies:[y.I,g._,h.U],encapsulation:2,changeDetection:0}),t})();const ne=["content"];function oe(e,t){if(1&e&&(p.I0R(0,"p"),p.OEk(1,"An element that allows to show and hide content in sections"),p.C$Y(),p.I0R(2,"p"),p.OEk(3,"Only one section of accordion can be opened by default"),p.C$Y(),p.I0R(4,"tui-doc-example",2),p.wR5(5,"tui-accordion-example-1"),p.C$Y(),p.I0R(6,"tui-doc-example",3),p.wR5(7,"tui-accordion-example-2"),p.C$Y(),p.I0R(8,"tui-doc-example",4),p.wR5(9,"tui-accordion-example-3"),p.C$Y(),p.I0R(10,"tui-doc-example",5),p.wR5(11,"tui-accordion-example-4"),p.C$Y(),p.I0R(12,"tui-doc-example",6),p.wR5(13,"tui-accordion-example-5"),p.C$Y()),2&e){const e=p.GaO();p.yG2(4),p.E7m("content",e.example1),p.yG2(2),p.E7m("content",e.example2),p.yG2(2),p.E7m("content",e.example3),p.yG2(2),p.E7m("content",e.example4),p.yG2(2),p.E7m("content",e.example5)("fullsize",!0)}}function ie(e,t){1&e&&p.OEk(0," Development kit consisting of the low level tools and abstractions used to develop Taiga UI Angular entities ")}function ae(e,t){1&e&&(p.I0R(0,"div",null,13),p.OEk(2," Basic elements needed to develop components, directives and more using Taiga UI design system "),p.C$Y())}function re(e,t){1&e&&p.OEk(0," Other sections are closed when user opens one ")}function ce(e,t){1&e&&p.OEk(0," Rounded accordion style ")}function ue(e,t){if(1&e){const e=p.KQA();p.I0R(0,"tui-doc-documentation"),p.yuY(1,re,1,0,"ng-template",14),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.closeOthers=t)})),p.yuY(2,ce,1,0,"ng-template",15),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.rounded=t)})),p.C$Y()}if(2&e){const e=p.GaO(2);p.yG2(1),p.E7m("documentationPropertyValue",e.closeOthers),p.yG2(1),p.E7m("documentationPropertyValue",e.rounded)}}function se(e,t){1&e&&(p.OEk(0," Waits for a custom event "),p.I0R(1,"code"),p.OEk(2,"TUI_EXPAND_LOADED"),p.C$Y(),p.OEk(3," before opening. Content is initialized when opening starts "))}function de(e,t){1&e&&p.OEk(0," Borders variants ")}function le(e,t){1&e&&p.OEk(0," Disabled state for an item ")}function me(e,t){1&e&&p.OEk(0," Removes default paddings ")}function pe(e,t){1&e&&p.OEk(0," Disabled header hover state ")}function ye(e,t){1&e&&p.OEk(0," Open / close state of section ")}function ge(e,t){1&e&&p.OEk(0," Size of an accordion item ")}function he(e,t){1&e&&p.OEk(0," Show / hide an arrow ")}function fe(e,t){if(1&e){const e=p.KQA();p.I0R(0,"tui-doc-documentation"),p.yuY(1,se,4,0,"ng-template",16),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.async=t)})),p.yuY(2,de,1,0,"ng-template",17),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.borders=t)})),p.yuY(3,le,1,0,"ng-template",18),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.disabled=t)})),p.yuY(4,me,1,0,"ng-template",19),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.noPadding=t)})),p.yuY(5,pe,1,0,"ng-template",20),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.disableHover=t)})),p.yuY(6,ye,1,0,"ng-template",21),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.onOpenChange(t))})),p.yuY(7,ge,1,0,"ng-template",22),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.size=t)})),p.yuY(8,he,1,0,"ng-template",23),p.qCj("documentationPropertyValueChange",(function(t){p.usT(e);const n=p.GaO(2);return p.CGJ(n.showArrow=t)})),p.C$Y()}if(2&e){const e=p.GaO(2);p.yG2(1),p.E7m("documentationPropertyValue",e.async),p.yG2(1),p.E7m("documentationPropertyValues",e.bordersVariants)("documentationPropertyValue",e.borders),p.yG2(1),p.E7m("documentationPropertyValue",e.disabled),p.yG2(1),p.E7m("documentationPropertyValue",e.noPadding),p.yG2(1),p.E7m("documentationPropertyValue",e.disableHover),p.yG2(1),p.E7m("documentationPropertyValue",e.open),p.yG2(1),p.E7m("documentationPropertyValues",e.sizeVariants)("documentationPropertyValue",e.size),p.yG2(1),p.E7m("documentationPropertyValue",e.showArrow)}}function Ce(e,t){if(1&e){const e=p.KQA();p.I0R(0,"tui-doc-demo")(1,"tui-accordion",7)(2,"tui-accordion-item",8),p.OEk(3," Taiga UI cdk "),p.yuY(4,ie,1,0,"ng-template",9),p.C$Y(),p.I0R(5,"tui-accordion-item",10),p.qCj("openChange",(function(t){p.usT(e);const n=p.GaO();return p.CGJ(n.onOpenChange(t))})),p.OEk(6," Taiga UI core "),p.yuY(7,ae,3,0,"ng-template",9),p.C$Y()()(),p.I0R(8,"tui-accordion",11)(9,"tui-accordion-item",12),p.OEk(10," TuiAccordionComponent "),p.yuY(11,ue,3,2,"ng-template",9),p.C$Y(),p.I0R(12,"tui-accordion-item"),p.OEk(13," TuiAccordionItemComponent "),p.yuY(14,fe,9,10,"ng-template",9),p.C$Y()()}if(2&e){const e=p.GaO();p.yG2(1),p.E7m("closeOthers",e.closeOthers)("rounded",e.rounded),p.yG2(1),p.E7m("borders",e.borders)("disabled",e.disabled)("disableHover",e.disableHover)("noPadding",e.noPadding)("showArrow",e.showArrow)("size",e.size),p.yG2(3),p.E7m("async",e.async)("borders",e.borders)("disabled",e.disabled)("disableHover",e.disableHover)("noPadding",e.noPadding)("open",e.open)("showArrow",e.showArrow)("size",e.size),p.yG2(3),p.E7m("closeOthers",!1),p.yG2(1),p.E7m("open",!0)}}function Oe(e,t){if(1&e&&(p.I0R(0,"ol",24)(1,"li"),p.OEk(2," Import "),p.I0R(3,"code"),p.OEk(4,"TuiAccordionModule"),p.C$Y(),p.OEk(5," into a module where you want to use our component "),p.wR5(6,"tui-doc-code",25),p.C$Y(),p.I0R(7,"li"),p.OEk(8," Add it into template: "),p.wR5(9,"tui-doc-code",26),p.C$Y()()),2&e){const e=p.GaO();p.yG2(6),p.E7m("code",e.exampleModule),p.yG2(3),p.E7m("code",e.exampleHtml)}}let Ee=(()=>{var e;class t{constructor(e){this.destroy$=e,this.async=!1,this.closeOthers=!0,this.disabled=!1,this.noPadding=!1,this.open=!1,this.rounded=!0,this.showArrow=!0,this.disableHover=!1,this.exampleModule=n.e(90652).then(n.t.bind(n,90652,17)),this.exampleHtml=n.e(77104).then(n.t.bind(n,77104,17)),this.example1={TypeScript:n.e(15092).then(n.t.bind(n,15092,17)),HTML:n.e(27800).then(n.t.bind(n,27800,17)),LESS:n.e(52020).then(n.t.bind(n,52020,17))},this.example2={TypeScript:n.e(10488).then(n.t.bind(n,10488,17)),HTML:n.e(67248).then(n.t.bind(n,67248,17)),LESS:n.e(90164).then(n.t.bind(n,90164,17))},this.example3={TypeScript:n.e(1196).then(n.t.bind(n,23576,17)),HTML:n.e(91780).then(n.t.bind(n,91780,17)),LESS:n.e(96128).then(n.t.bind(n,96128,17))},this.example4={TypeScript:n.e(92160).then(n.t.bind(n,92160,17)),HTML:n.e(53720).then(n.t.bind(n,53720,17)),LESS:n.e(58960).then(n.t.bind(n,58960,17))},this.example5={TypeScript:n.e(94360).then(n.t.bind(n,94360,17)),HTML:n.e(97940).then(n.t.bind(n,97940,17))},this.bordersVariants=["all","top-bottom"],this.borders=this.bordersVariants[0],this.sizeVariants=["s","m"],this.size=this.sizeVariants[1]}onOpenChange(e){this.open=e,this.async&&e&&(0,l.k)(3e3).pipe((0,m.a)(this.destroy$)).subscribe((()=>{var e;return null===(e=this.content)||void 0===e?void 0:e.nativeElement.dispatchEvent(new CustomEvent(u.TUI_EXPAND_LOADED,{bubbles:!0}))}))}}return(e=t).ɵfac=function(t){return new(t||e)(p.GI1(d.TuiDestroyService,2))},e.ɵcmp=p.In1({type:e,selectors:[["example-accordion"]],viewQuery:function(e,t){if(1&e&&p.CC$(ne,5),2&e){let e;p.wto(e=p.Gqi())&&(t.content=e.first)}},features:[p.M5G([d.TuiDestroyService])],decls:4,vars:0,consts:[["header","Accordion","package","KIT","type","components"],["pageTab",""],["id","base","heading","Basic",3,"content"],["id","custom","heading","with custom design",3,"content"],["id","single","heading","alone",3,"content"],["id","eager-and-lazy","heading","Eager and Lazy content",3,"content"],["id","nested","heading","Nested",3,"content","fullsize"],[3,"closeOthers","rounded"],[3,"borders","disabled","disableHover","noPadding","showArrow","size"],["tuiAccordionItemContent",""],[3,"async","borders","disabled","disableHover","noPadding","open","showArrow","size","openChange"],[1,"b-full-width",3,"closeOthers"],[3,"open"],["content",""],["documentationPropertyMode","input","documentationPropertyName","closeOthers","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","rounded","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","async","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","borders","documentationPropertyType","'all' | 'top-bottom' | null",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disabled","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","noPadding","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","disableHover","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input-output","documentationPropertyName","open","documentationPropertyType","boolean",3,"documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","size","documentationPropertyType","TuiSizeS",3,"documentationPropertyValues","documentationPropertyValue","documentationPropertyValueChange"],["documentationPropertyMode","input","documentationPropertyName","showArrow","documentationPropertyType","boolean",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&&(p.I0R(0,"tui-doc-page",0),p.yuY(1,oe,14,6,"ng-template",1),p.yuY(2,Ce,15,18,"ng-template",1),p.yuY(3,Oe,10,2,"ng-template",1),p.C$Y())},dependencies:[y.I,g._,h.U,f.u,C.m,O.I,E.S,v.E,I.u,b.I,k,J,K,F,te],encapsulation:2,changeDetection:0}),t})(),ve=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=p.a4G({type:e}),e.ɵinj=p.s3X({imports:[u.TuiButtonModule,s.TuiInputModule,s.TuiSelectModule,r.TuiMoneyModule,u.TuiSvgModule,s.TuiAccordionModule,u.TuiModeModule,u.TuiDataListModule,s.TuiDataListWrapperModule,o.MD,i.y,i.sl,u.TuiTextfieldControllerModule,c.kx,a.qQ.forChild((0,c._A)(Ee))]}),t})()}}]);
\ No newline at end of file
diff --git a/next/index.html b/next/index.html
index 8df8cde30f43..505be65706a5 100644
--- a/next/index.html
+++ b/next/index.html
@@ -44,11 +44,11 @@
-
Make it
Customize design the way you like it
Taiga UI —— powerful set of open source components for Angular
-
+
Make it
Customize design the way you like it
Taiga UI —— powerful set of open source components for Angular