diff --git a/next/12767.efe68c8bc4cb4f63.js b/next/12767.efe68c8bc4cb4f63.js
new file mode 100644
index 000000000000..c8bf1ca065e5
--- /dev/null
+++ b/next/12767.efe68c8bc4cb4f63.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[12767],{12767:(t,e,a)=>{a.r(e),a.d(e,{ExampleTuiAvatarModule:()=>F});var n=a(88692),i=a(64206),o=a(78129),r=a(20359),s=a(5998),c=a(64537),u=a(46516),l=a(79121),p=a(83074),d=a(10977),m=a(62840),g=a(60404),Z=a(43560),x=a(93525),v=a(38868),h=a(24233);let f=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.Xpm({type:t,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(t,e){1&t&&(c._UZ(0,"tui-avatar",0)(1,"tui-avatar",1),c.ALo(2,"async"),c.ALo(3,"tuiFallbackSrc"),c._UZ(4,"tui-avatar",2),c.TgZ(5,"tui-avatar"),c._uU(6,"99+"),c.qZA(),c.TgZ(7,"tui-avatar")(8,"picture"),c._UZ(9,"source",3)(10,"img",4),c.qZA()(),c.TgZ(11,"tui-avatar")(12,"video",5),c._UZ(13,"source",6),c.qZA()()),2&t&&(c.xp6(1),c.Q6J("src",c.lcZ(2,2,c.xi3(3,4,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.xp6(11),c.Q6J("muted",!0))},dependencies:[u.J,n.Ov,h.S],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),e})();var T=a(72502),y=a(52994);let A=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.Xpm({type:t,selectors:[["tui-avatar-example-2"]],decls:6,vars:4,consts:[["appearance","accent","src","tuiIconUserLarge"],["src","AI",1,"text"],[1,"text"],["tuiFade",""]],template:function(t,e){1&t&&(c._UZ(0,"tui-avatar",0),c.TgZ(1,"tui-avatar",1),c.ALo(2,"tuiAutoColor"),c.qZA(),c.TgZ(3,"tui-avatar",2)(4,"div",3),c._uU(5,"Fading"),c.qZA()()),2&t&&(c.xp6(1),c.Udp("background",c.lcZ(2,2,"AI")))},dependencies:[u.J,T.X,y.$],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.text[_ngcontent-%COMP%]{background:var(--tui-base-05);color:var(--tui-text-01-night)}"],changeDetection:0}),e})(),U=(()=>{var t;class e{constructor(){this.names=["Jason Statham","Silvester Stallone","Jackie Chan"]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.Xpm({type:t,selectors:[["tui-avatar-example-3"]],decls:14,vars:0,consts:[["size","xxl"],["size","xl"],["size","l"],["size","m"],["size","s"],["size","xs"],["size","xxs"]],template:function(t,e){1&t&&(c.TgZ(0,"tui-avatar",0),c._uU(1,"XXL"),c.qZA(),c.TgZ(2,"tui-avatar",1),c._uU(3,"XL"),c.qZA(),c.TgZ(4,"tui-avatar",2),c._uU(5,"L"),c.qZA(),c.TgZ(6,"tui-avatar",3),c._uU(7,"M"),c.qZA(),c.TgZ(8,"tui-avatar",4),c._uU(9,"S"),c.qZA(),c.TgZ(10,"tui-avatar",5),c._uU(11,"XS"),c.qZA(),c.TgZ(12,"tui-avatar",6),c._uU(13,"XXS"),c.qZA())},dependencies:[u.J],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),e})();var _=a(87772);let b=(()=>{var t;class e{transform(t){return t.toUpperCase().split(" ").map((([t])=>t)).join("").slice(0,2)}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵpipe=c.Yjl({name:"tuiInitials",type:t,pure:!0}),e})();function q(t,e){if(1&t&&(c.TgZ(0,"tui-avatar",4),c.ALo(1,"tuiAutoColor"),c.ALo(2,"tuiInitials"),c.qZA()),2&t){const t=e.$implicit,a=c.oxw(),n=a.odd,i=a.$implicit;c.Udp("background",c.lcZ(1,5,t)),c.Q6J("round",n)("size",i)("src",c.lcZ(2,7,t))}}function J(t,e){if(1&t&&(c.TgZ(0,"tui-avatar-stack",1),c.YNc(1,q,3,9,"tui-avatar",2),c.TgZ(2,"tui-avatar",3),c._uU(3," 99+ "),c.qZA()()),2&t){const t=e.$implicit,a=e.odd,n=c.oxw();c.Q6J("direction",a?"left":"right"),c.xp6(1),c.Q6J("ngForOf",n.names),c.xp6(1),c.Q6J("round",a)("size",t)}}let L=(()=>{var t;class e{constructor(){this.names=["Jason Statham","Silvester Stallone","Jackie Chan"],this.sizes=["xxl","xl","l","m","s","xs","xxs"]}}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.Xpm({type:t,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(t,e){1&t&&c.YNc(0,J,4,4,"tui-avatar-stack",0),2&t&&c.Q6J("ngForOf",e.sizes)},dependencies:[n.sg,u.J,_.D,y.$,b],encapsulation:2,changeDetection:0}),e})(),S=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.Xpm({type:t,selectors:[["tui-avatar-example-5"]],features:[c._Bn([(0,r.ug)({size:"l"})])],decls:1,vars:0,consts:[["src","DI"]],template:function(t,e){1&t&&c._UZ(0,"tui-avatar",0)},dependencies:[u.J],encapsulation:2,changeDetection:0}),e})();var z=a(62915);let P=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵcmp=c.Xpm({type:t,selectors:[["tui-avatar-example-6"]],decls:30,vars:24,consts:[[3,"src"],["tuiFade",""]],template:function(t,e){1&t&&(c.TgZ(0,"tui-avatar-labeled"),c._UZ(1,"tui-avatar",0),c.ALo(2,"async"),c.ALo(3,"tuiFallbackSrc"),c.TgZ(4,"div",1),c._uU(5,"MarsiBarsi"),c.qZA()(),c.TgZ(6,"tui-avatar-labeled"),c._UZ(7,"tui-avatar",0),c.ALo(8,"async"),c.ALo(9,"tuiFallbackSrc"),c.TgZ(10,"div",1),c._uU(11,"Inkin"),c.qZA(),c.TgZ(12,"div",1),c._uU(13,"Alexander"),c.qZA()(),c.TgZ(14,"tui-avatar-labeled"),c._UZ(15,"tui-avatar",0),c.ALo(16,"async"),c.ALo(17,"tuiFallbackSrc"),c.TgZ(18,"div",1),c._uU(19,"Potekhin"),c.qZA(),c.TgZ(20,"div",1),c._uU(21,"Vladimir"),c.qZA()(),c.TgZ(22,"tui-avatar-labeled"),c._UZ(23,"tui-avatar",0),c.ALo(24,"async"),c.ALo(25,"tuiFallbackSrc"),c.TgZ(26,"div",1),c._uU(27,"Barsukov"),c.qZA(),c.TgZ(28,"div",1),c._uU(29,"Nikita"),c.qZA()()),2&t&&(c.xp6(1),c.Q6J("src",c.lcZ(2,4,c.xi3(3,6,"https://avatars.githubusercontent.com/u/10106368","tuiIconUserLarge"))),c.xp6(6),c.Q6J("src",c.lcZ(8,9,c.xi3(9,11,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.xp6(8),c.Q6J("src",c.lcZ(16,14,c.xi3(17,16,"https://avatars.githubusercontent.com/u/46284632","tuiIconUserLarge"))),c.xp6(8),c.Q6J("src",c.lcZ(24,19,c.xi3(25,21,"https://avatars.githubusercontent.com/u/35179038","tuiIconUserLarge"))))},dependencies:[u.J,z.B,T.X,n.Ov,h.S],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}tui-avatar[_ngcontent-%COMP%]{border:1px solid var(--tui-base-04)}"],changeDetection:0}),e})();function M(t,e){if(1&t&&(c.TgZ(0,"tui-notification",2),c._uU(1," This code is "),c.TgZ(2,"strong"),c._uU(3,"experimental"),c.qZA(),c._uU(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.qZA(),c.TgZ(5,"p"),c._uU(6,"New version for Avatar component following updated design specs for displaying text, pictures and icons."),c.qZA(),c.TgZ(7,"tui-doc-example",3)(8,"tui-notification",4),c._uU(9," This example requires import of "),c.TgZ(10,"code"),c._uU(11,"TuiFallbackSrcModule"),c.qZA()(),c._UZ(12,"tui-avatar-example-1"),c.qZA(),c.TgZ(13,"tui-doc-example",5)(14,"tui-notification",4),c._uU(15," This example requires import of "),c.TgZ(16,"code"),c._uU(17,"TuiFadeModule"),c.qZA()(),c._UZ(18,"tui-avatar-example-2"),c.qZA(),c.TgZ(19,"tui-doc-example",6),c._UZ(20,"tui-avatar-example-3"),c.qZA(),c.TgZ(21,"tui-doc-example",7)(22,"tui-notification",4),c._uU(23," This example requires import of "),c.TgZ(24,"code"),c._uU(25,"TuiAvatarStackModule"),c.qZA()(),c._UZ(26,"tui-avatar-example-4"),c.qZA(),c.TgZ(27,"tui-doc-example",8),c._UZ(28,"tui-avatar-example-5"),c.qZA(),c.TgZ(29,"tui-doc-example",9),c._UZ(30,"tui-avatar-example-6"),c.qZA()),2&t){const t=c.oxw();c.xp6(7),c.Q6J("content",t.example1),c.xp6(6),c.Q6J("content",t.example2),c.xp6(6),c.Q6J("content",t.example3),c.xp6(2),c.Q6J("content",t.example4),c.xp6(6),c.Q6J("content",t.example5),c.xp6(2),c.Q6J("content",t.example6)}}function k(t,e){1&t&&c._uU(0," Use round shape ")}function w(t,e){1&t&&c._uU(0," Size ")}function C(t,e){1&t&&(c._uU(0," Initials, image URL, or icon name. Alternatively you can pass text as "),c.TgZ(1,"code"),c._uU(2,"ng-content"),c.qZA(),c._uU(3," which would be styled differently from initials and fade if overflown "))}function Q(t,e){if(1&t){const t=c.EpF();c.TgZ(0,"tui-doc-demo"),c._UZ(1,"tui-avatar",10),c.qZA(),c.TgZ(2,"tui-doc-documentation"),c.YNc(3,k,1,0,"ng-template",11),c.NdJ("documentationPropertyValueChange",(function(e){c.CHM(t);const a=c.oxw();return c.KtG(a.round=e)})),c.YNc(4,w,1,0,"ng-template",12),c.NdJ("documentationPropertyValueChange",(function(e){c.CHM(t);const a=c.oxw();return c.KtG(a.size=e)})),c.YNc(5,C,4,0,"ng-template",13),c.NdJ("documentationPropertyValueChange",(function(e){c.CHM(t);const a=c.oxw();return c.KtG(a.src=e)})),c.qZA()}if(2&t){const t=c.oxw();c.xp6(1),c.Q6J("round",t.round)("size",t.size)("src",t.src),c.xp6(2),c.Q6J("documentationPropertyValue",t.round),c.xp6(1),c.Q6J("documentationPropertyValues",t.sizes)("documentationPropertyValue",t.size),c.xp6(1),c.Q6J("documentationPropertyValues",t.srcVariants)("documentationPropertyValue",t.src)}}function I(t,e){if(1&t&&(c.TgZ(0,"ol",14)(1,"li")(2,"p"),c._uU(3,"Import module:"),c.qZA(),c._UZ(4,"tui-doc-code",15),c.qZA(),c.TgZ(5,"li")(6,"p"),c._uU(7,"Add to the template:"),c.qZA(),c._UZ(8,"tui-doc-code",16),c.qZA()()),2&t){const t=c.oxw();c.xp6(4),c.Q6J("code",t.exampleModule),c.xp6(4),c.Q6J("code",t.exampleHtml)}}let V=(()=>{var t;class e{constructor(t){this.sanitizer=t,this.exampleModule=a.e(90098).then(a.t.bind(a,90098,17)),this.exampleHtml=a.e(71799).then(a.t.bind(a,71799,17)),this.example1={TypeScript:a.e(65028).then(a.t.bind(a,65028,17)),HTML:a.e(33788).then(a.t.bind(a,33788,17))},this.example2={TypeScript:a.e(49999).then(a.t.bind(a,56287,17)),HTML:a.e(73205).then(a.t.bind(a,73205,17)),LESS:a.e(71088).then(a.t.bind(a,71088,17))},this.example3={TypeScript:a.e(63754).then(a.t.bind(a,63754,17)),HTML:a.e(58025).then(a.t.bind(a,58025,17))},this.example4={TypeScript:a.e(16453).then(a.t.bind(a,16453,17)),HTML:a.e(77005).then(a.t.bind(a,77005,17))},this.example5={TypeScript:a.e(68274).then(a.t.bind(a,68274,17)),HTML:a.e(4068).then(a.t.bind(a,4068,17))},this.example6={TypeScript:a.e(64477).then(a.t.bind(a,64477,17)),HTML:a.e(42903).then(a.t.bind(a,42903,17)),LESS:a.e(4004).then(a.t.bind(a,4004,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(t=e).ɵfac=function(e){return new(e||t)(c.Y36(s.H7))},t.ɵcmp=c.Xpm({type:t,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(t,e){1&t&&(c.TgZ(0,"tui-doc-page",0),c.YNc(1,M,31,6,"ng-template",1),c.YNc(2,Q,6,8,"ng-template",1),c.YNc(3,I,9,2,"ng-template",1),c.qZA())},dependencies:[u.J,l.L,p.c,d.F,m.z,g.B,Z.q,x.n,v.f,f,A,U,L,S,P],encapsulation:2,changeDetection:0}),e})();a(41841);let F=(()=>{var t;class e{}return(t=e).ɵfac=function(e){return new(e||t)},t.ɵmod=c.oAB({type:t}),t.ɵinj=c.cJS({imports:[n.ez,r.Jm,r.JW,r.BK,r.uA,r.uE,o.TuiNotificationModule,r.H8,r.me,(0,i.bG)(V)]}),e})()}}]);
\ No newline at end of file
diff --git a/next/4004.99ee71408089fe8d.js b/next/4004.99ee71408089fe8d.js
new file mode 100644
index 000000000000..165478db330e
--- /dev/null
+++ b/next/4004.99ee71408089fe8d.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[4004],{4004:e=>{e.exports=":host {\n display: flex;\n gap: 1rem;\n}\n\ntui-avatar {\n border: 1px solid var(--tui-base-04);\n}\n"}}]);
\ No newline at end of file
diff --git a/next/42903.36b00c467e1d6bf8.js b/next/42903.36b00c467e1d6bf8.js
new file mode 100644
index 000000000000..aad6abc98c05
--- /dev/null
+++ b/next/42903.36b00c467e1d6bf8.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[42903],{42903:a=>{a.exports="\n \n\n
MarsiBarsi
\n\n\n\n \n\n
Inkin
\n
Alexander
\n\n\n\n \n\n
Potekhin
\n
Vladimir
\n\n\n\n \n\n
Barsukov
\n
Nikita
\n\n"}}]);
\ No newline at end of file
diff --git a/next/64305.3e9f4787517b3091.js b/next/64305.3e9f4787517b3091.js
deleted file mode 100644
index 6016f97ae8e9..000000000000
--- a/next/64305.3e9f4787517b3091.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64305],{64305:(e,t,a)=>{a.r(t),a.d(t,{ExampleTuiAvatarModule:()=>Q});var n=a(88692),i=a(64206),o=a(78129),r=a(20359),s=a(5998),c=a(64537),u=a(46516),p=a(79121),l=a(83074),d=a(10977),m=a(62840),g=a(60404),x=a(43560),h=a(93525),Z=a(38868),f=a(24233);let v=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({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._UZ(0,"tui-avatar",0)(1,"tui-avatar",1),c.ALo(2,"async"),c.ALo(3,"tuiFallbackSrc"),c._UZ(4,"tui-avatar",2),c.TgZ(5,"tui-avatar"),c._uU(6,"99+"),c.qZA(),c.TgZ(7,"tui-avatar")(8,"picture"),c._UZ(9,"source",3)(10,"img",4),c.qZA()(),c.TgZ(11,"tui-avatar")(12,"video",5),c._UZ(13,"source",6),c.qZA()()),2&e&&(c.xp6(1),c.Q6J("src",c.lcZ(2,2,c.xi3(3,4,"https://avatars.githubusercontent.com/u/11832552","tuiIconUserLarge"))),c.xp6(11),c.Q6J("muted",!0))},dependencies:[u.J,n.Ov,f.S],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}"],changeDetection:0}),t})();var y=a(72502),T=a(52994);let A=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({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._UZ(0,"tui-avatar",0),c.TgZ(1,"tui-avatar",1),c.ALo(2,"tuiAutoColor"),c.qZA(),c.TgZ(3,"tui-avatar",2)(4,"div",3),c._uU(5,"Fading"),c.qZA()()),2&e&&(c.xp6(1),c.Udp("background",c.lcZ(2,2,"AI")))},dependencies:[u.J,y.X,T.$],styles:["[_nghost-%COMP%]{display:flex;gap:1rem}.text[_ngcontent-%COMP%]{background:var(--tui-base-05);color:var(--tui-text-01-night)}"],changeDetection:0}),t})(),U=(()=>{var e;class t{constructor(){this.names=["Jason Statham","Silvester Stallone","Jackie Chan"]}}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-avatar-example-3"]],decls:14,vars:0,consts:[["size","xxl"],["size","xl"],["size","l"],["size","m"],["size","s"],["size","xs"],["size","xxs"]],template:function(e,t){1&e&&(c.TgZ(0,"tui-avatar",0),c._uU(1,"XXL"),c.qZA(),c.TgZ(2,"tui-avatar",1),c._uU(3,"XL"),c.qZA(),c.TgZ(4,"tui-avatar",2),c._uU(5,"L"),c.qZA(),c.TgZ(6,"tui-avatar",3),c._uU(7,"M"),c.qZA(),c.TgZ(8,"tui-avatar",4),c._uU(9,"S"),c.qZA(),c.TgZ(10,"tui-avatar",5),c._uU(11,"XS"),c.qZA(),c.TgZ(12,"tui-avatar",6),c._uU(13,"XXS"),c.qZA())},dependencies:[u.J],styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:1rem}"],changeDetection:0}),t})();var _=a(87772);let b=(()=>{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.Yjl({name:"tuiInitials",type:e,pure:!0}),t})();function q(e,t){if(1&e&&(c.TgZ(0,"tui-avatar",4),c.ALo(1,"tuiAutoColor"),c.ALo(2,"tuiInitials"),c.qZA()),2&e){const e=t.$implicit,a=c.oxw(),n=a.odd,i=a.$implicit;c.Udp("background",c.lcZ(1,5,e)),c.Q6J("round",n)("size",i)("src",c.lcZ(2,7,e))}}function z(e,t){if(1&e&&(c.TgZ(0,"tui-avatar-stack",1),c.YNc(1,q,3,9,"tui-avatar",2),c.TgZ(2,"tui-avatar",3),c._uU(3," 99+ "),c.qZA()()),2&e){const e=t.$implicit,a=t.odd,n=c.oxw();c.Q6J("direction",a?"left":"right"),c.xp6(1),c.Q6J("ngForOf",n.names),c.xp6(1),c.Q6J("round",a)("size",e)}}let J=(()=>{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.Xpm({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.YNc(0,z,4,4,"tui-avatar-stack",0),2&e&&c.Q6J("ngForOf",t.sizes)},dependencies:[n.sg,u.J,_.D,T.$,b],encapsulation:2,changeDetection:0}),t})(),P=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵcmp=c.Xpm({type:e,selectors:[["tui-avatar-example-5"]],features:[c._Bn([(0,r.ug)({size:"l"})])],decls:1,vars:0,consts:[["src","DI"]],template:function(e,t){1&e&&c._UZ(0,"tui-avatar",0)},dependencies:[u.J],encapsulation:2,changeDetection:0}),t})();function S(e,t){if(1&e&&(c.TgZ(0,"tui-notification",2),c._uU(1," This code is "),c.TgZ(2,"strong"),c._uU(3,"experimental"),c.qZA(),c._uU(4," and is a subject to change. Expect final solution to be shipped in the next major version "),c.qZA(),c.TgZ(5,"p"),c._uU(6,"New version for Avatar component following updated design specs for displaying text, pictures and icons."),c.qZA(),c.TgZ(7,"tui-doc-example",3)(8,"tui-notification",4),c._uU(9," This example requires import of "),c.TgZ(10,"code"),c._uU(11,"TuiFallbackSrcModule"),c.qZA()(),c._UZ(12,"tui-avatar-example-1"),c.qZA(),c.TgZ(13,"tui-doc-example",5)(14,"tui-notification",4),c._uU(15," This example requires import of "),c.TgZ(16,"code"),c._uU(17,"TuiFadeModule"),c.qZA()(),c._UZ(18,"tui-avatar-example-2"),c.qZA(),c.TgZ(19,"tui-doc-example",6),c._UZ(20,"tui-avatar-example-3"),c.qZA(),c.TgZ(21,"tui-doc-example",7)(22,"tui-notification",4),c._uU(23," This example requires import of "),c.TgZ(24,"code"),c._uU(25,"TuiAvatarStackModule"),c.qZA()(),c._UZ(26,"tui-avatar-example-4"),c.qZA(),c.TgZ(27,"tui-doc-example",8),c._UZ(28,"tui-avatar-example-5"),c.qZA()),2&e){const e=c.oxw();c.xp6(7),c.Q6J("content",e.example1),c.xp6(6),c.Q6J("content",e.example2),c.xp6(6),c.Q6J("content",e.example3),c.xp6(2),c.Q6J("content",e.example4),c.xp6(6),c.Q6J("content",e.example5)}}function w(e,t){1&e&&c._uU(0," Use round shape ")}function M(e,t){1&e&&c._uU(0," Size ")}function C(e,t){1&e&&(c._uU(0," Initials, image URL, or icon name. Alternatively you can pass text as "),c.TgZ(1,"code"),c._uU(2,"ng-content"),c.qZA(),c._uU(3," which would be styled differently from initials and fade if overflown "))}function L(e,t){if(1&e){const e=c.EpF();c.TgZ(0,"tui-doc-demo"),c._UZ(1,"tui-avatar",9),c.qZA(),c.TgZ(2,"tui-doc-documentation"),c.YNc(3,w,1,0,"ng-template",10),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const a=c.oxw();return c.KtG(a.round=t)})),c.YNc(4,M,1,0,"ng-template",11),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const a=c.oxw();return c.KtG(a.size=t)})),c.YNc(5,C,4,0,"ng-template",12),c.NdJ("documentationPropertyValueChange",(function(t){c.CHM(e);const a=c.oxw();return c.KtG(a.src=t)})),c.qZA()}if(2&e){const e=c.oxw();c.xp6(1),c.Q6J("round",e.round)("size",e.size)("src",e.src),c.xp6(2),c.Q6J("documentationPropertyValue",e.round),c.xp6(1),c.Q6J("documentationPropertyValues",e.sizes)("documentationPropertyValue",e.size),c.xp6(1),c.Q6J("documentationPropertyValues",e.srcVariants)("documentationPropertyValue",e.src)}}function k(e,t){if(1&e&&(c.TgZ(0,"ol",13)(1,"li")(2,"p"),c._uU(3,"Import module:"),c.qZA(),c._UZ(4,"tui-doc-code",14),c.qZA(),c.TgZ(5,"li")(6,"p"),c._uU(7,"Add to the template:"),c.qZA(),c._UZ(8,"tui-doc-code",15),c.qZA()()),2&e){const e=c.oxw();c.xp6(4),c.Q6J("code",e.exampleModule),c.xp6(4),c.Q6J("code",e.exampleHtml)}}let V=(()=>{var e;class t{constructor(e){this.sanitizer=e,this.exampleModule=a.e(90098).then(a.t.bind(a,90098,17)),this.exampleHtml=a.e(71799).then(a.t.bind(a,71799,17)),this.example1={TypeScript:a.e(65028).then(a.t.bind(a,65028,17)),HTML:a.e(33788).then(a.t.bind(a,33788,17))},this.example2={TypeScript:a.e(49999).then(a.t.bind(a,56287,17)),HTML:a.e(73205).then(a.t.bind(a,73205,17)),LESS:a.e(71088).then(a.t.bind(a,71088,17))},this.example3={TypeScript:a.e(63754).then(a.t.bind(a,63754,17)),HTML:a.e(58025).then(a.t.bind(a,58025,17))},this.example4={TypeScript:a.e(16453).then(a.t.bind(a,16453,17)),HTML:a.e(77005).then(a.t.bind(a,77005,17))},this.example5={TypeScript:a.e(68274).then(a.t.bind(a,68274,17)),HTML:a.e(4068).then(a.t.bind(a,4068,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.Y36(s.H7))},e.ɵcmp=c.Xpm({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"],[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.TgZ(0,"tui-doc-page",0),c.YNc(1,S,29,5,"ng-template",1),c.YNc(2,L,6,8,"ng-template",1),c.YNc(3,k,9,2,"ng-template",1),c.qZA())},dependencies:[u.J,p.L,l.c,d.F,m.z,g.B,x.q,h.n,Z.f,v,A,U,J,P],encapsulation:2,changeDetection:0}),t})();a(41841);let Q=(()=>{var e;class t{}return(e=t).ɵfac=function(t){return new(t||e)},e.ɵmod=c.oAB({type:e}),e.ɵinj=c.cJS({imports:[n.ez,r.Jm,r.JW,r.uA,r.uE,o.TuiNotificationModule,r.H8,r.me,(0,i.bG)(V)]}),t})()}}]);
\ No newline at end of file
diff --git a/next/64477.17c3f0f380c7fb54.js b/next/64477.17c3f0f380c7fb54.js
new file mode 100644
index 000000000000..b846131bf10f
--- /dev/null
+++ b/next/64477.17c3f0f380c7fb54.js
@@ -0,0 +1 @@
+(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[64477],{64477: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-avatar-example-6',\n templateUrl: './index.html',\n styleUrls: ['./index.less'],\n encapsulation,\n changeDetection,\n})\nexport class TuiAvatarExample6 {}\n"}}]);
\ No newline at end of file
diff --git a/next/index.html b/next/index.html
index d4ccd1502c9b..dfdc423763b2 100644
--- a/next/index.html
+++ b/next/index.html
@@ -42,6 +42,6 @@
-
+